Ahmed Magdi
Product Designer

Uncle Mezaien

Solving the problem with pixels! This is a project where I designed an illustration, character, and iconset for a digital app trying to tackle the problem of reservation at barbershops in Egypt.

Overview

Mezaien is an application that helps people easily reserve a date to get a haircut wherever from a wide range of barbershops or in their own places.

The application is an appointment, scheduling, and calendar app for a service-driven business - Barbershops.

Stakeholders needed a character - with multiple poses - that hold the name of the application and can represent values and key characteristics of the brand.

Key Deliverables

  • Main Character

  • Various Poses - For Onboarding Screens

  • Iconset with same Voice & Style

Discovery

Character Personality and Values

Starting with a workshop with stakeholders to discuss the product, the problem the application solves, target users, and the voice that needed to be communicated to users visually then I summarized the meeting outcome into 4 main sentences that represent the product personality & traits...

Youthful and Funny but not foolish

We celebrate the moments that really matter with real concrete rewards.

Smart but get easily surprised!

As if you want to surprise - in a good way - your friends with a new stylish haircut that perfectly suits you! It's a smart choice right!

Confidence but not in a vanity way

We are humbled to learn and hear from every user but we still have confidence in the value we offer.

Anti ugliness but loves unconstrained

We can see the beautifulness inside every human and our mission is to take this inside to loud.

Sketching

Where the exploration belong

You can write here as much as you want, this text will always look nice, whether you write longer paragraphs or just a few words. Click here and try it out.

The Character

Refinement for the outline - V1

Not all sketches could be transformed into a good final result, so as quickly as possible I try to move to illustrator version and translate my sketches into a more line refiner version in order to examine the result and how much it's satisfied, as well as excluded what didn't look good.

Choosing The Color Palette

You can write here as much as you want, this text will always look nice, whether you write longer paragraphs or just a few words. Click here and try it out.

Iteration on the Character - V2

After I applied the choose colors, I felt that the character needs more iteration in various areas, So I take some time to do small changes to color combinations and the shapes that - as I think - transferred the character to the next level...

Various Poses

This is your heading

You can write here as much as you want, this text will always look nice, whether you write longer paragraphs or just a few words. Click here and try it out.

Iconset

Custom icons for Nav Drawer

These iconset design to be used as a leading icon for the app's main sections, mainly in the navigation side drawer.

Faces represent services categories

You can write here as much as you want, this text will always look nice, whether you write longer paragraphs or just a few words. Click here and try it out.

Thanks