A Website Redesign Project
OVERVIEW
Company
Lyfebulb is an empowerment platform to help patients to reduce the burden of those living with chronic disease. We promote education, innovation and connectivity among patients, entrepreneurs and pharma companies to help patients overcome their needs.
My Role
As a Product Designer at Lyfebulb, I’ve had the opportunity to wear many design hats – User Research and Strategist, UX/UI Designer, and Illustrator. In this project, I focused on content strategy, user experience, information architecture, and visual design.
Scope
2 months
2 months
Categories
Responsive Website
Responsive Website
Role
UX/UI Designer,
Strategist
UX/UI Designer,
Strategist
Collaborators
Kinza (supervisor),
Katie (Community Manager),
Jamie (Director of Partnerships)
Karin and Leslie (PM)
Kinza (supervisor),
Katie (Community Manager),
Jamie (Director of Partnerships)
Karin and Leslie (PM)
Tools
Adobe XD, Mural
Adobe XD, Mural
PROJECT GOALS
1. Improve the user experience on mobile and desktop interaction
2. Clear communicate Lyfebulb’s mission, resources, and services
3. Design for the content expansion and navigation
4. Increase autonomy of staff members to upload content
5. Apply a fresh brand aesthetic
USERS
Patient Ambassador
Age: 20-45 years old
Who: Patients and active advocators about their diseases area. They are usually social influencers.
What they do: Write posts for Lyfebul's website and their own social media about how they cope with their disease challenges and overcome them.
Goals: help the community and acquire follows
Where: Lyfebulb’s Blog pagePatient
Age: 20-55 years old
Who: Community compound mostly with the ambassadors followers, patients and caregivers.
What they do: Read blog post mostly on mobile and on desktop
Goals: Look for support, resources, and inspirational lifestyles or alternatives to help them and their loved ones to cope with their conditions.
Where: Lyfebulb’s Blog pageEntrepreneurs
Age: 25-70 years old
Who: Patients or caregivers who developed products to cope with their/loved one medical condition.
What they do: Fill up innovation challenges forms
Goals: Look for promote their products and partnerships to invest in their idea
Where: Innovation challenge's pages
Client Partners
Who: Pharma companies which develop medical services and products.
Goals: support initiatives to help the community and to find about the patients unmet needs
Where: Workshops and innovation challenges
WEBSITE
Homepage
Product Offering Page
Innovation Challenge Page
Discovery and Navigation
Profile
DESIGN PROCESS
DOCUMENTING INTERACTIONS
Patients Navigation
Patients Navigation
Most of the patients find the blog posts when the ambassador also posts this content on their personal social media. How might we help users to find other content in the website? How might we incentive ambassadors to write new blog posts more often?
Partner Clients
All the communication about the submits and workshops are verbal or through emails and there was not a direct link to a landing page with all submits nor a page that displayed Lyfebulb product offerings. How might we facilitate the staff routine and create more partnership opportunities?
ITERATIONS
I hosted a few sketch sessions and design reviews where I encouraged stakeholders and members from other departments to ideate and review design solutions. I explored different iterations of low fi wireframes – starting from digital sketches, due to the lockdown.
VISUAL DESIGN
The small team of this startup (the community partner, partnership manager, designer, and developer) manage and publish the content on the platform. Considering all their daily tasks, I wanted to make uploading content a straightforward task. I designed:(1) a modular and flexible grid, (2) components to make the production scalable and consistent, and (3) creating an iconography library to facilitate production and maintain brand consistency.
Grid and Layout
Components
Iconography
Color Palete and Typography
