VYALEV.com Site Updates
& HCP Dosing Tool Redesign

Refining VYALEV.com’s Information Architecture (IA) and redesigning and prototyping VYALEVhcp.com’s Dosing Tool.

  • VYALEV.com is AbbVie 951’s consumer website supporting the consideration and initiation of VYALEV as a Parkinson’s Disease treatment. The phase 2 launch of VALEV.com will introduce the ability to promote the Patient Education Program directly to patients.

    Our team devised suggestions on the strategic placement and methods for promoting this program alongside the Mentor Program.

    • Drive patients and their care partners interested in VYALEV to attend a Patient Education Program event.

    • Integrate insights gleaned from continuous research conducted on patients actively seeking information on treatments for advanced Parkinson’s disease.

  • Client approval of sitemap, IA, and content recommendations for VYALEV.com’s phase 2 website to proceed with creative development.

Role: Sr. UX Strategist

Timeline: 3 months

Tools: Figma

VYALEV.com Design Process

Our Information Architecture was the result of close collaboration among the User Experience, Content Strategy and Strategic Planning teams facilitated through UX workshops using FigJam.

Initial Client Approved Mockups

  • The clients were first presented high fidelity wireframes from the Creative and Content teams.

  • The first IA was based on those high fidelity wireframes.

  • The clients felt the site had too many pages and navigation items.

UX IA Prioritization Workshops

  • We reviewed the market landscape for examples and patient needs.

  • UX collaborated with Content Strategy to condense the site’s pages.

  • UX and Content Strategy then met with Strategic Planning to better understand client needs.

Revised IA Client Presentation

  • UX, Content Strategy and Strategic Planning made a presentation of explaining our process for refining the IA

  • The clients were pleased with our results.

Initial Client Approved Mockups

IA starting point

Our Account asked the Creative team to create and present high fidelity mobile wireframes to get the client’s buy in on potential content. Since Content Strategy didn’t provide a content outline for this project, the initial IA was based on the Creative wireframes.

Initial IA creation work flow:

VYALEV.com’s initial IA based off of the creative mockups:

  • I met with the Content and Strategic Planning teams to confirm what each content section referred to.

  • We discussed what CTAs to include on each page to encourage user exploration.

  • The “Starting with Support” and “Continuing with Treatment” sections were owned by another of the client’s third party agencies so we couldn’t influence those pages.

Client Ask to Consolidate IA

IA Feels Overwhelming

During our presentation, the clients thought the IA was too much and overwhelming. They appreciated that we were trying to walk people through a specific story with the navigation items but thought there were too many pages and navigation items. Clients also thought the pages were too long.

Our goals for streamlining the IA

  • Reduce the amount of content on each page

  • Consolidate pages with similar content or topics

  • Regroup those new pages to create new navigation items

IA Prioritization Workshop

Team collaboration to re-align on goals

Based on the client's feedback, our team reassessed VYALEV.com's main goals and determined that focusing on promoting awareness, consideration, and initiation of VYALEV was more important than a previous goal to reinforce patients' need for additional treatment options.

Promote the
Patient Education Program

Introduce the Patient Education Program giving it more prominence than the Mentor Program.

The newly defined goals for VYALEV.com

Drive VYALEV awareness, consideration and initiation

Assess the structure, content and user experience of the phase 2 DTC website to support awareness, consideration and initiation of treatment.

Introduce VYALEV’s
treatment benefits

Introduce a new Levodopa based option to people with Parkinson’s disease and educate on the benefits of 24-hour delivery of levodopa and the great control of motor fluctuations it provides.

Organizing the IA
by brand team goals

Our team then used those goals to help define main navigation items. The “About VYALEV” section primarily focuses on the benefits of VYALEV as a treatment where the “Considering VYALEV” section is meant to onboard patients to treatment initiation. Through out the website we strategically places Patient Education Program CTAs where people may be looking for more information or guidance.

Our process for streamline the IA

  • UX and Content Strategy met to re-define the content blocks.

  • Strategic Planning joined us to help consolidate related content into fewer pages.

  • The team considered UX best practices and the market landscape to align on the homepage’s content.

VYALEV.com’s revised IA with the brand team’s goals highlighted:

Received client approval & buy in

We were able to significantly reduce the number of content sections and pages. The clients were please with how we re-organized everything. When we explained that still 1/3 of the site was owned by a 3rd party agent they agreed to meet with them to reduce their 2 navigation items to 1, giving Eversana Intouch more real-estate over VYALEV.com’s creation and potential opportunities for future business.

The client was pleased with the following updates:

  • The homepage was shorter and they preferred its new CTAs.

  • Shortening all of the website’s pages with overall content sections going from 58 to 44.

  • They liked the fewer amount of navigation items and website pages and agreed they’d need to speak to their 3rd party agency to streamline further.

VYALEVhcp.com Dosing Tool

Need for tool

I was responsible for enhancing the user experience of the 951 HCP Interactive Dosing Tool. My goal was to ensure healthcare professionals (HCPs) could easily understand and use the tool to accurately convert a patient’s oral levodopa dose. I revisited the existing tool to identify usability improvements while maintaining alignment with the most recent Instructions for Use (IFU), Prescribing Information (PI), and pump restrictions.

Dosing Tool form updates

  • Redesigned the results page and progress bar to present information more consistently, helping HCPs clearly understand how their inputs throughout the form impacted the final results.

  • Incorporated additional resources HCPs would need to consider during their calculation.

  • Made the ‘Commonly used levodopa-containing oral medications’ chart more easily accessible via mobile.

  • Updated form inputs to toggles for questions with only 2 options and grouped related form questions to reduce friction in HCPs’ decision making.

  • Added primary and secondary CTAs on the results page to support additional brand initiatives.

Prototyping concept for stakeholders

I created a mobile-responsive prototype of the updated dosing tool form to help brand stakeholders visualize the impact of my design improvements. Our stakeholders were pleased with how the prototype demonstrated the streamlined layout that made the tool significantly easier to navigate on mobile devices. They agreed the placement of the additional resources would help HCPs find and review the information to complete the form efficiently and reduce site drops.