Elli Naghian

الهام

DR. MAHYAR KIAFAR

Plastic Surgeon Website

On this website, Dr. Mahyar Kiafar introduces his services as a plastic surgeon. The main focus of this website is Focused on Patient Safety Satisfaction and increasing the user’s knowledge as needed so that they can receive enough information on each of the plastic and cosmetic surgery services and trust to choose this surgeon with full knowledge.

The project was part of a personal Branding phase as a UI design that lasted three weeks.

PROJECT OVERVIEW

Stakeholder Needs​

Creating a website to provide information and knowledge required by the user to select the appropriate plastic and cosmetic surgeon services.

The surgeon needed a website that could introduce the business and provide clients with an online appointment method.

Since user information can help in choosing a safe and secure surgeon, developing a user-friendly site gives it a good opportunity to have a loyal target audience.

Problem Statement

    • Creating a website to provide information and knowledge required by the user to select the appropriate plastic and cosmetic surgeon services. 
    • Promote the development of a conscious mindset focused on patient safety satisfaction as effectively as possible.

    • Easy user access to the results of cosmetic and plastic surgery services (before and after photos).

    • Easy access to get an online appointment scheduler.

Goals

  • Design a user-friendly interface for users who looking for cosmetic surgery results based on three key values: high quality, unique design, and user style compatibility.

  • A minimalist website with aesthetic visual elements.

  • Easy access to information required about plastic surgery for audience awareness.

  • Use an easy-to-use interface to provide plastic and cosmetic surgery services.

Site Map

I create a sitemap and designed the information.

Design

Mid-Fidelity Wireframes

I created low-fidelity wireframes in Figma.

Mid-Fidelity Wireframes

Moodboard

Designing the brand identity was one of the parts done for this project, which was determined based on the brand’s personality, and now the color palette is taken from the brand book that I did! I also created some inspiration images and patterns based on brand personality as a mood board.

Moodboard

UI Kit

finding a suitable UI design for the website. I established a design system that defined colors, fonts, and dimensions of elements that should be consistent on all screens.

UI Kit

High Fidelity Wireframes

High-Fidelity wireframes are shown below.

High Fidelity Wireframes

Usability Tests and Iterations

During the design process, I received helpful feedback from the User (target audience) with Usability Tests. This led to several iterations of my design at wireframes What follows are pictures and descriptions of the differences between the first and final wireframes.

All Iterations on “Home Page”

Deliver

Final Prototype

In this section, you can check out our complete final prototype.