Web Design

Vivid Opticians

My Role
Product Designer,User Research, Branding, Wire-framing,  
User Testing
Timeline
Feb-Apr 2020
Group 17.png

Vivid Opticians

I designed and built a new Scheduling website & Brand for a British optometrist.

This Case Study Consists Of 5 Phases

Background:

  • Vivid Opticians is a new optometry business located in Newcastle-under-lyme, UK.
  • The client reached out for help with building a brand, website, and social media campaign.
  • Competitor research was conducted to identify features to include in the website.
  • User research was conducted to understand the needs and preferences of the target audience.

Problem:

  • Optometry practices struggle with inventory, lack of web presence, and no social media campaigns.
  • The COVID-19 pandemic exacerbated these problems.
  • Lack of local physicians.
  • Need to prioritize online booking/scheduling and customer feedback.
  • Lack of referral programs/campaigns.

Solution:

  • The key priority is to build a booking/scheduling system to improve the user experience.
  • Other solutions can be implemented in the future to address the other problems.
  • Strategies for growing the business include building a strong web presence, engaging on social media, connecting with local physicians, and encouraging customer feedback.

“ My Approach Was Design Thinking ”

Screen Shot 2021-02-08 at 11.00.53 PM (2).png

PHASE 1

Discovery & Competitive Analysis

Competitive Analysis

Competitive Analysis

For Vivid Opticians' competitive analysis, I researched direct competitors in the optometry industry to identify their strengths, weaknesses, and market gaps. This analysis provided insights into how Vivid Opticians could differentiate itself by tailoring its services to better meet the needs and preferences of its target audience.

  • Web presence: I analyzed competitors' websites to assess their service presentation, navigation, and content, identifying areas for improvement on Vivid Opticians' website.
  • Social media presence: I reviewed competitors' social media activity, including posting frequency, content types, and engagement strategies, to find opportunities for enhancing Vivid Opticians' social media presence.

Customer Reviews

Customer reviews

I looked at customer reviews of competitors to see what customers liked and didn't like about their services. This helped me to identify areas where Vivid Opticians could improve their services and stand out from the competition.

Addressing Customer Issues

After conducting a thorough analysis, we identified three main concerns faced by our customers in the optician industry.

  • Waiting times for appointments were long, even after scheduling.
  • High prices were a barrier for some customers.
  • Lack of online consultations was inconvenient.

To address these issues, we have implemented the following solutions

  • A booking appointment service that prioritizes customers based on their selected time/date.
  • A budget chart that highlights affordable and more expensive products.
  • An online consultation or phone call is scheduled after the initial booking to ensure a more efficient and personalized visit.

PHASE 2

User Research

Competitive Analysis

Vivid Opticians Customer Journey Mapping

Customer journey mapping visually outlines how customers interact with Vivid Opticians' services across four stages. It includes:

  • Phases: Defines each stage of the customer journey.
  • Activities/Actions: Identifies what customers do at each stage.
  • Emotions: Analyzes customers' emotional experiences throughout the journey.
  • Channels: Maps the touchpoints and channels (in-person, online, social media) used by customers, helping to optimize and improve the overall experience.

Empathy Mapping of Kendra

Kendra is a 28-year-old who values convenience and dislikes waiting. With a busy life balancing work and family, she prefers easily scheduled optical appointments and likes to research before making decisions.To meet her needs, Vivid Opticians should offer an online and in-person seamless booking system that allows easy scheduling and direct orders if she has her prescription.

A scheduling tool can reduce waiting times by letting customers pick suitable slots based on staff and resource availability. Additionally, providing product information and reviews on the website can help Kendra make informed choices.

PHASE 3

Site Map

Site Map

The Home page of Vivid Opticians' website will introduce users to the business and highlight its unique features.

The Services page will detail offerings like eye exams, contact lens fittings, and prescription eyeglasses. The About Us page will share the company's background and staff qualifications, while the Contact page will provide contact details and a form for inquiries.

The website may also include a Blog or Articles page with content on eye health, eyewear trends, and other optometry topics, positioning Vivid Opticians as an industry thought leader and providing valuable information to visitors.

Wireframe

During the wireframing process, I collaborated closely with the client to ensure the wireframes matched their vision for the website. We discussed elements like the navigation menu, images, text, and call-to-action buttons, as well as their placement based on user behavior and accessibility.

After creating the wireframes, we reviewed and revised them to achieve a clear and organized layout. This step was crucial to ensuring the final design would be visually appealing, user-friendly, and aligned with Vivid Opticians' needs.

Overall, wireframes are essential for defining a website's structure and layout, ensuring it meets both client and customer needs while offering a pleasing user experience.

PHASE 4

UI Design

Mobile First Approach

At Vivid Opticians, we use a mobile-first approach in our design and development process, starting with mobile design and scaling up to larger screens. This ensures our website is optimized for the most common device and provides a seamless user experience.

Our designers focus on making the site easy to navigate on smaller screens, using responsive design techniques to adjust layouts and content based on device size. This approach enhances user experience, improves website functionality, and helps us stand out from competitors, ultimately contributing to our business success.

MoodBoard

During the wireframing process, I collaborated closely with the client to ensure the wireframes matched their vision for the website. We discussed elements like the navigation menu, images, text, and call-to-action buttons, as well as their placement based on user behavior and accessibility.

After creating the wireframes, we reviewed and revised them to achieve a clear and organized layout. This step was crucial to ensuring the final design would be visually appealing, user-friendly, and aligned with Vivid Opticians' needs.

Overall, wireframes are essential for defining a website's structure and layout, ensuring it meets both client and customer needs while offering a pleasing user experience.

Fashionable & Modern

Social Media Campaign

Brand Color Palette

Booking Appointments


A core solution for Vivid Opticians is developing a user-friendly online booking system to attract and retain customers by making scheduling more convenient. Adopting a mobile-first approach and optimizing the website for various devices will further enhance the user experience.

The goal is to build a loyal customer base by providing efficient and easy appointment scheduling, setting Vivid Opticians apart from competitors and positioning them for long-term success.