Project Title : UI/UX Design & Frontend Structure for SalonMate – Salon Booking App
📌 Project Overview
Salonmate is a salon booking mobile application designed to simplify appointment discovery, booking management, and user engagement.
The UI was created with a developer-first mindset, focusing on clean flows, reusable components, and scalable frontend structure.
🔄 User Flow
Sign In → Home → Browse Salons & Services → Add to Favourites → View Upcoming Bookings
This flow ensures users can quickly access services, manage bookings, and revisit preferred salons with minimal friction.
1. Sign In Screen
Simple and minimal authentication layout
Structured input fields designed for validation and API integration
Clear CTA for smooth onboarding and secure access
2. Home Screen
Central hub displaying available salons and services
Card-based layout for easy browsing and scalability
Designed to support dynamic content and location-based data
3. Upcoming Bookings Screen
Displays scheduled appointments in a clear list format
Designed for real-time booking status updates
Reusable components to support rescheduling and cancellations
4. Favourites Screen
Allows users to save preferred salons or services
List-based UI optimized for performance and quick access
Designed to sync easily with backend-stored user preferences
Developer-Focused Design Approach
Component-based UI structure suitable for React implementation
Clean layouts optimized for API-driven data
Consistent spacing and typography for scalable frontend development
Navigation designed to support future feature expansion
🎯 Outcome
Delivered a clean, scalable, and implementation-ready salon booking app UI that balances usability with real-world frontend development needs.