How’s your skin today?

This is a website project for a skin clinic, designed to help clients quickly find their desired treatments and easily connect with other patients for support and interaction.

We hope you have a pleasant experience!

Reference

Basic Infor

Solo project

Form: web

Unity / Figam / Photoshop / Procreate

2024.10-2024.12

Responsibility: Enhancing customer understanding of skin clinic procedures through various interactive methods and improving the post-treatment experience.

Persona

Art reference from game Dermatology Hero

Competitive Analysis

Summary

Paper Phototype

Information Architecture

• About: Provides background information on the clinic, insurance, and the team.

• Shop: Displays skincare products and related items available for purchase.

• Service: Lists various skin treatments and procedures offered, along with detailed descriptions.

• Community: A space for users to interact, share experiences, and read reviews from others.

Wireframe

Here is the website's wireframe, showing each page's basic information. The boxes marked in the diagram indicate clickable elements.

Here focus on red tones, which represent warmth, care, and trust—key elements in creating a welcoming environment for users seeking skincare solutions.

The layout is responsive, providing a seamless experience across devices, while the choice of colors, fonts, and icons is carefully selected to enhance both usability and aesthetic appeal. Ultimately, this UI is crafted to offer a user-friendly and engaging platform where clients can easily find the information they need and access the services of the clinic efficiently

User Interface

Interactive Game reference from game Pouring

  1. Advanced Dermatology excels in comprehensive resources but could benefit from streamlined navigation, while True Dermatology’s simplicity is appealing yet needs richer content.

  2. Combine Advanced Dermatology’s depth with True Dermatology’s interactivity for a balanced user experience

——Competitive Analysis of Advanced Dermatology PC and True Dermatology Websites

Advanced Dermatology PC

Advantages

  • The game runs smoothly, and I find the integration of demo games in the middle quite interesting.

Feedback

  • The homepage could use more images, and the product and service interfaces should have more detailed distinctions to categorize different types of symptoms better.

  • The Doctor introduction page and the community interface are linked to the doctor’s page. The clinic reviews should be arranged in chronological order for the community interface.

True Dermatology