Lab 1 Medisinsk Laboratorium / Website Redesign

Angela Sanchez Mezquita

0

Web Designer

UX Designer

UI Designer

Figma

Google Meet

Slack

In just two weeks, I had the opportunity to tackle an exciting and fast-paced project: the complete redesign of Lab1's website. Lab1 specializes in offering personalized health analyses, and their website needed to better reflect their expertise while providing a seamless, user-friendly experience for their patients.

The Challenge

The existing website had outdated visuals, an unclear information structure, and a disconnected user flow. My task was to overhaul the entire site, from rethinking the architecture to creating visually appealing and functional components.
The project consisted of three key phases:
Information Architecture
Fonts and Visuals Exploration
Redesign and Component Creation

Phase 1: Sitemap and Information Architecture

A great user experience starts with clarity. To achieve this, I began by analyzing the existing sitemap and identifying pain points in navigation. I proposed a simplified structure to help users:
Find the right analysis effortlessly.
Understand Lab1's value proposition quickly.
Navigate services such as consultations and appointments with ease.
This resulted in a restructured sitemap and a new, intuitive information architecture.

Phase 2: Fonts and Visuals Exploration

To modernize the website, I explored fonts and visuals that could elevate the brand's identity while maintaining its professional tone. I aimed to balance clarity and warmth to resonate with both healthcare professionals and patients.
Typography: I explored clean, user-friendly fonts such as Poppins, Nunito, Quicksand that could combine with a serif like Libre Baskerville, ultimately choosing a combination that ensured readability and approachability.
Color Palette: I followed Lab1’s existing colors and incorporated softer tones for a more welcoming look.
Imagery and Icons: I proposed visuals that highlighted Lab1’s personalized care and expertise, using medical-themed icons and friendly imagery to guide users through the site.

Phase 3: Redesign and Component Creation

With the foundation set, I moved to the redesign phase, focusing on user needs and aligning the visuals with the updated architecture. The final design included:
Homepage: The homepage was reimagined to create a strong first impression. It introduces Lab1’s expertise and guides users to explore the analyses or book appointments. A hero section, clear CTAs, and quick links to key pages ensure intuitive navigation.
Analysis and Detail Pages: I designed an engaging analysis overview page and detailed individual pages for each test category. These pages were structured to:
Simplify complex medical information.
Help users understand which tests are right for them.
Make the booking and shopping process straightforward.
Appointments Page and Flow: The appointments page was revamped to highlight the different types of consultations Lab1 offers. I redesigned the appointment booking flow to be:
Simple, with step-by-step guidance (e.g., selecting a specialist, date, and time).
Accessible, offering options for self-use or booking for another person.
Shopping Cart Experience: The cart was redesigned to minimize friction during checkout, with clear progress indicators, summary details, and user assistance.

Key Components

Comparison Module: Allows users to compare analyses side by side, making informed decisions.
Steps Component: Guides users through the process of booking, sampling, and reviewing results with clarity.
Categories Module: Highlights Lab1’s offerings (e.g., Gut Health, Heart Health) in an easy-to-navigate format.

The Outcome

In just two weeks, I delivered a complete redesign of Lab1’s website, ensuring a cohesive and user-centric experience across all touchpoints. By rethinking the information structure and enhancing the visual identity, I helped create a platform that empowers users to take control of their health with confidence.

Takeaways

This project challenged me to balance speed with quality. It reinforced the importance of:
Prioritizing user needs through well-thought-out architecture.
Iterating quickly on visuals to align with brand values.
Building reusable components to maintain consistency.
Lab1’s redesigned website is now positioned to serve patients better, reflecting their expertise while simplifying access to vital health analyses.
Like this project
0

Posted Dec 4, 2024

I led a comprehensive redesign (UX/UI) of Lab1’s website, enhancing usability, clarity, and the overall user experience.

Likes

0

Views

0

Clients

Lab1

Tags

Web Designer

UX Designer

UI Designer

Figma

Google Meet

Slack

Google / Your Plan, Your Planet
Google / Your Plan, Your Planet
Riot Games / Arcane
Riot Games / Arcane
Getty Villa / Persepolis Reimagined
Getty Villa / Persepolis Reimagined