Doctor Toolkit Page Design

//Landing page design for Invisalign SmileSquad Doctors

Role: UX/Visual Designer. Collaborated with the Consumer Brand Manager, Product Manager and Development team.

Challenge: Building an effective structure.

The Invisalign SmileSquad is Invisalign's own influencer programme - there's a dedicated page for influencers who wish to sign up for the programme under certain terms, but there was no page to inform doctors of that the project is and how it benefits them if they treat influencers.

I worked closely with the Consumer Brand Manager to create an attractive, doctor-centered, easy to digest informative page dedicated to informing doctors who want to be a part of the programme. The page is only available/visible after a log in.

Steps

1 - Gathered business requirements

The business goal was to properly inform doctors regarding the program, the benefits and their responsibilities. Previously, the doctors were informed by representatives by email or telephone, but that meant that it was time and resource intensive (thus costly). A well designed informative web page would save time and lower the budget. Conversion was covered in another step, our focus was conveying persuading information.

It was important that the page was very clear, digestible, easy to navigate and understand and also attractive and in line with the main Invisalign SmileSquad page.

User research was conducted when launching the Invisalign SmileSquad page, so we knew our target market consisted of Orthodontists and GPs, 30-50yo, tech savvy, who wished to reach a wider audience through online channels and were well aware of the power of social media and influencers. They were no-nonsense people who had no time to spare on unnecessary details but who put importance on aesthetics. Our page had to answer any questions the doctors may have about the programme in an easily scannable digestible way. No fluff, no nonsense. We knew what their questions were, the challenge now was how to offer the answers.

2 - Ideation

According to our research, doctors were not clear on, well, the entire process of how they could work with influencers through Invisalign. They would land on the page after being linked to it by Invisalign representatives so they already had an idea of what the program is and that they are the key to this programme. They simply needed (much) more information.

The structure of the page was crucial, so I worked with the research we had over out doctors and what was important to them and I created wireframes that I discussed with the Brand Manager to ensure that we covered all the information and it was digestible and scannable. We worked through a few iterations and then worked on a few polished prototypes to set the visual design.

The page is split in 5 sections you can choose to jump to when you land on the page; under each clearly defined section you can find quick links to the other sections and as you scroll, you can see on the left the number of the section are you are on "light up" - so you always know where you are. Every section is important and doctors should read them fully before signing up, so all the focus was on making the sections as easily accessible from anywhere - as well as easy to understand.

A user friendly table with roles and responsabilities as well as a FAQ section were the cherries on top.

3 - Tested the design with first time users

With the help of the Brand Manager, I gathered 6 doctors remotely to conduct quick usability tests and see whether or not our design was as clear as we thought it was - the users were only confused by some images I used and some copy that was not quite self explanatory, but we received some positive feedback about the content and the light up sections. We were good to go forward after making a few tweaks.

4 - Prepared the design for development

I prepared the design for desktop, tablet and mobile as well as versions for another 5 languages and sent all the wireframes, documentation, interactions, design files and assets to an external agency's development team.

I spoke with Invisalign representatives working with doctors on this project and they reported that linking to the site saved them hours of their time they otherwise would have spent in calls or long winded emails explaining the intricacies of the program.