Transforming a dated website into a modern hub for information about biosimilar medicines
We designed a new website to help the advocates for generic and biosimilar medicines and drive engagement with their users and bring their brand to life.
PROJECT DURATION
We spent 8 weeks conducting discovery and setting the strategic foundation for the website redesign.
MY ROLE
In this project with Blue Water, I conducted discovery research and onboarding sessions for the rest of the team, as well as drafted a sitemap and wireframes.
TASKS & DELIVERABLES
Project Discovery, Sitemapping, Wireframes
Modernize the Website to Update Brand Perception
The Generic Pharmaceutical Association (GPhA) has advocated for generic and biosimilar medicines since 2000. Looking to update their brand perception, educate their current and prospective members about the benefits of generics, and compel their members to support advocacy efforts, they rebranded themselves as the Association for Accessible Medicines (AAM). AAM selected Blue Water to redesign/rebuild their site using Drupal to help tell this new brand story. The new site had to be approachable and conversational, instead of cold and scientific.
Rapid UX Report
Coming out of our discovery phase, we drafted a Rapid UX report to communicate our findings and our recommended strategy for how we believe the association should move forward. Discovery Findings We sought answers to our team's open questions and investigated the data we had to build a representative picture of the client's audience that were based on real user feedback and data. Personas & Journey Maps We outlined personas and journey maps for six of their primary user audiences to help communicate the overall strategy for the website back to our stakeholders to begin laying the foundation for the design and content strategy.
- Congressional Staffers
- Patient Advocate Groups
- Media
- Non-Member Companies
- Patients
- FDA Employees



Wireframing
We designed wireframes of the homepage, and four other interior pages with a specific focus on a template-based content hierarchy and create visual representation of site depth to make the site more scalable. Since the AAM team was looking to improve their brand awareness through thought leadership and registration processes for their main event, our wireframes included pages for these, as well as a sample landing page and interior content page. Our initial wireframes helped the AAM team better visualize the navigation elements and page layouts for the proposed sitemap and they were excited to begin the visual design, so the wireframes were approved quickly with minimal revisions to the layouts and content hierarchies. From here, we updated the creative brief to document any relevant findings and feedback that would help onboard our graphic design and content strategy teams to continue work on the project. We were available for brief consultation with those teams to share our research findings and ensure that the strategic plan for the site was reflected in those phases of the project as well.
Here's What We Accomplished
Project Lessons In this project, the main lesson I learned was to avoid using the organization structure as our navigation mental model. Since the association was looking to improve brand perception and recognition, we made the sitemap more actionable and directly focused on the three major themes of advocacy, impact, and action. Project Outcomes This project won an Acquia Engage award in 2017.
Project Artifacts
Here are some samples of my work on this proejct.
GPhA - RapidUX Report
The Association for Accessible Medicines was formerly known as the Generic Pharmaceutical Association. We presented this report to them as a rapid project discovery in preparation for an expedited timeline.
AAM - IA Report
In conjunction with the updated navigation and information architecture, we presented this report that provided our reasoning for updating the sitemap and built support among the client team.
Accessible Meds - Sitemap
AAM-wireframe-thumbnail
See More Work
Lorem ipsum dolor sit amet. They're not convinced. Send them toward additional work that'll convince them.
See More WorkLet's Get Started
Send us a message to let us know how we can help. We look forward to hearing from you!
Contact Us