A Website Redesign Project
OVERVIEW

Company
Lyfebulb is an empowerment platform to help patients to reduce the burden of living with chronic disease. We promote education, innovation and connectivity among patients, entrepreneurs and pharma companies to discover and overcome patients' needs in their journeys.

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
Categories 
Responsive Website
Role 
UX/UI Designer, 
Strategist
Collaborators
Kinza (supervisor),
Katie (Community Manager),
Jamie (Director of Partnerships)
Karin and Leslie (PM)
Tools 
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. Website content expansion and navigation/wayfinding
4. Increase autonomy of 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 the website and on their social media about how they cope with their disease challenges and overcome them.
Goals: help the community and acquire follows 
Where: Lyfebulb’s Blog page

Patient
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 page

Entrepreneurs
Age: 25-70 years old
Who: Patients or caregivers who developed products to cope with their/loved one medical condition.
Goals: Look for promote their products and partnerships to invest in their idea 
Where: Fill up innovation challenges forms

Client Partners (Pharma)
Who: Patients or caregivers who developed products to cope with their/loved one medical condition.
Goals: support initiatives to help the community and find about the patients unmet needs 
Where: Workshops and innovation challenges
Homepage
Product Offering Page
Innovation Challenge Page 
Discovery
Profile
DESIGN PROCESS
DOCUMENTING INTERACTIONS
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 encourage 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 want to make uploading a content 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 ​​​​​​​
Back to Top