PROJECT 003

01 FEB 2024

MY ROLE: UX DESIGN ・UI DESIGN ・BRANDING

Alphagrid.

Mobile-First Website Redesign.

Screen-72
iterations
Screen-67

Objective

The primary objective was to reimagine a traditional research report as a dynamic and engaging product that resonates with the media consumption habits of Gen-Z. AlphaGrid challenged us to break away from conventional, static PDF formats and develop a mobile-first website that stands out in today's digital landscape.

Challenge

Transforming dense research material into an interactive format presented a significant challenge. The goal was to shift from passive consumption to active engagement, ensuring that the content was not only accessible but also compelling for young, tech-savvy audiences..

Process

Our approach involved extensive user research to understand Gen-Z's preferences and behaviors. We developed a series of design prototypes, incorporating bold, modern aesthetics that align with AlphaGrid’s brand identity. The use of vibrant colors and minimalistic design elements aimed to attract and retain the attention of our target demographic.

Design Execution

The UI was meticulously crafted to support a mobile-first experience. We optimized navigation and interactivity to ensure that the website was intuitive and efficient on smaller screens. Key features included swipeable content blocks, collapsible menus for in-depth research topics, and interactive data visualizations to make complex information digestible.

moodboard

Branding & Aesthetics

In keeping with the desire to appeal to Gen-Z, we employed a contemporary design style that merged playfulness with sophistication. The design was not only about aesthetic appeal but also about creating an emotional connection with the audience, making them feel that the content was curated specifically for their needs and interests..

Client Feedback

The redesign was met with enthusiasm from AlphaGrid's team. Samuel Moppett, Design Director at FT, praised the new layout: "Thanks, Sabi. The designs look ace. Excited for the next iterations. You've found a really sophisticated way to get playfulness and elegance into this and, most importantly, a layout that will make the user want to flow through what is quite a heavy doc."

Outcome

The revamped site significantly improved user engagement metrics. Early analytics indicated a notable increase in session duration and a decrease in bounce rates, suggesting that users were more engaged with the content. The project not only met but exceeded AlphaGrid’s expectations, setting a new benchmark for how research can be presented to meet the evolving expectations of a young audience.

Future Directions

Encouraged by the success of this project, we are now exploring further enhancements, including the integration of AI-driven recommendations to personalize content discovery and the implementation of augmented reality elements to create an even more immersive user experience.

Screen-65

Conclusion

This project underscored the importance of understanding and adapting to the needs of specific audience segments. By embracing innovation and focusing on user-centric design, we were able to transform a conventional research report into a vibrant, engaging digital experience that resonates with Gen-Z consumers. 

Selected Work

CompoundProduct

FlurryProduct

CetraProduct