AYVAKIT - Blueprint Medicines
The site is up and running! :]
Please click below to see the brand-spanking-new website which just launched this week, May 22nd. Keep in mind that this live site only showcases 2 of the indications seen below as ISM is currently still in development.
Project Overview
Challenge
My team was tasked with redesigning AYVAKIT's branded website in anticipation of the 2023 ISM launch.
Objectives
- Design a few look n' feels to establish the right design system
- Separate each indication into their own pages with a global homepage linking all three
- Consider what visuals we want to feature and how that affects and ties in with the rest of the indications.
Project Scope
Tools
Procreate, Illustrator, Figma, trusty ol' pencil & paper
Team
1 UX designer (yours truly), 1 project manager, 1 copywriter, 1 creative director, Pfizer dev team
My Role
UX Design, Art Direction, Branding, Illustration
Timeline
Overall: 16+ weeks
Design: 14 weeks
Testing: 2 weeks
Wireframes
Lo-Fi Wireframes/Explorations
Creating low-fidelity wireframes using Figma is a massive game-changer (if you don’t use Figma ya need to get on it like, yesterday). It gives me a ton of flexibility to easily explore and test prototypes on the fly. I drafted up several iterations before landing on what you see here ->
Hi-Fi Wireframes & Prototypes
The part where I hunch over my computer for way too long (back problems amirite?)
This is my favorite part of the process where I can finally breathe some life into all my ground work and see how the finished product will look (posture be damned).
Advanced SM Indication
GIST Indication
ISM Indication
The Homestretch
Final Thoughts
With the final prototype come to fruition, I believe I checked every metaphorical box that I outlined at the conception of the design process. I designed a multi-indication website to help patients learn more about their disease within 3 indications.
Next Steps: Design Implementation & Handoff
This is the point where I can see the light at the end of the tunnel. My last task is to wrap this project up with a neat little bow and present it the brilliant Pfizer dev team to begin the development stage. I obsessively redline my final design deliverables because the dev team may not be aware of specific spacing and sizing of design elements. This also helps cut back on multiple rounds of QC and I endeavor to make the handoff process as efficient as possible to make things easier for final development.
Maintenance: Grease the Wheels
Updates are almost always a guarantee in the health & wellness field. I maintain a direct line of contact with my PM, copywriter, and the client to address future updates.
Copyright © 2023. All rights reserved.
Powered by a misfit from the North Pole.
This website uses cookies.
We use cookies to analyze website traffic and optimize your website experience. By accepting our use of cookies, your data will be aggregated with all other user data.