Rentalio

Anschließend führten wir eine Befragung konkurrierender Tools durch und fassten deren Vor- und Nachteile zusammen. Die Erkenntnisse aus den Erstgesprächen und der Marktanalyse fassten wir in einem Wireframe zusammen, wodurch wir ein konkreteres Bild vom Aufbau der einzelnen Seiten erhielten.“
Wir haben das Wireframe noch einmal mit dem Kunden abgesprochen und nach Absprache erstellten sie einen Prototyp, der dem Kunden die Zusammenhänge der einzelnen Seiten zeigte. Dank des Prototyps wussten der Kunde und anschließend der Entwickler genau, wohin welcher Button zeigte und konnten Testen Sie selbst die Intuitivität der Nutzung der Website.

Sobald wir eine klare Vorstellung von der Struktur hatten und die Anzahl der einzelnen Seiten kannten, folgte im nächsten Schritt die Auswahl der Technologien und der Vorschlag für das UI-Design.

Angesichts des Umfangs des Projekts war es klar, dass wir eine Lösung wählen mussten, die es uns ermöglicht, die Seiten so schnell und einfach wie möglich zu erstellen, da das Projekt keine spezifischen Merkmale oder Funktionsanforderungen hat. Deshalb haben wir uns für Keystone.js entschieden, um schnell ein einfaches CMS (Site-Verwaltungsoberfläche) zu erstellen, Next.js, um das Backend der Site bereitzustellen, und die React-Bibliothek, um die Benutzeroberfläche zu programmieren.

Durch die Auswahl dieser Tools haben wir einen besseren Überblick über die Dauer und Komplexität der Projektarbeiten gewonnen und konnten dem Kunden ein Preisangebot und einen Entwicklungsplan zusenden. Nach deren Freigabe ging es an die grafische Gestaltung der Website.

Im Rahmen der Vorbereitung des User-Interface-Designs haben wir uns vor allem auf die Art und Weise der Darstellung einzelner Informationen und Konvertierungselemente konzentriert. Wir haben uns für einen minimalistischen Stil entschieden, der kurz, aber verständlich die Ziele und das Prinzip der angebotenen Leistungen erläutert. Wir haben uns für zwei Konvertierungselemente entschieden:

• Kontaktformular (klassisch und in Form eines Pop-up-Fensters), über das der Besucher ein Beratungsgespräch vereinbart.
• Formular zur Preisgestaltung der Wohnung, Dies dient dem Kunden (Rentalio) als Mittel zum Sammeln von E-Mail-Adressen und öffnet die Tür zur Welt des E-Mail-Marketings.

Nachdem das Design genehmigt wurde, war es Zeit für die Codierung selbst . Nach und nach erstellten die Entwickler einzelne Komponenten der Benutzeroberfläche und verbanden diese mit dem Backend. Anschließend optimierten sie die Seite hinsichtlich Webladegeschwindigkeit und responsivem Design, sodass die Seite auf Geräten unterschiedlicher Größe komfortabel genutzt werden kann.