PROJECT OVERVIEW
The goal of the Suberra website redesign was to refresh the visual look and improve usability by removing unnecessary elements from the old site. The new design aimed to create a cleaner, more modern experience while aligning with the brand’s evolving goals.
RESPONSIBILITIES
Wireframing
Web Design
Prototyping
TOOLS
Figma
Photoshop
Illustrator
TIMELINE
2023
Old Website
The redesigned version
Since the stakeholders provided a project brief, my role was to translate their vision into a well-structured wireframe and high-fidelity design. Minor feedback on the wireframes was incorporated directly during the design phase, as the adjustments were not significant enough to require an extra iteration cycle.
Home Page wireframe
Blog Page wireframe
Article Page wireframe
The stakeholders provided a project brief with references for inspiration, outlining the visual direction they wanted for the redesign. This required sourcing assets, creating custom illustrations, and editing visuals to align with the desired aesthetic. Balancing these design elements while maintaining a clean and modern layout was a key challenge, ensuring the final product stayed visually engaging without feeling cluttered.
Some final illustrations used in the website
Screenshot of prototyping the animation of the illustrations
The final design successfully streamlined the content, removed unnecessary elements, and modernized the website’s visual language. The result was a more focused, visually appealing, and user-friendly interface that better reflected Suberra’s brand identity.
High fidelity design of home page
High fidelity design of checkout page
High fidelity design of subscription page
This project reinforced the importance of efficiency in design workflows, especially when working with a predefined vision and tight deadlines. Having a clear brief and direct feedback from stakeholders helped streamline the process, but if given more time, I would have explored more usability enhancements and additional iterations before finalizing the high-fidelity designs.
What's next
