Project Introduction 🖋️
Overview:
The project focused on developing a modern, functional interface for the CARO website, with a strong emphasis on accessibility and usability, guided by Jakob Nielsen's principles. Beyond aesthetics, the design aimed to foster awareness about climate change, encouraging users to engage with this critical issue.
Role: UI Designer
Notable Outcomes:
While the project was not selected, it was praised for its innovative, simple design and its alignment with CARO's brand identity. Due to budget constraints and a short timeline, the client opted for another submission. However, the project was recognized as a successful example of premium design work within the context of climate action.
Challenges and Objectives 🎯
Key Challenges:
1 - Designing an interface accessible and compliant with WCAG standards.
2 - Selecting imagery that matched the theme of climate action while aligning with CARO's branding.
3 - Conducting in-depth research on the current climate scenario to ensure an authentic representation that captivates users.
Primary Objectives:
1 - Develop an intuitive navigation system.
Design Process 🛠️
Research:
The project adhered to Jakob Nielsen's 10 Usability Heuristics to create a seamless user experience:
1 - Visibility of System Status.
2 - Match Between the System and the Real World.
3 - User Control and Freedom.
4 - Consistency and Standards.
5 - Error Prevention.
6 - Recognition Rather Than Recall.
7 - Flexibility and Efficiency of Use.
8 - Aesthetic and Minimalist Design.
9 - Help Users Recognize, Diagnose, and Recover from Errors.
10 - Help and Documentation.
Visual Design:
Color Palette: Leveraged CARO's branding, focusing on blue tones and neutrals for a clean, professional look.
Typography: Employed Source Sans Pro for clarity and accessibility.
Graphic Elements: Incorporated minimalist elements to maintain focus on content and climate-related messaging.
Visual Presentation 🎨
Screens Developed:
Homepage:
Training-Events:
About us page:
Contact us page:
Lessons Learned and Impact 📘
This project underscored the importance of aligning client expectations with modern usability and aesthetic principles. The focus on climate issues also emphasized the role of design in fostering awareness and action on critical global challenges.
Key Takeaways:
Thorough research can drive authentic and impactful designs.
Effective communication of an important topic (climate change) can enhance user engagement.
Visual Considerations
This project underscored the importance of aligning client expectations with modern usability and aesthetic principles. The focus on climate issues also emphasized the role of design in fostering awareness and action on critical global challenges.
Realistic Mockups: Use Figma to simulate final designs in a desktop setting.
Presentation Style: Keep layouts clean and consistent with the project's aesthetic.