Web Design Suberra Website
BasedApp Website and App 1
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.
MY ROLE
Wireframing Web Design Prototyping
YEAR
2023
Frame 81
Old Website
Frame 81
The redesigned version
Key Design Decisions
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
Challenges & Constraints
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.
Frame 81
Some final illustrations used in the website
Screenshot of prototyping the animation of the illustrations
UI Design & Final Decision
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.
Frame 81
High fidelity design of home page
Frame 81
High fidelity design of subscription page
Frame 81
High fidelity design of checkout page
Final Outcome
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.
Other case study
Web Design Suberra Website
BasedApp Website and App 1
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.
MY ROLE
Wireframing Web Design Prototyping
YEAR
2023
Frame 81
Old Website
Frame 81
The redesigned version
Key Design Decisions
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
Challenges & Constraints
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.
Frame 81
Some final illustrations used in the website
Screenshot of prototyping the animation of the illustrations
UI Design & Final Decision
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.
Frame 81
High fidelity design of home page
Frame 81
High fidelity design of subscription page
Frame 81
High fidelity design of checkout page
Final Outcome
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.
Other case study
Let’s work together! Feel free to reach out at
renzoednaco@gmail.com or connect with me on LinkedIn.
Web Design Suberra Website
BasedApp Website and App 1
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.
MY ROLE
Wireframing Web Design Prototyping
YEAR
2023
Frame 81
Old Website
Frame 81
The redesigned version
Key Design Decisions
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
Challenges & Constraints
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.
Frame 81
Some final illustrations used in the website
Screenshot of prototyping the animation of the illustrations
UI Design & Final Decision
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.
Frame 81
High fidelity design of home page
Frame 81
High fidelity design of subscription page
Frame 81
High fidelity design of checkout page
Final Outcome
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.
Other case study
Let’s work together! Feel free to reach out at
renzoednaco@gmail.com or connect with me on LinkedIn.
Web Design Suberra Website
BasedApp Website and App 1
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.
MY ROLE
Wireframing Web Design Prototyping
YEAR
2023
Frame 81
Old Website
Frame 81
The redesigned version
Key Design Decisions
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
Challenges & Constraints
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.
Frame 81
Some final illustrations used in the website
Screenshot of prototyping the animation of the illustrations
UI Design & Final Decision
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.
Frame 81
High fidelity design of home page
Frame 81
High fidelity design of subscription page
Frame 81
High fidelity design of checkout page
Final Outcome
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.
Other case study
Let’s work together! Feel free to reach out at
renzoednaco@gmail.com or connect with me on LinkedIn.