Corbo Chiropractic

Project objective:
Full website redesign for usability, visual appeal and CRO

Project timeline:
2 weeks

Role:
UX Designer

Interaction Design

B2C

UI enhancement

CRO optimization

Navigation

The What

The What

The What

This is a freelance project for a Toronto-based chiropractic clinic — Corbo Chiropractic.

The clinic had a good 'back bones' website but featured a few UX challenges along with inconsistent visual branding across the pages.


My task was to fully design the website, while restructuring the way most of information is presented for clarity, findabilty and visual appeal.


Objectives:

  • Prioritize and restructure the content of the landing page to improve conversion rate, reduce the length of the scroll and improve content findability


  • Create design that is visually appealing and in alignment with the Corbo Chiropractic brand and its target audience


This is a freelance project for a Toronto-based chiropractic clinic — Corbo Chiropractic.

The clinic had a good 'back bones' website but featured a few UX challenges along with inconsistent visual branding across the pages.


My task was to fully design the website, while restructuring the way most of information is presented for clarity, findabilty and visual appeal.


Objectives:

  • Prioritize and restructure the content of the landing page to improve conversion rate, reduce the length of the scroll and improve content findability


  • Create design that is visually appealing and in alignment with the Corbo Chiropractic brand and its target audience


This is a freelance project for a Toronto-based chiropractic clinic — Corbo Chiropractic.

The clinic had a good 'back bones' website but featured a few UX challenges along with inconsistent visual branding across the pages.


My task was to fully design the website, while restructuring the way most of information is presented for clarity, findabilty and visual appeal.


Objectives:

  • Prioritize and restructure the content of the landing page to improve conversion rate, reduce the length of the scroll and improve content findability


  • Create design that is visually appealing and in alignment with the Corbo Chiropractic brand and its target audience


The How

The How

The How

Design Decisions & Rationale

Design Decisions & Rationale

Design Decisions & Rationale

Before

Before

After

After

Information Overload

One of the main challenges that the clinic had is sharing just enough amount of content about each service that have the potential to spark interest, set the right expectations and educate without long scrolls and multiple pages that overwhelm users with too much information.


The decision was made to get rid of a separate page for each service that was nested under Services tab in menu navigation — creating a disconnected experience with the actual Services pages.

Information Overload

One of the main challenges that the clinic had is sharing just enough amount of content about each service that have the potential to spark interest, set the right expectations and educate without long scrolls and multiple pages that overwhelm users with too much information.


The decision was made to get rid of a separate page for each service that was nested under Services tab in menu navigation — creating a disconnected experience with the actual Services pages.

Information Overload

One of the main challenges that the clinic had is sharing just enough amount of content about each service that have the potential to spark interest, set the right expectations and educate without long scrolls and multiple pages that overwhelm users with too much information.


The decision was made to get rid of a separate page for each service that was nested under Services tab in menu navigation — creating a disconnected experience with the actual Services pages.

Interactive cards for content restructuring

  • Preserve some white space on the page by nesting extra information within the hover interaction (see Gif above)


  • Improve readability and reduce cognitive load through a quicker scroll and grouping of information based on Gestalt principles of proximity and similarity, while preserving the most essential content and information


  • Ensuring visual consistency (with colours, font, size and shape of each card) further strengthening the link between different cards and their belonging to the same category - Services


Before

Before

After


After


Landing page optimization for Usability and CRO:


  • Creating a timely unfolding CRA strategy that guides users' on the journey - ensures smooth wayfinding for users outside of direct navigation points

  • Preserving brand identity and visual nods to nature and leafs through photography, curvy section breaks and gradients = Ensures brand recognition for the user while significantly elevates visual aesthetic

  • Focus on mobile optimization and responsiveness - given a large number of users visit the site from mobile devices

Optimizing for Mobile

Optimizing for Mobile

Final Results

Final Results

Final Results

Create a free website with Framer, the website builder loved by startups, designers and agencies.