VYALEV.com
IA Consolidation
Refining VYALEV.com’s Information Architecture (IA).
-
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, PPT, Teams
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 Creative Team 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 Creative Team 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
UX 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:
Revised IA Client Presentation
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.
View the full VYALEV IA Version 2 presentation
Retrospective
With the conclusion of each project comes valuable lessons learned to apply to future projects.
Here are some key takeaways from my experience collaborating with this team on the launch of MoreThanPBC.com.
VYALEV’s brand strategy next steps:
Reviewing patient and care partner research to help inform content sections.
User journey maps to convey the tasks patients and care partners will need to complete on VYALEV.com.
Wireframes to visualized the content structure of each page.
Lessons for Allyson to apply in the future:
…