Refresh: Revitalize, Unify, Loyalty: Crafting Effortless Brand Experiences through Narrative.
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.
Role.
Sole Interaction Designer | Agency Code and Theory
Experience Strategy, Interaction Design, Iteration, Annotations
Tools.
Miro, Figma, Canvas, Confluence, Jira, Airtable, Keynote
My Role and Process
I worked as the sole Interaction Designer with an outstanding team including a Project Manager, Product Strategist, Junior Experience Strategist and Visual Designer. Our design sprint was five weeks.
My process started with reviewing the requirements document and client provided materials including SEO data and Canvas Library. I was able to contribute to the Airtable Requirement Document with existing canvas modules when conducting a current site audit.
I worked closely with the Junior Experience Strategist on the Competitive audit, current site audit, metrics analysis and zoning of a modular system to give each page a narrative feel.
I was responsible for sourcing the client’s canvas library of modules that could help meet the vision of the refresh and create a module library in our Figma.
It was my job to create and iterate responsive mid-fidelity templates for the Homepage, Product Listing Page, Product Detail Page and an Article Detail Page/Toolkit, on desktop and mobile.
I collaborated with our Visual Designer to refine the wireframe deliverables into high-fidelity designs. I communicated the designs including all instances and error states in functional specifications for development.
I also organized the design file in Figma for hand-off to the client and transferred the corresponding modules with descriptions into the deck and presented the iterations to the client and internally to the IxD department.
High Fidelity Designs
Main Navigation
Homepage Landing
Product Landing Page
Product Detail Page
Article Toolkit