- UX/UI Designer
- Front-End Developer
- UX/UI Designer
- Front-End Developer
I crafted the website for Aida Victoria's empowering course, "De la tragedia a la victoria." Aida, a renowned humorous and motivational content creator with over 5 million social media followers, will inspire women through her personal journey and equip them with tools for self-improvement.
![](/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Faida-victoria-overview.903d9c44.jpg&w=3840&q=100)
Project Key Deliverables
- Worked with marketing to design the user-flow of the website
- Designed a specific visual identity for the website
- Cropped and optimized photos to communicate the course's intent
- Developed the website using Framer
- Implemented advanced CSS animations
- One page home design
- Site visual guidelines design
- Hero header with videos
- Effective Call To Actions
- Responsive design
- Full screen design
![](/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ffigures-1.4e137685.png&w=3840&q=75)
![](/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ffigures-2.6009d58b.png&w=1920&q=75)
![](/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ffigures-3.9bf8a7ea.png&w=640&q=75)
![](/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ffigures-4.b027450b.png&w=640&q=75)
![](/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ffigures-5.a2f59ae2.png&w=640&q=75)
![](/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ffigures-6.db27dcb4.png&w=828&q=75)
Instead of relying on traditional click-based navigation, I opted for a smooth and immersive scroll-based experience. Coupled with cutting-edge animations and effects, the website transmits a modern and luxurious feel that perfectly aligns with Aida Victoria's empowering brand identity.
I designed a seamless mobile experience that mirrors the desktop interactions, guaranteeing efficient navigation through an intuitive and visually appealing hamburger menu.
To capture the essence of this inspiring lifestyle, I incorporated a dynamic ticker showcasing diverse women transmiting positive emotions and radiating well-being. The footer, strategically designed, features a prominent call to action and relevant user-focused links, ensuring a seamless journey towards empowerment.
At Aida Victoria's insightful suggestion, we integrated a serene teal into the color palette. I meticulously curated its tones to evoke tranquility and freshness, while balancing them with contrasting black for depth and vibrancy. To further elevate the essence of the course, I handpicked the font pairing that embodies its spirit.
Explore more projects
![](/_next/image?url=%2F_next%2Fstatic%2Fmedia%2F10x-thumbnail.4fe2e33b.jpg&w=2048&q=75)
10X
![](/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fpolymath-thumbnail.982dd50f.jpg&w=2048&q=75)
Polymath Ventures
![](/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fdropi-thumbnail.425ddc45.jpg&w=2048&q=75)
Dropi
![](/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fastronea-thumbnail.ccb8b7c7.jpg&w=2048&q=75)
Astronea NFT Club
![](/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Frobin-house-thumbnail.30f85984.jpg&w=2048&q=75)
Robin House
![](/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fplunoh-thumbnail.0ee213f4.jpg&w=2048&q=75)
Plunoh
![](/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fjolly-joker-thumbnail.35df9481.jpg&w=2048&q=75)
Jolly Joker
![](/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ffigure-2.15dd2e13.png&w=1920&q=75)
![](/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ffigure-3.c744d453.png&w=3840&q=75)