the zed rooms

ui/ux design

The Zed Rooms is a collaboration between Simba Sleep and Cuckooz and other secondary partners, including Lumie, Google Home and more. They consist of three apartments filled with innovations designed to give visitors an incredible night’s sleep. I was tasked with creating a landing page that would act as an informative primer to the apartments themselves and also drive clicks to the booking portal (externally hosted).

The landing page had to be informative yet not give away too much. Visually, it needed to utilize the Zed Room’s colour schemes and motifs, while incorporating a strong Simba identity as it was hosted on Simba Sleep’s site. It also need to convey how premium the apartments were, and position them as the unique experience they were. I executed both the UX and UI design of the page.

This page was shipped in time, and the live version can be found here! The Zed Rooms has so far been a huge commercial hit and has created many conversations around Simba and what we do as a company.

UX design

The Zed Rooms page is a landing page more similar to a hotel or AirBnb while promoting the concept of the rooms. It had to be user friendly and work for both mobile and desktop as users would be more likely to potentially be searching for a hotel on the go, and making the final booking on desktop. I also made some UX specific choices that don’t appear elsewhere on the site, such as the sticky footer with a CTA. These choices were justified because while the Zed Rooms are Simba’s, they are also their own separate entity and therefore have different design requirements
Click the image to see the full wireframes.
Click to see wireframe

UI design

In terms of UI design, I had to be aware of three things- the Zed Rooms’ identity, Simba’s own identity and Cuckooz’s identity in that order of priority. The visuals of the landing page had to be clear, clean and concise. I took the Zed Rooms’ colour scheme- it’s paint colours as the initial starting point, and pushed back on it with Simba’s trademark blues to better visually connect it to the website. I also worked closely with the print designer, so we ensured assets such as the linear mark and iconography (illustrated by me!) were used consistently across touchpoints wherever possible.
Click the image to see the full wireframes.
Click to see wireframe

return to top