top of page

Sightbox Website

UX Audit

and Redesign

Sightbox is a service that helped connect patients with eye care professionals and made getting contact lenses hassle-free by providing concierge-like service of the experience from appointment booking all the way to home-delivery of contacts.

 Define 

Problem

Sightbox's website had a high bounce rate, which in turn affected our conversion rate and business goals.

​

To meet targeted conversion goals, the marketing team wanted research-supported recommendations for decreasing bounce rate and strengthening content relevancy for visitors.

Define Problem

 Define 

My Role

2Research.png

Research and audit the existing content and UX of the Sightbox website.

2Design.png

Design new solutions to solve for research supported problems.

2Accessibility.png

Ensure WCAG accessibility compliance.

 KEY CONTRIBUTORS 

Sightbox Marketing Team, Lead Product designer, Engineering team, and a local creative development agency to launch this project. 

Process

 Define 

 Discover 

Design

Deliver

 Discover 

Usability

Research

Methodology

Over a period of 2 weeks, we conducted interviews with 9 internal users and project stakeholders to uncover high priority issues.

 

The design team and I had the users go through the experience of landing on the Sightbox website and asked them to narrate their experience throughout.

Findings

1

Confusion set in around the description of the product offering which was very eye-opening for me.

2

Multiple "how it works" sections (3 different versions) left some users unsure of how long the process would take/what would be required of them. 

3

Internal users knew Sightbox offers two plans, but called out we don't highlight that on our homepage, a missed opportunity for dailies users. 

4

Majority of users said an entire page of testimonials felt unnecessary, some suggested more info on the pricing/plan description.

OG_SB_WEBSITE_03 Copy 3.png

1

OG_SB_WEBSITE_03 Copy 2.png

2

OG_SB_WEBSITE_03 Copy 4.png

3

OG_SB_WEBSITE_03 Copy.png

4

Simple-contacts-screen-grab.png
blue-apron-screen-grab.png

 Discover 

Competitive

Research

Findings: 

We looked at several patterns that are in common use for other subscription-based models because we agreed that familiarity is important for this audience

 Discover 

Accessibility

Testing

It became an important goal to make sure in the redesign that we revised our color system to pass the standards for WCAG accessibility.

​

I ran our brand color palette being used on the website through accessibility tests on the web and discovered many failures for WCAG compliance.

X

Process

 Define 

Discover

 Design 

Deliver

Original site map

 Design 

Site maps

Starting with user maps helped me understand the website’s current user journey into the sign-up flow. It also helped reveal dead-ends for the user.

 

With the insight of my lead product designer, I iterated on a revised site map with the inclusion of new content and a journey with fewer dead ends.

SB_Site-Map_OG.png

New & improved site map

New additions:

  • Relevant content

    • ​A more in-depth pricing/ benefits page

    • An about us page

    • The blog (SEO optimized content strategy)

  • Access route to the sign-up page from all pages

SB_Site-Map-NEW.png
WF_01.jpg
WF_02.jpg
SB_REDESIGN_HOME_low-fi.png
SB_REDESIGN_PRICING PAGE_low-fi.png
SB_REDESIGN_PRICING PAGE_low-fi.png

 Design 

Wireframes

Then I moved on to sketches and low-fidelity wireframes of the new site.

Modifying improved modules to our Wordpress site.

​

I used Sketch and Figma to iterate through the design process.

 Design 

Hi-Fi 

Prototypes

The high-fidelity mockups of the newly revised site architecture with relevant content, accessible colors, and revised messaging finally “clicked” for the marketing team’s needs to reduce friction.

​

With the inclusion of visual design, I was able to breathe a little more life into the designs. 

SB_REDESIGN_HOME.png
SB_REDESIGN_PRICING PAGE.png
SB_REDESIGN_ABOUT-US.png

 BONUS TESTING

These mockups were also used in user testing on UsabilityHub to gauge between the two major design options for the “how it works” section. The Vertical story-telling approach won.

X

SB_REDESIGN_HIW_01.png
SB_REDESIGN_HIW_02.png

Process

 Define 

Discover

Design

 Deliver 

 Deliver 

Outcome

After the initial site re-design, we saw our traffic from organic searches drive up 25%.

​

We saw Zendesk tickets regarding confused customers decline by 20%.

​

We also saw engagement- the number of interactions, time on each screen- increase.

​

With the company getting shut down, we didn't get to run our test as long as we had hoped therefore minimizing the rate of change.

Responsive-Gif-Redesign.gif

 Deliver 

Learnings

learnings.gif

Collaboration:

This project was a highly collaborative one, it involved multiple stakeholders. I particularly enjoyed coming together with multiple departments to create the best experience for our customers. 

Accessibilty:

I enjoyed advocating for strengthening our accessibility standards, and helping usher Sightbox into compliance.

Areas for improvement:

This project would have benefited from more expansive user testing, if we had more bandwidth to do so I would have liked to conduct more user interviews to get a broader range of input on pain points and also new designs.

​

Proposing tests of new additions rather than complete replacements.

bottom of page