Visual Identity System
Custom color palette, typography scale, and spacing system designed to reflect luxury wedding aesthetics.
Project Overview
The Yaritu UI/UX project was the design foundation for the full-stack Yaritu platform. Starting from user research and competitor analysis, the design process included wireframing, creating a cohesive color palette inspired by luxury wedding aesthetics, selecting elegant serif and sans-serif font pairings, and building a reusable Figma component library. High-fidelity mockups were created for every major screen — homepage, product listing, celebrity showcase, jewelry gallery, and admin dashboard. Interactive prototypes were used to validate user flows before a single line of code was written.
🎯 Project Purpose
Designed the complete visual identity and user experience for Yaritu before development. This was the foundational design phase where every screen, user flow, and interaction was planned and prototyped in Figma.
🛍️ Project Checkouts (Key Highlights)
Wireframes & Mockups
Low-fidelity wireframes evolved into pixel-perfect high-fidelity mockups for every screen.
Interactive Prototyping
Clickable Figma prototypes to test user flows, navigation, and micro-interactions before development.
Component Library
Reusable Figma components (buttons, cards, modals, forms) for design consistency and faster iteration.
⭐ Why This Project Stands Out
- Design-First Approach: Every screen was designed and validated before any code was written.
- Luxury Branding: Color, typography, and layout choices reflect high-end wedding fashion.
- User Flow Mapping: Complete user journeys mapped from landing to conversion.
- Design System: Reusable component library that scaled from design to development seamlessly.