UI Design & Website Design
As a fast moving startup Secret Smiles is growing rapidly in terms of its product offerings. This led to brainstorming and the creation of a holding/landing page to showcase the products and its pricing in a clean and effective method which would drive leads.
The goal of the landing/holding page is to determine the best approach and design in order to create an experience where the user is clear on the following:
Some competitor analysis was conducted to find out what our competitor/s is, what they offer and what makes us different, we looked at information such as structure, layout, tone and navigation. Below are some key findings:
Invisalign
Developing the UX through wireframes is a quick way to visualise the information we have collected so far, and begin to piece together the experience and interface. Myself, my team and the main Directors of Secret Smiles reviewed the wireframes frequently until we settled on and agreeable layout. I found that discussions over, sketched wireframes are much more insightful, creative and useful than discussions over fully designed UI as it allows clients to be more open in their feedback.
Some examples of of the sketch wireframes:
Once the sketches had been approved, I then recreated the drawn wireframes into Sketch:
Once the wireframes had been decided upon and the design vision was narrowed, from recreating the drawn wireframes into Sketch, i took this to design the UI elements for the landing page for December 2019.
From the landing page we focused further on creating a new one page website design that showcased the aligner, key elements of the product, reviews and more (Was launched before christmas of 2019). Designs below.
We created prototypes from the Secret Smiles website design to showcase how we envisioned the teeth slider to work once developed using Principle.