UX/UI MOBILE APP
ROLE | UI INTERFACE DESIGNER
COLLAB | THOUGHTBOT
CLIENT | STANFORD BLOOD CENTER
Collaborated with ThoughtBot to develop the first mobile app for Stanford Blood Center (SBC) appointment making system and experience. I spearheaded the UI design system, mainly using Adobe Illustrator and Sketch, to creatively gamify an incentive program
for donating blood (see last section). The marketing team and I conducted research on new and existing donors in order to develop a user experience that makes donation more accessible and personalized.
USER EXPERIENCE FLOW
WHAT'S INSIDE
The app will allow you to tackle all of the tasks you usually do on the web portal, plus several fun and helpful extras!
EASY LOGIN
Using TouchID/FaceID? Need to reset your password? Forgot your username? First time setting up your account? No problem… it’s all there for you on the login screen. And once you’ve logged in, your device will remember you; If you want to log out or change your preferences, you can! Just click the menu at the top of the “me” tab once you are in the app.
THE PERSONALIZED “ME” TAB IS UNIQUE
TO EACH DONOR
You can see your digital donor ID card with blood type, name and ID number (if you have donated with us and have logged into your existing account). This digital donor ID card can be scanned just like a standard ID card when you come in to give blood. Now you don’t need to remember to bring a separate card! Plus, as part of our #GreenDonor initiative, we will be discontinuing plastic donor ID cards, so the app will be the best way to get your card going forward.
See upcoming donation appointments, or see your eligibility and book an appointment.
See and rate past donations.
THE INFORMATION YOU CARE ABOUT IN ONE PLACE
See lifetime donations.
See Donor Loyalty Store points accrued. Redeem points in the store with a convenient, built-in store.
See latest test results.
App-only feature – See badges earned and potential badges to be earned in the future. Some badges even come with real rewards, and we’ll be adding more over time!
App-only feature – Click into earned badges to be able to share on social media, via text or email, etc. You can help inspire even more people to donate by showing off your milestones
EASIER APPOINTMENT SEARCH AND BOOKING
App-only feature – Set a favorite location by tapping the heart icon next to the location name (it turns red when it has been added to your favorites). Click the heart icon again to remove from your favorites list.
App-only feature – Find an available appointment nearest to your location (uses your phone’s location) or within a specific radius of a zip code.
App-only feature – See appointments starting ONLY for those dates when you are eligible.
Book an appointment for a preferred date and time.
App-only feature – Add a confirmed appointment to your calendar using your phone’s built-in system.
REDEEM POINTS AND GO SHOPPING!
Enjoy our built-in store and easily redeem your hard-earned donor loyalty points.
As part of our #GreenDonor initiative, we’ll be adding eco-friendly, reusable and sustainable gifts to our store to replace existing items as they sell out.
GET NOTIFIED, SET PREFERENCES & GIVE FEEDBACK
Only essential notifications delivered to your phone (eligibility, appointment reminders, SBC preCheck reminders and critical need for your blood type).
In-app notifications for current and upcoming promotions, new store items, change your preferences anytime, rate your blood donation experience, in-app experience and send us feedback.
GET IN TOUCH
Click to contact an SBC team member via text, email or phone call.
Find locations and hours (website link).
Find alternate contact numbers (website link).
Read information and get answers to commonly asked questions on our “learn” tab.
EARN BADGES!
Earn rewards via the SBC app with badges! Each badge was designed to represent special donation milestones. Some of them come with more than just bragging rights, and you can share your badges on social media and inspire friends and family to be an amazing donor like you.
From time to time, we’ll add special limited-time badges as well. For instance, you can get your “Green Donor” badge for logging into the app between April 1-3.
