Rentalio: Website für Vermietung

modernes Design
Reaktionsfähigkeit
Kontaktformular
Popup-Fenster mit Kontaktformular
Wohnungspreisformular
interaktive Karte mit Firmensitz
drei Sprachmutationen

Aufgabe

Das Rentalio-Team kam mit der Bitte auf uns zu, ein Design für eine einfache Präsentationswebsite zu erstellen, die potenzielle Kunden dazu motiviert, die angebotenen Dienste zu nutzen.

Wichtig war es, alle Stärken des Projekts hervorzuheben und die Besucher mit einem attraktiven Design zu beeindrucken.

WAS WIR VERWENDET HABEN

Technologie und Dienstleistungen

Die Umsetzung des Projekts hat 3 Monate gedauert. Zwei Entwickler (Backend, Frontend), UX-Designer, Projektmanager waren daran beteiligt.

UX/UI-Design, Website-Entwicklung, Tests

Keystone.js, React, Next.js

ERSTELLUNGSPROZESS IN 9 SCHRITTEN

Website-Erstellung

Im Rahmen der Zusammenarbeit haben wir eine moderne Präsentationswebsite entworfen und erstellt, die den Besuchern die Bedeutung des Projekts elegant präsentiert und sie zur Nutzung der angebotenen Dienste motiviert.

1Einführende Beratung
Der erste Schritt der Zusammenarbeit war eine Reihe von Beratungsgesprächen, in denen wir mit dem Kunden die Idee hinsichtlich Aufbau und Inhalt der einzelnen Seiten der Website geklärt haben.
2Markt- und Wettbewerbsforschung
3Prototyp- und Wireframe-Vorbereitung
4Technologie-Stack-Auswahl
5Entwicklungsplan und Angebot
6UX/UI-Designvorschlag
7Zusammenstellung des Entwicklungsteams
8Testen und Optimieren
9Bereitstellen der Site für die Produktion

Lösungsdetail

Wir haben die Zusammenarbeit bei der Erstellung der Rentalio-Website mit Beratungen begonnen, bei denen wir gemeinsam mit dem Kunden einen Entwurf der Website-Struktur erstellt haben.

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.

MEHRWERT

Wie wir geholfen haben

Das Racasone-Team hat responsive Websites entworfen und programmiert, die die vom Kunden angebotenen Dienstleistungen präsentieren und die Kommunikation mit Kunden vermitteln.

Wir haben ihm geholfen, den Bekanntheitsgrad des Projekts zu steigern und eine elegante Website erstellt, die ihm neue Kunden gewinnen und es ihm ermöglichen wird, seine Marketingstrategie mit neuen Kommunikationskanälen zu erweitern. Wir legen Wert auf Projekte, bei denen der Kunde vertraut uns voll und ganz und wird uns die Erstellung digitaler Produkte vom Anfang bis zum Ende anvertrauen. Wir danken Ihnen für die Zusammenarbeit und wünschen Ihnen viel Erfolg bei Ihren zukünftigen Unternehmungen.

Ausgewählte Projekte

Show

Sonstiges

NVision: Elektronische Komponenten

Entwicklung einer modernen Präsentationswebsite mit maßgeschneidertem CMS für NVision, einen führenden Hersteller elektronischer Komponenten

Show

Bauwesen

Kerosin: Digitale Baustelle

Eine moderne Webanwendung, die einen Baustellenentwurf in ein digitales Format überführt, die Geräteplanung erleichtert und die Baukosten sofort berechnet.

Show

Bauwesen

Swietelsky: Maschinenwartung online

Informationssystem für die Verwaltung und Wartung von Maschinen

Show

Immobilien

Blocheck: Digitales Mieten

Entwicklung einer Webanwendung, die den Prozess der Immobilienvermietung digitalisiert

Show

HR (Personalwesen)

H2: Smarte Rekrutierung und HR

Cloud-basierte Webanwendung zur Automatisierung des Einstellungs- und Verwaltungsprozesses

Show

Gesundheitswesen

Digičekárna: Arzttermine

Mobile App und fortschrittliches Buchungssystem für effizientere Wartezimmerabläufe und Patientenmanagement

Show

Immobilien

Makléře Nechci: Verkauf ohne Makler

Entwicklung einer Webanwendung, die den Verkauf von Häusern und Wohnungen vereinfacht

Show

QR Cards: QR-Etiketten Editor

Webanwendung zum Erstellen von Aufklebern und anderen Ausdrucken

Show

Sonstiges

ARA: GIS in Augmented Reality

Eine mobile (Tablet-)Anwendung für iPadOS, die Daten aus dem Geografischen Informationssystem (GIS) durch Augmented Reality visualisiert.

Show

Finanzen

Viably: Schecks auf dem Handy

Mobile Multiplattform-App für Android und iOS zur Digitalisierung von Schecks für die Finanzplattform

Show

Lumyros: Netzwerk für Lichtjäger

Eine mobile Anwendung, die als soziales Netzwerk für Polarlichtjäger dient.

Show

AMF ČRA: Fußball-App

Eine mobile Anwendung, die einen Überblick über die Ergebnisse verschiedener Little Football-Wettbewerbe bietet, und eine mobile Anwendung, die die Organisation von Fußballturnieren erleichtert

Show

Pinstriped: Smarte Meetings

Eine Cloud-Webanwendung, die die Organisation und Verwaltung von Meetings erleichtert

Show

Gesundheitswesen

VideoDoktor: Arzt per Video

Eine plattformübergreifende mobile Anwendung für Android und iOS, die einen sicheren Videoanruf zwischen einem Arzt und einem Patienten vermittelt.

Show

Where To Play: Deine Events

Eine Cloud-Webanwendung, die die Organisation und Verwaltung von Meetings erleichtert

Show

Viewlay: Lokale Events online

Ein soziales Netzwerk, das Sie auf dem Laufenden hält, was um Sie herum passiert

Show

HR (Personalwesen)

Labormex: HR-App

Mobile Anwendung für Android, die die Rekrutierung von Mitarbeitern für die Personalagentur Labormex vermittelt

Show

Sonstiges

ReLaw: Juristische Dokumente online

Entwicklung eines Informationssystems für Anwaltskanzleien mit Benachrichtigungscenter und Dashboard.

Show

Evo Motorsport: Team-Website

Erstellen einer responsiven Website mit elegantem Design.

Show

Uptim.ai: CMS für SaaS

Responsive Website mit modernem Design, individuellem CMS und anspruchsvollem Bereich mit Dokumentation und Tutorials

Show

Immobilien

Flatzone: Immobiliendaten online

Eine Webanwendung mit einem Immobilienangebot, die Informationen von verschiedenen Immobilienservern in Form eines Katalogs verarbeitet und an einem Ort sammelt

Show