Projects

Design lab

Me

Résumé

Charm

Charm

Charm

UX/UI designer

My role

UX/UI, responsive design, logic, product, lead the team

|

Timeline

8 months / Sep 2023 - Mar 2024

Responsibility

I led a team of 3, focusing on the UX and UI design of a platform that seamlessly integrates both business and customer experiences.

I also collaborated closely with the CTO, combining product strategy with design innovation.

Context

Charm is an integrated cosmetic platform designed to build a community of beauty enthusiasts and connect them with reputable cosmetic service providers.

Click through

Customer side

Users can book an appointment easily. Users can also view other information about the doctor such as coupons, reviews and posts, etc.

Customer side

After booking an appointment, users can easily view and modify their appointment dashboard.

Doctor side

Doctors can quickly manage all their appointments through the dashboard.

Market_

The U.S. present thriving marketplaces for self-love, cosmetic, and beauty industry products and services.

The demand for these offerings continues to grow, with cosmetic surgery being a well-established sector witnessing millions of procedures performed annually.

#1

The North America Cosmetic Surgery Market Size was about $13.14 billion and captured a market value of $16.83 billion in 2021 (Fortune Business Insights, 2022).

#2

The number of surgical procedures carried out by plastic surgeons increased from an average of 220 procedures in 2020 to around 320 procedures in 2021 in the U.S. (Aesthetic Society, 2021).

#3

There's a lack of transparency in selecting and understanding the pros and cons of needed cosmetic services.

Problem

The beauty industry lacks a centralized platform that provides cost-effective advertising solutions for providers. Additionally, there is a need for a platform that offers transparent and accessible cosmetic services.

Design guideline

Design

Home

Increase the visual hierarchy and make the content fit the screen size so that it can be displayed in the viewport.

Home

Increase the visual hierarchy and make the content fit the screen size so that it can be displayed in the viewport.

Home

Increase the visual hierarchy and make the content fit the screen size so that it can be displayed in the viewport.

Doctor

Refine the doctor section to show more of the doctor, rather than the doctor's posts.

Doctor

Refine the doctor section to show more of the doctor, rather than the doctor's posts.

Doctor

Refine the doctor section to show more of the doctor, rather than the doctor's posts.

Post

Make the overall page more concise and clear.

Post

Make the overall page more concise and clear.

Post

Make the overall page more concise and clear.

Responsive design

Responsive design

Responsive design

Doctor profile

Enlarging each piece of content while improving the visual hierarchy also standardizes the spacing in the page.

Doctor profile

Enlarging each piece of content while improving the visual hierarchy also standardizes the spacing in the page.

Doctor profile

Enlarging each piece of content while improving the visual hierarchy also standardizes the spacing in the page.

Responsive design

Responsive design

Responsive design

Copywrite

2025 Ennis Zhuang

Copywrite

2025 Ennis Zhuang

Copywrite

2025 Ennis Zhuang

Connect to Content

Add layers or components to infinitely loop on your page.