What is NomadHair?
NomadHair is a men's haircut service that is delivered to your place.
Sign up, book your appointment, and enjoy the quality haircut without having to leaving your home.
Role
Designer, Developer
Tech Stack
Next.js,
TailwindCSS,
Storybook,
Sanity CMS,
Kinde OAuth
Timeline
Apr 2024 - Jun 2024
Background
The story of NomadHair started in my college dorm room, where I offered free haircuts to Korean international students struggling to find barbers who understood their cultural hair preferences.
Having faced similar challenges, I wanted to help others express their identity through their hairstyles. The service grew beyond campus over the last 7 years, but as demand increased, scheduling became difficult. This led to the creation of NomadHair App.
Key Features
Schedule your appointments at your convenience.
Manage your appoinment details
Once the appointment is confirmed, you wil recieve a confirmation email.
Feel free to edit or cancel your appointment details through the app.
System Architecture
High level architecture diagram of NomadHair
Built with Design System
I wanted to implement Component-Driven Development approach
by building the product with NomadHair Design System (NDS).
Few benefits of this approach were:
Faster design iterations by avoiding making the same design decision twice
Maintain the app's cohesive and uniform appearance, even as the design evolves over time
Keep the design process and development in sync with the single source of truth.
Challenges
Replacing database solution due to compatibility issues (Firebase -> Sanity CMS)
Implementing confirmation e-mail templates.
Handling datetime formats (ISO 8601 & UTC) during reservation validation process
Areas ofr Improvements
After conducting user testing and gathering feedback, I learned that I need better UX to simplify the reservation process.
Always be sure to research and test compatibility between different libraries tools prior to implementations.