Tylenol Refresh

Tylenol Refresh

Tylenol Refresh, Crafting Effortless Brand Experiences through Narrative.

Client

Tylenol

My Role

Interaction Designer

Platform

Desktop, tablet, mobile
Trimble Unity Field

💊 Project Details.

This project aimed to improve Tylenol’s product information platform by offering a more user-centric experience that simplifies symptom-based product selection.

Optimize Tylenol.com to a more frictionless user experience, integrating Care Club within the journey, while refreshing the site with updated brand identity standards and content utilizing SEO data to deliver value in the most impactful way.

I contributed to the UX strategy and interface optimization, focusing on a complete site refresh including redesigning global navigation, home, categories, product detail, symptoms, and article pages.

Problem.

Users struggled to find relevant products due to overwhelming information and lack of clear symptom-based navigation.

We identified that clearer segmentation of symptoms and conditions, as well as intuitive narrative guidance, could enhance the user's journey through the site.

📌 Research & Insights

  • Conducted a website audit to analyze how users navigated the product pages.
  • Found that a lack of structured content hierarchy led to confusion about selecting the right product.
  • Competitor analysis revealed that brands using interactive dosage guides and clear symptom-based navigation had higher engagement.

✅ Design Process.

The solution involved restructuring the product and symptom pages to tie in narrative, adding visual clarity through updated cards and banners. Tylenol module library was required to adhere to brand guidelines.

  • Developed wireframes and interactive prototypes to restructure the site’s navigation.
  • Designed an interactive dosage calculator for users to quickly find recommended products.
  • Integrated personalized product suggestions based on symptom selection.

Outcome.

New product recommendation features were introduced, tailored to specific user conditions, with redesigned comparison modules to aid decision-making.

🪄 Final Design & Impact

  • Revamped navigation with clear categories for pain type, dosage, and comparisons.
  • Implemented an interactive tool that allowed users to self-select symptoms for personalized product recommendations.
  • Resulted in a 20% reduction in bounce rate and increased engagement with product detail pages by 30%