Homescreen iOS

CASE STUDY

TouchNote’s new homescreen is the result of many design iterations to improve the FUDs (Fears, Uncertainties & Doubts) of our user base. The previous structure was limiting the users’ ability to browse through in a natural way, causing a decrease on product awareness which consequently affected purchases.

The homescreen brief

Platform results

The New homescreen features a simple UX to let users freely navigate through fully customisable ideas. Among them are postcards, greeting cards, gallery frames and many more products, which are displayed as clear visual cards that can be scrolled vertically. We decided to apply the new redesign to all the platforms, keeping the same base structure, although adapted and optimised to the core of each system.

Multiplatform project

the process: wireframing

The final result shown above required a deep study of the users’ feelings and behaviours while using the app. After collecting all the data through user testing and interviews, the first practical approach is based on some quick sketching. The resulting drafts help to quickly generate ideas and low fidelity wireframes, which then lead the way to digital prototypes up until the final testing and development phase.

Wireframing process

BRANDING

Together with the new Homescreen, we also established a new visual brand to represent TouchNote’s products through beautiful and inspiring photography which reflect quality, materials and context of each product.

As Head of Design at TouchNote, I was fully involved in all the stages of the photography process, from the planning, brief creation, moodboards composition, up until the actual shooting by coordinating the stylist, producer and photographer.