Unbranded Patient Awareness Microsite
A microsite created to teach individuals how to SEE, HEAR, and SPEAK up to their HCPs. Built all DT+Mobile layouts in Sketch, Invision. Creative assets built in Adobe CC, XD, Miro. Full 360 campaign also has Emails, Envelopes, Animated Banners, Social ads, and additional Downloadable PDFs. VIEW LIVE SITE HERE
ROLE
UX/Visual Design, Art Direction, Retouching
CREDITS
Rauxa (now FKA) team members, Dev team shout out!
The Ask
To create a 5 page patient advocacy microsite. Highlight the messaging: SEE informs on how to observe and track symptoms. HEAR gives users links to resources and advocacy groups. SPEAK has several supplemental documents like Tips, Question Starters, and a Symptom Tracker. A little background for context: "unbranded" means no mention of the brand or drug can be used to avoid fair balance.
Lo-fidelity Designs
Adding images and branded elements to the wireframe. Logo lockup exploration.
Client preferred 30:70 modules for internal pages, primarily with section titles to the left and content to the right.
Look+Feel Exploration
Per medical legal requirements, this site needed to have values removed from branded palate.
Palate was inspired by colors of medical illustrations in an effort to feel unique rather than clinical.
Module Exploration
Homepage explorations included format, button size, color, type, transparent overlay, image scale and placement.
Call out module explorations include formatting, CTA type and behavior, color blocking.
Final Site
Specs
"Back in the days before Figma" (lol) some website builds required redlining for pixel perfect designs.
Basic styleguide with creative elements.
Supplementals for Campaign
Showcasing additional tactics needed for site:
- Converstation Starter
- Checklist to track symptoms
- Professional Discussion guide
- Storyboard for digital banners
- Samples of envelopes, emails and other materials for Blood Cancer Awareness Month
