{"id":49618,"date":"2025-12-18T18:57:15","date_gmt":"2025-12-18T18:57:15","guid":{"rendered":"https:\/\/swisstomato.ch\/?post_type=reference&#038;p=49618"},"modified":"2026-03-19T09:28:40","modified_gmt":"2026-03-19T09:28:40","slug":"room4u-mobile-first-website-redesign","status":"publish","type":"reference","link":"https:\/\/swisstomato.ch\/en\/references\/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\">The Client<\/h2>\r\n                        <div class=\"introduction-text\"><p><span style=\"font-weight: 400;\">Room4U is a Swiss space-rental company offering secure storage units and flexible stay rooms (office, hobby\/workshop, garage) across several urban locations.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Customers can use spaces for storing, working or creating during extended opening hours (06:00\u201324:00). Units are unfurnished, practical and fairly priced, with optional add-ons such as an internet line to the room.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">The service targets downsizing households, start-ups and craftspeople with a simple process: light credit check, ID verification and an on-site visit before contract signature.<\/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=\"The Client\" \/>\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\">The Challenge<\/h2>\r\n            <div class=\"introduction-text\"><p><span style=\"font-weight: 400;\">The previous website <\/span><b>did not sufficiently reflect Room4U\u2019s mixed offer<\/b><span style=\"font-weight: 400;\"> of storage and stay rooms and was <\/span><b>not sufficiently mobile-optimised<\/b><span style=\"font-weight: 400;\">.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Users needed too many steps to reach an enquiry, and many struggled to distinguish administration vs viewing hours or to notice walk-in options and on-site payment. Interactive floor plans and 3D assets existed but were hard to find. Room sizes were abstract without clear length \u00d7 width cues or human-scale references, and the Book Space call-to-action was not consistently visible. Navigation and footer patterns were uneven, which increased friction at the very moment users needed confidence to choose a space.<\/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=\"The Challenge\" \/>\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\">The Solution<\/h2>\r\n                                <div class=\"additional-text\"><p><span style=\"font-weight: 400;\">Swiss Tomato re-designed the information architecture and interface with a mobile-first funnel and reusable components:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Hero video\/slideshow &amp; direct paths: <\/b><span style=\"font-weight: 400;\">A lightweight visual hero introduces real spaces and leads straight to location search, room types and a sticky booking CTA.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Interactive floor plans<\/b><span style=\"font-weight: 400;\">: Level switcher, colour legend and unit highlights; selecting a unit opens a modal with exact 3D preview, details (L\u00d7W, level, price if available) and Book\/Enquire. This was already available in the previous website, but not as prominent.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Real opening hours module<\/b><span style=\"font-weight: 400;\">: Side-by-side Admin vs Viewing times with expand\/collapse for long schedules; map pins show key info via popups.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Visual size guidance<\/b><span style=\"font-weight: 400;\">: Cards combine length \u00d7 width with a human silhouette; room-type visuals calibrated (office appears larger, garage smaller) and a standard 3\u00d76 m reference noted where relevant.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Content structure &amp; trust<\/b><span style=\"font-weight: 400;\">: Dedicated FAQ in the header (and footer), News (offers\/events, no detail pages) anchored on About, Guide\/Blog for tips with article pages.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Accessibility &amp; performance<\/b><span style=\"font-weight: 400;\">: Well-sized tap targets, strong contrast, keyboard-focusable controls and media fallbacks for fast mobile loads.<\/span><\/li>\n<\/ul>\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\">Results<\/h2>\r\n                <div class=\"result-text\"><p><span style=\"font-weight: 400;\">The final <a href=\"https:\/\/swisstomato.ch\/en\/webdesign-geneva-zurich\/\">web design<\/a> is a modern, intuitive, mobile-first platform that combines great user experience with state-of-the art design. The users of the website can reach important information in 3 clicks and contact Room4U for booking.The modern, mobile-first web platform offers an intuitive, state-of-the-art user experience. Key information is easily accessible, requiring a maximum of three clicks, allowing users to quickly contact Room4U for booking.<\/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":49622,"template":"single-reference-cs.php","reference_category":[18],"reference_tag":[],"reference_client":[108],"acf":{"masonry_reference_title":"Room4U","masonry_reference_text":"Mobile-First Website Redesign","masonry_thumbnail_image":51071,"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":11,"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":"SMB ","_links":{"self":[{"href":"https:\/\/swisstomato.ch\/en\/wp-json\/wp\/v2\/reference\/49618"}],"collection":[{"href":"https:\/\/swisstomato.ch\/en\/wp-json\/wp\/v2\/reference"}],"about":[{"href":"https:\/\/swisstomato.ch\/en\/wp-json\/wp\/v2\/types\/reference"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/swisstomato.ch\/en\/wp-json\/wp\/v2\/media\/49622"}],"wp:attachment":[{"href":"https:\/\/swisstomato.ch\/en\/wp-json\/wp\/v2\/media?parent=49618"}],"wp:term":[{"taxonomy":"reference_category","embeddable":true,"href":"https:\/\/swisstomato.ch\/en\/wp-json\/wp\/v2\/reference_category?post=49618"},{"taxonomy":"reference_tag","embeddable":true,"href":"https:\/\/swisstomato.ch\/en\/wp-json\/wp\/v2\/reference_tag?post=49618"},{"taxonomy":"reference_client","embeddable":true,"href":"https:\/\/swisstomato.ch\/en\/wp-json\/wp\/v2\/reference_client?post=49618"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}