Hairrison

Changing your hair is high-stakes. Most people are forced to guess how a new style might look. Hairrison solves this by showing you a hairstyle on you before you commit to it.

Comment

Inspiration

I was inspired by going to a barber recently, looking at all the pictures of hairstyles, and realizing that I had no idea what it would look like on me. I realized AI can be the perfect tool for visualization of these hairstyles on me, and Cloudinary's Generative Replace feature does this to great effect and accuracy, which served as the perfect AI tool for an idea I've been pondering for a long time.

What it does

Hairrison lets users upload a photo of themselves, choose a hairstyle or enter a custom prompt, and generate an AI preview of what that hairstyle could look like on them. It makes hair decisions more visual, personal, and low-risk.

How I built it

I built Hairrison using React, TypeScript, and Vite for the frontend, with Cloudinary handling image upload and transformation. The core feature uses Cloudinary's Generative Replace tool to modify the hair region based on preset styles or custom user prompts.

Challenges I ran into

One challenge was making the UI intuitive and easy to understand, so that any customer can quickly access the service of seeing a new hairstyle on your head in a quick and efficient way.

Accomplishments that I'm proud of

I'm proud that I turned an idea I had been thinking about for a long time into a working product. I'm also proud that Hairrison feels like a real tool people could actually use, not just a quick demo. I think that people can actually benefit from usage of my product, being able to visualize hairstyles before committing to them and preventing hair disasters from happening.

What I learned

I learned a lot about building with AI-powered media tools and designing around a visual user experience. In particular, getting started with Cloudinary was a wonderful learning experience where I was able to leverage AI powerfully to produce my product. However, it took a lot of closely following tutorials to prevent errors from occurring to make a polished, working, final product.

What's next for Hairrison

I think Hairrison can be used anywhere you need a haircut, for barbers as well as for customers. I think being able to visualize someone's ideal hairstyle on their head will make barbers more accurate and responsive to the wishes of the client. I also want to implement a hairstyle copying feature, where you can upload an image of a hairstyle and the AI can put that hairstyle on your head. This means we can start copying people's hairstyles with the same ease we can copy their outfits!

Built With

Share this project:

Updates