Kontakt
Case Study

Room4U – Mobile-First Website-Redesign

Feature Reference Image Feature Reference Image

Der Kunde

Room4U ist ein Schweizer Anbieter für Raummiete und bietet sichere Lagereinheiten sowie flexible Aufenthaltsräume (Büro, Hobby/Workshop, Garage) an mehreren urbanen Standorten.

Kundinnen und Kunden nutzen die Räume zum Lagern, Arbeiten oder Kreativsein, unterstützt durch lange Öffnungszeiten (06:00–24:00). Die Einheiten sind unmöbliert, funktional und fair bepreist, mit optionalen Zusatzleistungen wie einer Internetleitung direkt in den Raum.

Die Zielgruppen sind Haushalte, die verkleinern, Start-ups sowie Handwerkerinnen und Handwerker. Der Prozess ist unkompliziert: Bonitätscheck, ID-Verifizierung und ein Termin vor Ort vor der Vertragsunterzeichnung.

 

Der Kunde

Die Herausforderung

Die bisherige Website zeigte das kombinierte Angebot aus Storage und Aufenthaltsräumen nicht klar genug und war nicht ausreichend für mobile Nutzung optimiert.

Der Weg zur Anfrage brauchte zu viele Schritte. Viele Nutzende mussten lange suchen, um die Unterschiede zwischen Bürozeiten und Besichtigungszeiten zu verstehen oder Hinweise zu Laufkundschaft und Bezahlung vor Ort zu finden. Interaktive Grundrisse und 3D-Elemente existierten zwar, waren aber kaum sichtbar. Raumgrössen wirkten abstrakt ohne klare Länge-Breite-Angaben oder Grössenbezüge. Der „Book Space“-Call-to-Action erschien nicht durchgängig. Uneinheitliche Navigation und Fussbereich führten zu zusätzlicher Unsicherheit – gerade im Moment der Entscheidung.

Die Herausforderung

Die Lösung

Swiss Tomato überarbeitete die Informationsarchitektur und das Interface mit einem klaren Mobile-First-Ansatz und wiederverwendbaren Komponenten:

  • Hero-Video/Slideshow & direkte Wege: Visuelles Intro mit realen Räumen und direktem Zugang zu Standortsuche, Raumtypen und einem fix platzierten Buchungs-CTA.
  • Interaktive Grundrisse: Etagenwechsel, Farblegende und Hervorhebung einzelner Einheiten; die Auswahl öffnet ein Modal mit exakter 3D-Vorschau, Details (L×B, Etage, Preis falls verfügbar) sowie Buchen/Anfragen. Bereits zuvor vorhanden, jetzt jedoch klar im Fokus.
  • Echtes Öffnungszeiten-Modul: Nebeneinander dargestellte Büro- und Besichtigungszeiten mit Auf-/Zuklappfunktion; Kartenpins zeigen die wichtigsten Infos in Popups.
  • Visuelle Grössenorientierung: Karten kombinieren Länge × Breite mit Silhouette; Raumtypen visuell angepasst (Büro grösser, Garage kompakter) und eine 3×6-m-Referenz ergänzt, wo sinnvoll.
  • Content-Struktur & Vertrauen: Eigene FAQ im Header und Footer, News-Bereich (Angebote/Events ohne Detailseiten) in About eingebettet, Guide/Blog mit Artikelseiten.
  • Barrierefreiheit & Performance: Optimierte Klickflächen, hoher Kontrast, tastaturfokussierbare Bedienelemente und Medienalternativen für schnelle mobile Ladezeiten.

 

iPad frame

Ergebnisse

Das finale Webdesign ist eine moderne, intuitive Mobile-First-Plattform mit zeitgemässem Nutzererlebnis. Wichtige Informationen sind in maximal drei Klicks erreichbar, sodass Interessierte schnell Kontakt für eine Buchung aufnehmen können.

Website Wireframe

Jetzt Kontakt aufnehmen

Haben Sie ein Projekt geplant?
Trinken wir einen Tomatensaft!

Unsere Briefing-Vorlagen für App– und Webprojekte helfen Ihnen dabei, Ihre Ideen klar zu formulieren. Und sie helfen uns dabei, Ihr Projekt von Anfang an besser zu verstehen. Das spart Zeit, schafft Klarheit und legt den Grundstein für eine erfolgreiche Zusammenarbeit. 






    Tomato Juice Animation