OVERVIEW
Mobile Heartbeat, a Medtech company based in Massachusetts, hired me to lead a full redesign of their website, across both desktop and mobile platforms. The goal was to modernize the visual identity, improve usability, and create a more intuitive experience for their healthcare-focused audience. The project involved refreshing the brand's digital presence, restructuring site navigation, and conducting strategic market research to align with best practices in the Medtech and SaaS sectors.
View the live redesigned website here.
APPROACH
I began by auditing the existing site to identify usability challenges, such as awkward module positioning, inconsistent hierarchy, and a cluttered mobile experience. To improve navigation and structure, I introduced a streamlined mega menu and persistent header, ensuring critical pathways like "Request a Demo" remained visible and accessible throughout the site.
I began by auditing the existing site to identify usability challenges, such as awkward module positioning, inconsistent hierarchy, and a cluttered mobile experience. To improve navigation and structure, I introduced a streamlined mega menu and persistent header, ensuring critical pathways like "Request a Demo" remained visible and accessible throughout the site.
To guide the visual and UX direction, I conducted competitive research into Medtech and software companies. This informed a cleaner, more contemporary design system that could scale across both desktop and mobile experiences. I also updated and expanded upon Mobile Heartbeat's existing brand standards to better reflect their leadership in healthcare communication technology.
HIGHLIGHTS
Navigation Overhaul: Introduced a mega menu to simplify site structure and improve discoverability of key pages.
UX Improvements: Reworked content modules for clarity and faster user comprehension, using improved visual hierarchy and calls-to-action.
Mobile Optimization: Designed a mobile-first landing page experience with enhanced CTAs, user-friendly navigation, and responsive infographics.
Brand Modernization: Refreshed color palettes, type hierarchy, and iconography to deliver a more polished, trustworthy look.
Reworked content module
Reworked content module
LANDING PAGE – BEFORE AND AFTER
Original Landing page
Redesigned Landing page
MOBILE REDESIGN
A key focus of this project was optimizing the mobile experience. I redesigned the mobile landing page to feature prominent calls-to-action, relevant healthcare imagery, and an accessible sticky header. I also restructured complex modules for better readability and streamlined data presentation, ensuring a user-friendly experience across all devices.
A key focus of this project was optimizing the mobile experience. I redesigned the mobile landing page to feature prominent calls-to-action, relevant healthcare imagery, and an accessible sticky header. I also restructured complex modules for better readability and streamlined data presentation, ensuring a user-friendly experience across all devices.
Original Mobile Landing page
Redesigned Mobile Landing page
Original Module
Redesigned Module
RESULTS
The new website is currently in development and has received enthusiastic feedback from the Mobile Heartbeat team. The redesign reflects a more modern, user-centric approach while aligning with the standards of a competitive Medtech landscape.
The new website is currently in development and has received enthusiastic feedback from the Mobile Heartbeat team. The redesign reflects a more modern, user-centric approach while aligning with the standards of a competitive Medtech landscape.
