Client
Cléon Clinics was a new client coming into the dermatology non-surgical industry. The project was in initial stages during my time there and was halted for some time. Therefore until they become public it is an unfinished product.
*Most of the work I had done is under the intellectual property of the company so these are just ideation phase designs
Sitemapping
To not reveal the plans of the brand, I have redacted the information but the general structure of the website could be noticed as it is similar to other brands alike.
Wireframes
These are the design decisions I made for the wireframes and what the future steps would look like:
Meet the Team Wireframe
The credibility of the staff when it comes clinical and health related jobs are very important, therefore implementing a short bio to humanise the team members invites customers to take a chance on a new place.
Hero Section
The video background was to showcase the physical space of the clinic’s interior as if it were opening the doors virtually for them to invite them in.
Treatments Section
The cards are meant to give key information on the treatment and make it easy to browse through their options without looking at 7 different pages
The Before & After Section
It was designed to overcome accessibility needs so that users would not have to interact (hover) on the image to find the before and after like most other websites would.
The Aftercare FAQ
It was designed to find a unique way to display information especially when the brand didn’t have many treatment plans to begin with.
Meet the Team Wireframe
Hero Section Wireframe ~ starts with a video in background
Treatments Listing Preview Wireframe
Before/After Image Gallery Wireframes
Aftercare FAQ navigation Wireframe
Learning
Working with a client from start to end
After this experience, it was fun to be as creative as possible to solve the client’s problems using design. The process is linear and collaborative one that I enjoyed and remembered fondly.
Sitemapping
This was the first time I had to create one from scratch and based on the research that I found with the pre-existing websites out there, mine got approved quickly.
Using techniques to increase my efficiency and effectiveness
Implementing external sources of iconography and design templates allowed me to speed up my design process and be used as an excellent reference to how I envision the website. It allowed me to focus on the main part of the job which is the user experience and flow of the website.
