We partnered with Wakefit to reimagine the mobile web experience for buying a mattress online. The idea was to make the shopping experience on mobile just as immersive and interactive on an app or desktop web.

Process

We thought why not only visualise a part of the mattress as a cube. The cube as a form was easy to accommodate on the mobile compared to visualising the entire mattress in detail. Any form of the cube could be translated into a card for the mobile UI - be it to show layers of the mattress, softness or the technology.

Initial Wireframes

We sketched details to create high fidelity wireframes. This didn't just give us clarity on the direction but also helped us focus on the information structure and user experience.

Visual design involved translating our wireframes with the right imagery, typography and colours to create the final screens.

Thanks to the Wakefit team for collaborating with us on this project.

Email us at [email protected]

See more of our work on

Instagram  •  LinkedIn  •  Behance

🌐 Liquidink Design