Tools
Figma, Figjam
Task
Research
Interface design
Experience design
Team
3 Project Manager
3 designers
2 Developers
Timeline
6 Months
Handelsblatt newsletter landing page project was initiated to address the challenge of consolidating diverse newsletters into a centralized platform, simplifying user access and comprehension of individual newsletters. The landing page not only provides an overview of each newsletter but also offers in-depth information about the authors and highlights the benefits of subscribing.
For this project, I concentrated on developing a thorough understanding of the product and creating a comprehensive design that works with tablet, online, and mobile platforms. Following the mobile-first approach, the design aimed at enhancing user experience and engagement. The key challenge involved creating three distinct design concepts, each tailored for a specific landing page type, while ensuring visual consistency using the Handelsblatt design system.
The project was divided into 6 major steps:
1. Research
2. Information Collection
3. Information Architecture
4. Low fidelity design
5. High fidelity design
Conducted extensive research to understand user preferences, competitor designs, and existing newsletter landing page structures. This phase provided valuable insights into industry trends and user expectations.
Gathered detailed information about the newsletters, authors, and benefits to create a foundation for the design process. Collaborated with stakeholders to ensure a comprehensive understanding of the project requirements.
Benchmarking
Information Architecture
Developed a well-defined information architecture and flow for the landing page. Coordinated with the project manager to finalize the structure, ensuring a logical and user-friendly arrangement of content.
Created initial low-fidelity design prototypes to visualize and iterate on the layout. This phase allowed for early feedback and corrections, ensuring a solid foundation for the subsequent design iterations.
Sketch
Low-Fidelity design
High Fidelity Design: Translated the refined low-fidelity designs into high-fidelity prototypes. Leveraged Handelsblatt's design system and brand library to maintain visual consistency across platforms. The fully responsive design was implemented with four breakpoints for optimal viewing on various devices.
The Handelsblatt Newsletter Landing Page project successfully addressed the initial challenge by providing a centralized, user-friendly platform for newsletters. The careful design process, from research to high-fidelity prototypes, ensured a seamless and visually consistent user experience across mobile, web, and tablet platforms. The project follows a mobile-first approach, utilizing Handelsblatt's design system and brand library to ensure a cohesive and recognizable visual identity. The landing page now serves as an effective hub for users to explore and subscribe to Handelsblatt newsletters with ease.
During my tenure at Handelsblatt, I've actively contributed to various confidential design projects.
