.png)
Heyward Dental Products LLC
Website Redesign
E-commerce website redesigned to improve customer purchase experience and SEO
.png)
Updated hero with product image and CTA
Improved navigation system with utility elements
Optimized for improved mobile experience
Challenge
Customers combat barriers such as information architecture issues, navigation hierarchy confusion, and color/text accessibility - slowing down their purchase process
Why: Initial Concerns
Solution
Business / Project Alignment
Business-oriented:
-
Top-to-bottom website redesign
-
Improve conversion rates
-
2x-3x sales increase
-
Incorporate and transfer coupon codes
-
Upgrade site that looks “professional”
-
Maximize SEO
Project-oriented:
-
Identify user insight to inform redesign
-
Redesign Heyward Dental Products, LLC e-commerce website
-
Provide client with project deliverables that can be used to improve the e-commerce website post-project termination
Impact
Outcomes and More
-
Updated Heyward Dental Products, LLC e-commerce website
-
Improved site SEO, color accessibility, and heuristics
-
Success rates doubled across testing version
-
Task duration decreased by over 6x
-
Sales increased 3x between July to October 2023
-
10- to 30-point increase in success metrics (SEQ, SUS, ASQ and Overall Experience scores)
Additional
Who, What, When and Where
Role: UX Research, Designer, Team of 2
Timeframe: March 2023 - July 2023
Tools: Figma, Trello, Miro, Canva, Artboard Studio, Shopify
Live site: HERE
Empathize
Research, Analysis, Exploration
Who is "Heyward Dental"?
Heyward Dental Products LLC, a Texas-based dental supply e-commerce business established in 2005, provides dentist-backed products to customers around the world.
From its origin, Heyward Dental Products, LLC’s mission is to “Provide the best dental products and service to our customers at excellent prices."
Hierarchy confusion
.png)
Accessibility concerns
UI different across desktop versus mobile
Problem Investigation
Heuristics and Annotations:
Pros - Consistency & Standards, Flexibility & efficiency of use, Help & Documentation
Cons - Aesthetic and Minimalistic Design, failed WCAG AA rating
​
Competitive Analysis:
Research Methodology:
Research Results:
Five Individual Interviews
1. Interviewees seek reputable sources as part of product purchase process
2. Interviews “stick to what they like, know, and trust”
3. Health and safety of patient is priority 1
4. Abundance of content = poor overall experience
Avg SUS = 67
Avg SEQ = 88
Avg ASQ = 92
Avg Exp = 88
Define & Ideate
The User, their Journey and the Features
User Persona: Dr. Willis, DDS, MS
Age: 50
Occupation: Chief Dentist
Johnathan, a 50-year-old dentist, has been practicing dentistry for the last 20 years; he is the owner of a private practice for the last 5 years. With a team of 5 staff members, making sure his team has the supplies they need to see patients is key.
-
Utilizes sources (ADA, CDC, colleagues) before purchasing products from industry-known companies
-
Purchases high-quality, long-lasting products
-
Purchases from industry-backed products
-
Purchase high-quality, long-lasting, evidence-based products that maintain health / safety of patients and staff
-
Maintain infection control
-
Efficient purchase process that takes minimal time
-
Patient and staff safety
-
Infections disease control
-
Consistent high-quality products that will last
-
Products that are restorative
-
Experience of previous usage
-
E-commerce site with improved purchase process
-
Dependable, dentist-trusted products that meets their needs
-
Website that resembles other dental product sellers
-
Budget constraints
-
Biases within product reviews
-
Outdated navigation
-
Expiration dates - products expire before using them
-
Dependability of products
-
Modernize website for fast, efficient purchase process
-
Provide easy access to support throughout purchase process
-
Provide high-quality customer service
Task Flow: Purchsing Process
Enter Site
Land on homepage
Select "Items for Patients" in navigation
Land on "Shop Items for Patients"
Scroll down page
Click on search bar
Type "Aligner and Retainer"
Select "Enter"
Land on list of 12 items
Enter Site
Action Taken by User
Exit Site
Result of Action
Select "go"
Land on "Search Results" page with 6 items
Click on “Aligner & Retainer Removers Bulk” or “Options”
Land on product page
Click “select” text box drop down
Select “Add to Cart”
Exit Site
Card Sorting:
Navigation menu reduced from 24 to 11 items
Utility elements created (shopping cart, log-in)
Footer elements (quick links, socials, support) added
Prototypes
Wireframes and Iterations
Sketches:
Owner wanted a modern, minimalistic, professional, and clean design. Sites such as Benco Dental and Henry Shein were used as inspiration
Moodboard:
Drawing inspiration from Benco Dental and Henry Shein, we designed a moodboard with cool tones (bringing in the original logo color), professional typeface and sample images
Mid-Fidelity Prototype on Figma:
Initial prototyping to display general UI layout, product structure and navigation for stakeholder colloration
_gif.gif)
High-Fidelity Prototype on Shopify:
Final prototype prior to Shopify site development and domain transfer
Testing & Iterations
Insight Synthesis and Application
Desired Outcomes:
-
Complete website redesign prior to June 30th
-
Increase SUS, ASQ, SEQ, and overall experience scores by 5-point threshold
Testing Insights:
-
Users struggled with color contrast on CTA buttons
-
Sections in mid-fidelity layout appeared "constricted" - needed more "breathable" space
-
Hero in mid-fidelity appeared "outdated"
Results
Initial vs Hi-Fidelity Usability Testing
Increased Average Scores:
-
SEQ: increased roughly 30 points
-
ASQ and SUS: increased roughly 10 points
-
Overall Experience: increased over 20 points
.png)
Usability Testing Comparison:
-
Metrics such as success rate and task duration saw an inversion reaction based on usability testing phase
-
Success rates doubled across testing version
-
Task duration decreased by over 6x
Marketing Strategy
Campaings and Outcomes
First-Round Campaign:
LinkedIn and Google Ads (Performance Max)
Frequency: daily, simultaneously
Cost: $50 total on each platform
Duration: 2-week timeframe (July 9th-July 31st)
Outcome: Increased website traffic (online store sessions) by 3x
Second-Round Campaign:
Google Ads (Search and Performance Max)
Frequency: daily
Cost: $2/ day
Duration: Sept. 3rd- indefinitely
Outcome: Increased website traffic (online store sessions) by 18%
Impact
Outcomes and Takeaways
Constraints:
-
Currently learning of business KPIs/ success metrics
-
Owner wants vs user needs
-
Unable to get insights from direct customers
-
Time limitation - website moved over by June 30, 2023
-
Learning new system - Shopify's platform
-
Small hifi-usability testing participant pool
Takeaways:​
-
Integrating marketing campaigns encouraged new traffic flow
-
More effective recruiting methods
Sales Comparison - Month vs Month:
-
Heyward Dental Products saw monthly sales increase month to month, exceeding average sales prior to website redesign
-
Sales increased 3x between July to October 2023
_gif.gif)