Alofa

Fahrzeugkatalog und Buchungswebsite

Ich setzte den gelieferten Entwurf als WordPress-Mietwagenwebsite um, mit Fahrzeugsuche, CSV-Import und Buchungsanfragen, die die Auswahl der Besucher übernehmen.

Bereich
Autovermietung / Samoa
Technologien
WordPress / PHP / JavaScript
Projektjahr
2023
Kunde
Alofa Samoa Rentals
Alofa-Mietwagenstartseite mit tropischem Hintergrund und Fahrzeugsuche.
Projektdetail

Einstiegsansicht aus dem gelieferten Figma-Entwurf. Ich setzte die WordPress-Website um; der Entwurf wurde für das Projekt bereitgestellt.

Die Aufgabe

Eine neue familiengeführte Autovermietung brauchte ihre erste Website, um Leistungen zu erklären, Fahrzeuge zu zeigen und Buchungsanfragen anzunehmen. Der gelieferte Entwurf sollte für ein kleines Betriebsteam praktisch nutzbar werden.

Die Umsetzung

Ich setzte den gelieferten Entwurf in WordPress um, einschließlich Fahrzeugkatalog und Buchungsanfragen. Dazu entwickelte ich den CSV-Import und die Preisregeln hinter den Seiten.

Das Projekt im Detail

Originale Projektansichten und gelieferte Figma-Entwürfe zeigen Suche, Fahrzeugkatalog und Anfrageformular. Detailansichten machen die Felder und Preisberechnung besser lesbar. Die Preise im Entwurf sind Beispiele.

Suchangaben weiterverwenden

Ich entwickelte ein gemeinsames Suchformular für die Mietwagenseiten. Nach der Fahrzeugauswahl werden die gewählten Mietangaben in die Anfrage übernommen, statt den Vorgang neu zu beginnen.

Mietwagensuche mit Abholung, Rückgabe und Terminen. Ausschnitt aus dem gelieferten Figma-Entwurf.
Projektdetail

Mietwagensuche mit Abholung, Rückgabe und Terminen. Ausschnitt aus dem gelieferten Figma-Entwurf.

Mietdaten im Buchungskalender auswählen.
Projektdetail

Mietdaten im Buchungskalender auswählen.

1 von 2

Fahrzeugdaten ohne wiederholte Einzeleingabe

Ich ergänzte einen CSV-Import zum Anlegen und Aktualisieren von Fahrzeugen, Modellen, Mietpreisen und Verfügbarkeitsfeldern. Der Betreiber kann den Katalog über eine Datei pflegen, statt jeden Datensatz einzeln zu öffnen.

Alofa-Fahrzeugliste mit technischen Angaben und Mietpreisen.
Projektdetail

Alofa-Fahrzeugliste mit technischen Angaben und Mietpreisen. Originaler Figma-Entwurf.

Fahrzeugkarten mit den Angaben zum Vergleich der Optionen.
Projektdetail

Fahrzeugkarten mit den Angaben zum Vergleich der Optionen.

1 von 2

Anfragen mit Preiskontext

Ich entwickelte Backend-Regeln für vorläufige Mietpreise und Rabatte. Die gelieferten Desktop- und Mobilentwürfe setzte ich als Formulare um und prüfte Suche und Anfrage manuell. Die gezeigte Preisübersicht stammt aus dem ursprünglichen Entwurf.

Alofa-Mietanfrage mit Terminen, Extras und Preisübersicht.
Projektdetail

Alofa-Mietanfrage mit Terminen, Extras und Preisübersicht. Originaler Figma-Entwurf.

Mietpreisübersicht und Zahlungsoptionen. Beispielbeträge aus dem ursprünglichen Entwurf, keine aktuellen Mietpreise.
Projektdetail

Mietpreisübersicht und Zahlungsoptionen. Beispielbeträge aus dem ursprünglichen Entwurf, keine aktuellen Mietpreise.

Alofa-Desktopstartseite mit Mietwagensuche, Angeboten und Fahrzeugklassen.
Projektdetail

Alofa-Desktopstartseite mit Mietwagensuche, Angeboten und Fahrzeugklassen. Originaler Figma-Entwurf.

Mobile Alofa-Startseite mit kompakter Mietwagensuche.
Projektdetail

Mobile Alofa-Startseite mit kompakter Mietwagensuche. Originaler Figma-Entwurf.

Umgesetzte Seitenlayouts der ersten Website von Alofa Samoa Rentals.
Projektdetail

Umgesetzte Seitenlayouts der ersten Website von Alofa Samoa Rentals.

1 von 5

Auf einem kleineren Bildschirm

Die ursprünglichen mobilen Entwürfe zeigen Suche und Datumsauswahl. Dies sind gelieferte Projektentwürfe, keine Aufnahmen der aktuellen Website.

Mobile Suche aus dem gelieferten Figma-Entwurf. Die vollständige Suche im ersten Bildschirm.
Projektdetail

Mobile Suche aus dem gelieferten Figma-Entwurf. Die vollständige Suche im ersten Bildschirm.

Mobile Auswahl von Datum und Uhrzeit für eine Alofa-Miete.
Projektdetail

Mobile Auswahl von Datum und Uhrzeit für eine Alofa-Miete. Originaler Figma-Entwurf.

1 von 2

Das Ergebnis

Umgesetzt

Die erste Website des Unternehmens mit Onlinekanal für Fahrzeug- und Buchungsanfragen.

Details zu Alofa

Um welche Website-Arbeit ging es?

Die erste Mietwagen-Website machte die Flotte durchsuchbar und leitete bearbeitbare Buchungsanfragen an den Betreiber weiter.