IODENT clinic

BUSINESS WEBSITE FOR A DENTAL CLINIC

This website represents a complete redesign of clinic's previous site, starting from the ground up.

Our primary objective was to establish the clinic's online presence, provide information about potential questions that clients might have, while emphasizing that clinic is very technological and uses modern treatment approaches.

Go to website
Dental clinic case study cover

Timeline

12 months

Team

  • Me as a designer and Webflow developer
  • Clinic co-founder
  • Clinic co-founder and chief doctor
  • Freelance copywriter
  • Targetologist

What I did

  • End-to-end website design for multiple platforms
  • Sourcing and supervising copywriter tasks
  • Webflow Development
  • Basic SEO settings

Tools

  • Figma
  • Webflow
  • Hotjar
  • Google Analytics

Problem

Dental clinic lacked an efficient online presence, and the existing website wasn’t effectively communicating the clinic's value

The goal

Establish clinic's online presence and build reputation

Attract potential customers

Research

How do people choose dental clinic today and what information they seek to make a decision?

People heavily rely on friends and family recommendations

80% of respondents found their dental clinic via friend or family recommendation

The main choosing criteria are doctors' qualification, new equipment and price

  • Doctors qualification
  • New equipment
  • Good quality
  • Reasonable prices

Location of the clinic doesn't play primary role

More than 60% of respondents claimed they visit dental clinic in the other neighborhood

Majority of patients are unfamiliar with clinic's website

60% of respondents had never used clinic’s website, another 17% used it once when were looking for the clinic

Client portrait

From a data provided from stakeholder and quick study from 18 responders who visits dental office we build a client portrait.

Client portrait of dr. Petrenko dental clinic

Proposed solution

Informational website

Create an informational business website that complies with industry standards, builds a clinic brand, and emphasizes its expertise in the field by providing comprehensive information about the services, technologies, and doctors. Users will have the option to request a call through a convenient form or a call-back button.

Pros
  • quick, cost-effective development process
  • enhances brand visibility
  • improved user engagement through straightforward design and features like request forms and call-back buttons
Cons

The absence of an integrated booking system may lead to less efficient manual scheduling and increased administrative workload.

Final design of the homepage

Information architecture

We agreed on key pages to showcase and I organized them for an optimal logical flow.

Information architecture of the website

Home page

In collaboration with targetologist we decided on structure of the home page so it offers easy access to vital information crucial for both clients and the clinic to showcase.

Home page mockups

Technologies

This page showcases the clinic's modern technologies and treatment approaches, highlighting our competitive advantage in the industry and assuring patients they will receive the highest quality care.

Technologies page mockups

Services

For the clinic services, we created informative articles and showcased relevant patient cases (where appropriate) to comply with industry standards, enhance SEO, and demonstrate our expertise.

Services page mockups

Doctor page

First version of the website included a comprehensive overview of the doctor's qualifications, including their education, expertise, certifications, and relevant work experience.

However, in the last website update we decided not to move forward with this idea, since it required information gathering and designer involvement every time there is a need to add new doctor.

Doctor profile page mockups

Other pages

Other pages mockups

Accessibility

Consistent headings and layout hierarchy

Headings were structured and maintained consistently throughout the website. This not only contributes to a better user experience for screen reader users but also enhances overall content organization and navigation.

Typography and readability

Clear and easy-to-read fonts were chosen with special attention to size and spacing for readability. Text was aligned and spaced well on all screens for optimal comfort.

Sufficient color contrast

Sufficient color contrast was systematically applied to all relevant texts and buttons. This ensured that users with visual impairments or those viewing the site in suboptimal conditions would have no difficulty distinguishing content elements.

Alt text for images

Alt text for all images was added to the website, making it accessible to everyone.

Next steps

01

Moving forward, our plan is to track traffic, conversion rates, and user interaction through heatmaps to assess the effectiveness of the dental website in increasing brand awareness and attracting potential clients.

Project cover of AgileBrain - assessment tool case study
Assessment tool

AGILE BRAIN

UX consultancy for neuroscience-based emotional-motivational assessment tool to enhance the user experience and retention across their assessment platform, internal portal, and website.

Go to next case study