Coleção.Moda Landing Page

This project was part of a "Coleção.Moda" rebranding effort that aimed to communicate with big fashion brand owners using a clean and minimalist design.

This case study shares the final results. As part of the processes, the steps were to understand personas, create mood maps, iterate mockups, communicate the message effectively, design assets, and continuously validate deliveries with the team.

The page structure is composed of many sections, each emphasizing a single story that needs to be told.

The first section showcases the company's top customers using high-contrast logotypes and impactful anonymous star ratings. The main goal was to grab attention through the identification of trustworthy brands and to create an urge to scroll down for more information.

This decision was driven by user scrolling and attention patterns data. "In our most recent study, users spent about 57% of their page-viewing time above the fold. 74% of the viewing time was spent in the first two screenfuls, up to 2160px." https://www.nngroup.com/articles/scrolling-and-attention

The second section introduces eye-catching content to illustrate what the product is going to look like. I selected a screen that would communicate the best first impression of the product with a snapshot from one ongoing collection development process. This is where we could be expecting some aha moments.

From now on, the page invites the reader to explore other features that are presented with short animations, colorful images, titles, and descriptions using a vocabulary set that should bring empathy, innovation, and trust.

Available on https://www.colecao.moda