After
View live at: www.lumen.com
Imagine a website project where the goal was to revitalize the visual identity to better reflect the brand's evolving ethos and appeal to its target audience. The project involved a comprehensive refresh encompassing the creation of new design components and the update of existing web pages to align with the updated visual identity.
Visual Identity
The process began with a thorough analysis of the brand's current visual identity, taking into account its strengths and weaknesses, as well as the latest design trends and user preferences. Collaborating closely with Neuro-Insight and other testing partners, brand managers, marketing teams, and UX/UI designers, our team established clear objectives and defined the desired outcomes for the project.
Next, we embarked on the creative exploration phase, where we brainstormed ideas and concepts to breathe new life into the brand's visual identity. This involved experimenting with color palettes, typography, imagery, and graphic elements to create a cohesive and impactful design language that resonated with the brand's values and message.
Implementation
Once the new visual identity was finalized and approved, we moved on to the implementation phase. This involved updating existing web pages with the new design elements, such as headers, footers, navigation menus, buttons, and other UI components, to ensure consistency and coherence across the entire website.We also created new design components to enhance the user experience and showcase the brand's personality. This included designing custom image treatments and icons that complemented the brand's aesthetic and reinforced its key messages.
Example Web Page Layouts
These are some of the layouts I worked on in XD. I was responsible for the layout using components from our refreshed design system, image selections, and hero designs.
Interactive Projects
Here is one of the interactive projects I created using the new brand design system. I was responsible for the hero design, teal gradient background, and overlapping section.
View live
View live
Conclusion
The end result was a refreshed website that not only looked visually stunning but also effectively communicated the brand's story and engaged users in meaningful ways.