DESCRIPTION
The overarching goal was to align the brand with contemporary design trends, enhance inclusivity, and provide a seamless digital experience. The project unfolded over three months, involving a dedicated team that brought fresh perspectives to Solideengineer's visual identity and website.
Role
UX- and Graphic designer
Tools and methods
Figma , Adobe Premiere Pro, Design thinking
Challenges
- Brand Transformation: Evolving the brand to reflect modern design trends while maintaining brand identity posed a creative challenge.
- Inclusivity: Ensuring that the new design catered to a diverse audience and adhered to accessibility standards required careful consideration and adherence to WCAG guidelines.
- Multimedia Integration: Incorporating a video element for the hero banner required seamless integration with the overall design and responsiveness.
Approach
- Brand Workshop: The project began with a collaborative workshop to understand Solidengineer's vision, values, and aspirations. This laid the groundwork for the redesign approachon the website.
- Homepage Wireframes: Initial wireframes for the redesigned homepage were crafted, ensuring a logical and user-friendly layout that accommodated the diverse needs of visitors.
- Figma Prototypes: The wireframes were translated into high-fidelity prototypes using Figma. These prototypes provided an interactive preview of the redesigned homepage, incorporating the new graphic profile.
- Video Integration: A hero banner video was created and edited in Adobe Premiere Pro, seamlessly blending with the overall aesthetics of the new homepage design.
- WCAG Compliance: All design elements were adapted to meet WCAG guidelines, emphasizing readability, color contrast, and accessible navigation.
Results
The project yielded the following outcomes:
- Modernized Brand Identity: The website now boasts a modern and visually appealing brand identity that resonates with contemporary design trends.
- Inclusive Design: The website now prioritizes inclusivity, adhering to WCAG guidelines to ensure accessibility for users with diverse abilities.
- Engaging Multimedia: The integration of a professionally edited video in the hero banner enhances user engagement and conveys the brand's narrative effectively.
- Readability and Navigation: Designs were adapted to prioritize readability, and logical navigation, contributing to an enhanced user experience.
Conclusion
Solidengineer branding and website redesign resulted in a modern aesthetics, inclusivity, and accessibility. By undertaking a comprehensive approach that spanned from brand workshops to WCAG-compliant design adaptations, the project successfully transformed the companies digital presence.