top of page
UI / UX designer
Project Overview:
Web design project developed in Figma and implemented in Framer for a fictional premium cereal bar brand. The site was designed to promote a natural and professional fitness lifestyle, targeting athletes through marketing direction. The responsive layout ensures a seamless experience across desktop and mobile devices, combining aesthetics with clear user-focused messaging.
Role:
UX/UI designer
Project type:
Responsive website
Project challenge:
As a UX/UI Designer, I played a key role in developing a responsive website with AI image generation
Responsabilities:
My responsibilities as the sole UX/UI Designer included: persona targeting, UI design, and user-centered design
Knowing our audience
Audience
Public 1: Natural seekers
Public 2: Weightlifters
Public 3: Active people
Age: 30-50
Education: Any
Marital status: Any
People who seeks natural products over artificialized
Age: 30-50
Education: Any
Marital status: Any
People who seeks to improve their gains
Age: 30-50
Education: Any
Marital status: Any
People who seeks to improve their energy
Starting the design:
The project was made directly into a high fidelity, using Figma and Framer to improve my designs
The first designs:
The Hero banner
Section 2 depicting the publics with a engaging text
Animation sketch
Founders section + FAQ
Last section with Last CTA + Footer menu
You can check the design by clicking in the link:
Now one of the most important things about this project, or the most, the Takeaways
Takeaways
This project allowed me to improve my understanding of responsive web design while applying visual hierarchy through effective use of grids and Gestalt principles. I also improved my skills in microcopywriting tailored to specific audiences, explored some UI animations in Framer, and became more confident in building and adapting layouts across different screen sizes using Framer’s responsive tools.
Thank you !
for reading my project
bottom of page