Espacio Cripto
Espacio Cripto
Espacio Cripto
Website Redesign
Website Redesign
Website Redesign
Redesigning the website of a fast-growing web3 community.
my role
Solo designer
timeline
April - June 2023
skills
UX research
Wireframing
Prototyping
tools
Webflow
Figma
Photoshop
CONTEXT
Espacio Cripto, a community since 2020, educates and connects Spanish-speaking audiences about cryptocurrency, web3, and technology through their popular podcast, articles, and in-person events.
Espacio Cripto, a community since 2020, educates and connects Spanish-speaking audiences about cryptocurrency, web3, and technology through their popular podcast, articles, and in-person events.
PROBLEM
Their website wasn't aligned
with the brand values.
The organization's website design didn't follow the brand values, making it challenging to effectively showcase their project to the target audience.
The organization's website design didn't follow the brand values, making it challenging to effectively showcase their project to the target audience.
WIREFRAMING + PROTOTYPING
Main improvements in the design
Based on the project's requirements and the client's feedback, the low-fidelity prototype went through an iterative process to improve its usability.
Following this stage, the prototype was integrated into Webflow.
Based on the project's requirements and the client's feedback, the low-fidelity prototype went through an iterative process to improve its usability.
Following this stage, the prototype was integrated into Webflow.
DESIGNING THE SOLUTION
User flow diagram
dESIGN STYLE GUIDE
THE TARGET community member
DESIGN GOALS
Community-focused design
1
1
Giving an insight into the EC experience
By using visually appealing elements that show the project's social impact, we get to highlight the brand values while we invite the audience to become part of the EC experience.
Prioritizing accessibility
We used the Manrope family font in various weights to ensure excellent legibility throughout the website.
Responsive design was carefully implemented to make the content accessible on all devices.
We used the Manrope family font in various weights to ensure excellent legibility throughout the website.
Responsive design was carefully implemented to make the content accessible on all devices.
Use legible fonts and appropriate component sizes.
Ensure strong color contrast between background and foreground elements.
Implement responsive design for content accessibility on all devices.
2
2
3
3
Smooth navigation
A simple color palette was chosen in order to emphasize interactive elements and to create a right color contrast with the background.
To offer an intuitive user experience, the primary user flow actions can be easily found at the navigation bar, showing the main content categories on the website.
A simple color palette was chosen in order to emphasize interactive elements and to create a right color contrast with the background.
To offer an intuitive user experience, the primary user flow actions can be easily found at the navigation bar, showing the main content categories on the website.
A simple color palette was chosen in order to emphasize interactive elements and to create a right color contrast with the background.
To offer an intuitive user experience, the primary user flow actions can be easily found at the navigation bar, showing the main content categories on the website.
the FINAL DESIGN
Website's final screens
Conclusion
Reflections on the project
Being able to redesign the Espacio Cripto website to improve their online presence was very valuable for my experience as product designer. Here I remark the main takeaways from working on this project:
Skills evolution.This project was my first solo mid-level complexity design challenge, as it involved moving from Figma prototypes to hands-on development in a no-code platform. Therefore, it significantly improved my Webflow skills and enhanced my ability to accurately estimate task durations for better project timeline management.
Fail left and fail right. By exploring several iterations early on, I discovered the value of trying different configurations to correctly define the user flow navigation. Hence, it gets easier to make more thoughtful decisions during the upcoming design process.
Challenges and solutions. As the website development wrapped up, the clients decided to take charge on uploading their content. To facilitate this, I provided a fully functional project and a brief Webflow tutorial, enabling them to manage and share their content independently.
About feedback and making changes. Working together with the client and receiving feedback from mentors was key to see improvements in the design.
Use brand guidelines wisely. Although the client had defined their brand guidelines, I decided to reduce the wide color palette and to only use graphic elements that sticked to the brand’s new character.
Being able to improve Espacio Cripto's online presence was very valuable for my experience as product designer. Here I remark the main takeaways from working on this project:
Skills evolution.This project was my first solo mid-level complexity design challenge, as it involved moving from Figma prototypes to hands-on development in a no-code platform. Therefore, it significantly improved my Webflow skills and enhanced my ability to accurately estimate task durations for better project timeline management.
Fail left and fail right. By exploring several iterations early on, I discovered the value of trying different configurations to correctly define the user flow navigation. Hence, it gets easier to make more thoughtful decisions during the upcoming design process.
Challenges and solutions. As the website development wrapped up, the clients decided to take charge on uploading their content. To facilitate this, I provided a fully functional project and a brief Webflow tutorial, enabling them to manage and share their content independently.
About feedback and making changes. Working together with the client and receiving feedback from mentors was key to see improvements in the design.
Use brand guidelines wisely. Although the client had defined their brand guidelines, I decided to reduce the wide color palette and to only use graphic elements that sticked to the brand’s new character.
Being able to improve Espacio Cripto's online presence was very valuable for my experience as product designer. Here I remark the main takeaways from working on this project:
Skills evolution. This project was my first solo mid-level complexity design challenge, as it involved moving from Figma prototypes to hands-on development in a no-code platform. Therefore, it significantly improved my Webflow skills and enhanced my ability to accurately estimate task durations for better project timeline management.
Fail left and fail right. By exploring several iterations early on, I discovered the value of trying different configurations to correctly define the user flow navigation. Hence, it gets easier to make more thoughtful decisions during the upcoming design process.
Challenges and solutions. As the website development wrapped up, the clients decided to take charge on uploading their content. To facilitate this, I provided a fully functional project and a brief Webflow tutorial, enabling them to manage and share their content independently.
About feedback and making changes. Working together with the client and receiving feedback from mentors was key to see improvements in the design.
Use brand guidelines wisely. Although the client had defined their brand guidelines, I decided to reduce the wide color palette and to only use graphic elements that sticked to the brand’s new character.
Thanks for checking out my work
