{"id":49635,"date":"2025-12-18T18:57:15","date_gmt":"2025-12-18T18:57:15","guid":{"rendered":"https:\/\/swisstomato.ch\/references\/room4u-mobile-first-website-redesign\/"},"modified":"2026-03-19T09:29:41","modified_gmt":"2026-03-19T09:29:41","slug":"room4u-mobile-first-website-redesign","status":"publish","type":"reference","link":"https:\/\/swisstomato.ch\/de\/referenzen\/room4u-mobile-first-website-redesign\/","title":{"rendered":"Room4U \u2013 Mobile-First Website-Redesign"},"content":{"rendered":"\r\n<div  class=\"stbase-reference-introduction-block  stbase-block color-light\">\r\n            <div class=\"introduction\">\r\n            <div class=\"content\">\r\n                <div class=\"content-inner\"  style=\"background-color: #f37021;\" >\r\n                    <div class=\"container-860\">\r\n                        <h2 class=\"title\">Der Kunde<\/h2>\r\n                        <div class=\"introduction-text\"><p><span style=\"font-weight: 400;\">Room4U ist ein Schweizer Anbieter f\u00fcr Raummiete und bietet sichere Lagereinheiten sowie flexible Aufenthaltsr\u00e4ume (B\u00fcro, Hobby\/Workshop, Garage) an mehreren urbanen Standorten.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Kundinnen und Kunden nutzen die R\u00e4ume zum Lagern, Arbeiten oder Kreativsein, unterst\u00fctzt durch lange \u00d6ffnungszeiten (06:00\u201324:00). Die Einheiten sind unm\u00f6bliert, funktional und fair bepreist, mit optionalen Zusatzleistungen wie einer Internetleitung direkt in den Raum.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Die Zielgruppen sind Haushalte, die verkleinern, Start-ups sowie Handwerkerinnen und Handwerker. Der Prozess ist unkompliziert: Bonit\u00e4tscheck, ID-Verifizierung und ein Termin vor Ort vor der Vertragsunterzeichnung.<\/span><\/p>\n<p>&nbsp;<\/p>\n<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"introduction-image container-1080\">\r\n                    <img decoding=\"async\" src=\" https:\/\/swisstomato.ch\/wp-content\/uploads\/2026\/01\/small-img-1.jpg\" alt=\"Der Kunde\" \/>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n<\/div>\r\n<\/div>\n\n\r\n<div  class=\"stbase-reference-text-image-block  stbase-block \">\r\n            <div class=\"content-inner container-640\">\r\n            <h2 class=\"title\">Die Herausforderung<\/h2>\r\n            <div class=\"introduction-text\"><p><span style=\"font-weight: 400;\">Die bisherige Website zeigte das kombinierte Angebot aus Storage und Aufenthaltsr\u00e4umen nicht klar genug und war nicht ausreichend f\u00fcr mobile Nutzung optimiert.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Der Weg zur Anfrage brauchte zu viele Schritte. Viele Nutzende mussten lange suchen, um die Unterschiede zwischen B\u00fcrozeiten 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\u00f6ssen wirkten abstrakt ohne klare L\u00e4nge-Breite-Angaben oder Gr\u00f6ssenbez\u00fcge. Der \u201eBook Space\u201c-Call-to-Action erschien nicht durchg\u00e4ngig. Uneinheitliche Navigation und Fussbereich f\u00fchrten zu zus\u00e4tzlicher Unsicherheit \u2013 gerade im Moment der Entscheidung.<\/span><\/p>\n<\/div>\r\n        <\/div>\r\n        <div class=\"image container-1080\">\r\n            <img decoding=\"async\" src=\" https:\/\/swisstomato.ch\/wp-content\/uploads\/2026\/01\/ETH-img2-1.jpg\" alt=\"Die Herausforderung\" \/>\r\n        <\/div>\r\n    <\/div>\n\n\r\n<div  class=\"stbase-reference-result-block  stbase-block color-light  additional\">\r\n                <div class=\"additional-content content-inner container-640\">\r\n                                    <h2 class=\"title\">Die L\u00f6sung<\/h2>\r\n                                <div class=\"additional-text\"><p><span style=\"font-weight: 400;\">Swiss Tomato \u00fcberarbeitete die Informationsarchitektur und das Interface mit einem klaren Mobile-First-Ansatz und wiederverwendbaren Komponenten:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Hero-Video\/Slideshow &amp; direkte Wege<\/b><span style=\"font-weight: 400;\">: Visuelles Intro mit realen R\u00e4umen und direktem Zugang zu Standortsuche, Raumtypen und einem fix platzierten Buchungs-CTA.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Interaktive Grundrisse<\/b><span style=\"font-weight: 400;\">: Etagenwechsel, Farblegende und Hervorhebung einzelner Einheiten; die Auswahl \u00f6ffnet ein Modal mit exakter 3D-Vorschau, Details (L\u00d7B, Etage, Preis falls verf\u00fcgbar) sowie Buchen\/Anfragen. Bereits zuvor vorhanden, jetzt jedoch klar im Fokus.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Echtes \u00d6ffnungszeiten-Modul<\/b><span style=\"font-weight: 400;\">: Nebeneinander dargestellte B\u00fcro- und Besichtigungszeiten mit Auf-\/Zuklappfunktion; Kartenpins zeigen die wichtigsten Infos in Popups.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Visuelle Gr\u00f6ssenorientierung<\/b><span style=\"font-weight: 400;\">: Karten kombinieren L\u00e4nge \u00d7 Breite mit Silhouette; Raumtypen visuell angepasst (B\u00fcro gr\u00f6sser, Garage kompakter) und eine 3\u00d76-m-Referenz erg\u00e4nzt, wo sinnvoll.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Content-Struktur &amp; Vertrauen<\/b><span style=\"font-weight: 400;\">: Eigene FAQ im Header und Footer, News-Bereich (Angebote\/Events ohne Detailseiten) in About eingebettet, Guide\/Blog mit Artikelseiten.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\"><b>Barrierefreiheit &amp; Performance<\/b><span>: Optimierte Klickfl\u00e4chen, hoher Kontrast, tastaturfokussierbare Bedienelemente und Medienalternativen f\u00fcr schnelle mobile Ladezeiten.<\/span><\/span><\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<\/div>\r\n            <\/div>\r\n                <div class=\"content media-type-ipad\">\r\n            <div class=\"content-background\"  style=\"background-color: #f37021;\" ><\/div>\r\n                            <div class=\"media image-in-ipad container-1080\">\r\n                    <img decoding=\"async\" src=\" https:\/\/swisstomato.ch\/wp-content\/uploads\/2026\/01\/Put-Screen-In-Here-1.png\" class=\"ipad-inner\" alt=\"\" \/>\r\n                    <img decoding=\"async\" src=\"https:\/\/swisstomato.ch\/wp-content\/themes\/st-base-theme\/assets\/imgs\/iPad-frame.png\" class=\"ipad-frame\" alt=\"iPad frame\" \/>\r\n                <\/div>\r\n                        <div class=\"result content-inner container-640\">\r\n                <h2 class=\"title\">Ergebnisse<\/h2>\r\n                <div class=\"result-text\"><p><span style=\"font-weight: 400;\">Das finale <a href=\"https:\/\/swisstomato.ch\/de\/webdesign-zurich\/\">Webdesign<\/a> ist eine moderne, intuitive Mobile-First-Plattform mit zeitgem\u00e4ssem Nutzererlebnis. Wichtige Informationen sind in maximal drei Klicks erreichbar, sodass Interessierte schnell Kontakt f\u00fcr eine Buchung aufnehmen k\u00f6nnen.<\/span><\/p>\n<\/div>\r\n                                    <div class=\"project-button\">\r\n                        <a href=\"https:\/\/www.figma.com\/proto\/ned92h26aNxLBMMOReDCcR\/room4u---ZA?page-id=159%3A316&#038;node-id=159-318&#038;viewport=-1070%2C673%2C0.11&#038;t=h5IdiCdTfieAseTi-1&#038;scaling=min-zoom&#038;content-scaling=fixed&#038;starting-point-node-id=159%3A318&#038;show-proto-sidebar=1\" target=\"_blank\" class=\"button project\" rel=\"noopener\">\r\n                            <i class=\"fas fa-external-link-alt\"><\/i>\r\n                            <span>Website Wireframe<\/span>\r\n                        <\/a>\r\n                    <\/div>\r\n                            <\/div>\r\n        <\/div>\r\n    <\/div>","protected":false},"featured_media":49624,"template":"single-reference-cs.php","reference_category":[19],"reference_tag":[],"reference_client":[110],"acf":{"masonry_reference_title":"Room4U","masonry_reference_text":"Mobile-First Website Redesign","masonry_thumbnail_image":51072,"masonry_black_layer_below_title":false,"masonry_black_layer_below_title_mobile":false,"masonry_awards":null,"no_category_order":23,"web_category_order":17,"app_category_order":"","arvr_category_order":"","startup_client_order":"","smbs_client_order":13,"nonprofit_client_order":"","bigbrand_client_order":"","hide_in_archive":false},"featured_image_url":"https:\/\/swisstomato.ch\/wp-content\/uploads\/2026\/01\/Thumb-Room4U@2x.jpg","category_name":"Web","client_name":"KMU","_links":{"self":[{"href":"https:\/\/swisstomato.ch\/de\/wp-json\/wp\/v2\/reference\/49635"}],"collection":[{"href":"https:\/\/swisstomato.ch\/de\/wp-json\/wp\/v2\/reference"}],"about":[{"href":"https:\/\/swisstomato.ch\/de\/wp-json\/wp\/v2\/types\/reference"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/swisstomato.ch\/de\/wp-json\/wp\/v2\/media\/49624"}],"wp:attachment":[{"href":"https:\/\/swisstomato.ch\/de\/wp-json\/wp\/v2\/media?parent=49635"}],"wp:term":[{"taxonomy":"reference_category","embeddable":true,"href":"https:\/\/swisstomato.ch\/de\/wp-json\/wp\/v2\/reference_category?post=49635"},{"taxonomy":"reference_tag","embeddable":true,"href":"https:\/\/swisstomato.ch\/de\/wp-json\/wp\/v2\/reference_tag?post=49635"},{"taxonomy":"reference_client","embeddable":true,"href":"https:\/\/swisstomato.ch\/de\/wp-json\/wp\/v2\/reference_client?post=49635"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}