Kori

Project Overview

Kori is a mobile application designed to bridge the gap between hairdressers and their clients through a streamlined appointment management system. The platform consists of two separate apps: one tailored for clients and another specifically for hairdressers, each with features optimized for their distinct needs. Developed using Flutter and Dart, this cross-platform solution ensures a consistent experience across both iOS and Android devices. The UI/UX design focuses on intuitive navigation, clear service categorization, and a frictionless booking experience.

Design Mockup

 <!-- Controls for zoom and auto-play -->

Zoom + Zoom - Auto Play

< >

Key Features

• Separate dedicated apps for clients and hairdressers, each optimized for their specific workflows
• Location-based salon discovery with an interactive map interface showing nearby options
• Smart appointment scheduling with calendar integration and conflict prevention
• Service catalog management allowing stylists to showcase their offerings with pricing
• Client profile system storing preferences, history, and favorite styles
• Real-time availability updates showing open time slots without requiring manual refreshes
• Integrated notification system for appointment reminders and schedule changes
• Secure payment processing supporting multiple payment methods
• Ratings and review system helping clients make informed decisions
• Geolocation features for finding the closest salons based on current location

Design Process

The Kori app was developed following a user-centered design approach:

1. Research Phase: We conducted interviews with both hairdressers and potential clients to identify pain points in the current appointment booking process. Key findings included the need for reducing no-shows, simplifying schedule management, and providing visual references for hairstyles.
2. Wireframing: Low-fidelity wireframes were created to establish the core user flows and information architecture. These were tested with representative users to validate navigation patterns and feature placement.
3. Visual Design: The app’s aesthetic blends professionalism with approachability, using a clean color palette that emphasizes content readability while maintaining brand identity. Typography choices prioritize legibility on mobile screens.
4. Dual App Architecture: A significant design decision was creating separate apps for clients and hairdressers rather than a single app with different logins. This approach allows each interface to be fully optimized for its primary user without compromises.
5. Map Integration: Special attention was given to the salon discovery map feature, ensuring accurate location data, intuitive filtering options, and seamless transitions from discovery to booking.
6. Prototyping: Interactive prototypes were developed in Figma to test the appointment booking flow, service browsing, and profile management. User testing at this stage led to refinements in the booking confirmation process and service categorization.
7. Development: The finalized designs were implemented using Flutter, allowing for native-like performance on both iOS and Android platforms. Special attention was given to responsive layouts and accessibility features.
8. Iteration: Post-launch feedback was incorporated through regular updates, with particular focus on streamlining the appointment confirmation process based on user analytics and direct feedback.

The result is a powerful two-app ecosystem that not only meets the functional needs of its users but does so with intuitive interfaces that make digital appointment management accessible to hairdressers of all technical skill levels while giving clients a convenient way to discover and book beauty services.