2024

Rebranding Maverick Medical Education

In a 6-week collaborative project, I led the website design and development for Maverick Medical Education’s rebrand. The goal was to modernize the site, improve navigation, and align with the company’s evolving identity. The result: a refreshed UI/UX that boosted user engagement and delivered measurable improvements across key metrics.

Role
Website Designer + Developer
Project Duration
6 weeks
Industry
Healthcare, Education, eCommerce
Maverick Medical Education Rebrand

What is Maverick Medical Education?

Maverick Medical Education is a healthcare learning company offering hands-on training courses for medical professionals. This project focused on a complete website redesign and rebrand to improve usability, modernize the interface, and better support users in exploring and enrolling in courses. The new site aimed to reflect their growing success while fostering a more engaging experience for students and practitioners alike.

Maverick Medical - Mobile + Web

Project Goals

  1. Refresh the brand identity to better connect with modern learners
  2. Improve navigation and access to course information
  3. Enhance user engagement and reduce bounce rates
  4. Increase course enrollments and session duration

Problem Statement

The original website felt outdated, stiff, and unwelcoming—lacking visual energy and making it difficult for users to find and act on key information. Despite interest in courses, the site failed to reflect user demand and resulted in high bounce rates and minimal engagement.

Part 1

Research Phase

Understanding our audience was essential to crafting a site that resonates with both aspiring and established medical professionals. We focused on two distinct user types—nursing students and experienced practitioners—to guide both tone and functionality across the redesigned site.

Maverick Medical Education User Persona

Testing Methods

Before jumping into the design, we explored how users were interacting with the current site, what they were struggling with, and where opportunities existed. Research also included behavior tracking from Shopify, where interest in courses was growing—but engagement on the site didn’t reflect that interest.

Methods Used:

  1. User Research: Found that users were motivated by course access and calendars but struggled to locate them on the old site
  2. Market Behavior: Shopify purchase data showed growing interest not matched by site performance
  3. Visual + UX Audit: Identified lack of visual appeal, poor navigation flow, and uninviting design
  4. Original User Flow Analysis: Registration process was long and unintuitive, causing drop-offs
Maverick Medical Education User Flow

*Original user flow to register for a class

Testing Results

Our research revealed the disconnect between user motivation and the platform’s layout. Users wanted quick access to course calendars and session details, yet these were buried or visually downplayed. Testing confirmed that layouts with strong CTAs, clear navigation, and energetic visuals resonated most. These insights directly informed the direction of the final prototype.

Part 2

Design Strategy

Our approach was guided by user needs and business goals. Instead of focusing only on aesthetics, we built a strategy around usability, visual hierarchy, and clarity of information. The site needed to support both exploration and action—guiding users from browsing to booking with ease.

Key Strategy Focus Areas:

  1. Streamlined user flow from homepage to course registration
  2. Improved IA and content groupings
  3. Emphasis on mobile responsiveness and bold visuals

The idea

Solution Concept

Based on user goals and behavior insights, the redesigned experience aimed to streamline access to course content while presenting a fresh, trustworthy brand. We placed course availability, scheduling, and program value at the forefront, and built a modern, responsive interface that speaks to both younger learners and experienced professionals.

  1. Promote course and calendar access directly from the homepage
  1. Ensure seamless exploration of course information and requirements
  1. Use bold, vibrant design elements to appeal to a younger demographic
  1. Build credibility through clean layout and clear value messaging

Feature Requirements

To deliver a smooth and conversion-driven experience, we focused on features that aligned with our user goals and business needs. These were designed to reduce friction, build trust, and encourage deeper exploration.

Core Features:

Maverick Medical Education Features
Maverick Medical Education Features

Part 3

Iterative Design in a Fast-Paced Timeline

With a 6 week timeline, this project required a flexible, evolving workflow. Instead of distinct low-fidelity and high-fidelity phases, we moved quickly—refining structure and visuals simultaneously to keep pace with development. While the website itself was not the eCommerce platform, it served as the first touchpoint for users, guiding them to the Shopify platform to explore and purchase courses.Given its role in the user journey, the site needed to make a strong first impression, clearly communicate course value, and drive conversions. Ongoing client communication was critical to ensure that the design accurately reflected Maverick Medical Education’s brand, tone, and evolving goals.

Tools & Feedback Methods Used:

  1. Adobe Creative Cloud – For branding assets and visual design
  2. WordPress + WooCommerce – Enabled quick approvals and business alignment
  3. Shopify – Hosted course catalog and purchasing platform quick feedback
  1. Google Analytics – Tracked bounce rates, session duration, and user flow
  2. Loom Videos – Used for async design walkthroughs and quick feedback
  3. In-Person Client Meetings + Calls – Aligned visual direction and messaging

Measuring Success

The final design delivered a modern, vibrant, and user-centered experience. Courses were made more discoverable, navigation was simplified, and users were visually guided through their journey—from learning about a class to registering. The rebrand not only modernized the interface but successfully increased engagement, making a real difference in users online journey with Maverick Medical Education. Success metrics were pulled from Google Analytics.

2m 20s avg. session duration

Users are now engaging for an average session duration of 133 seconds—an improvement of 15.6% that speaks to the heightened resonance and captivating experience of the site

30.69% bounce rate

The 8.4% reduction in bounce rate underscores a more engaging user experience, indicating a significant shift towards prolonged interactions with our web pages.

4.64 pages viewed per session

Enhanced user experience is evident in the 2% improvement in pages viewed per session, guiding users on a journey that strategically brings them closer to enrolling in the courses

Last words

This project reinforced how thoughtful design can directly impact engagement and business outcomes—even in highly practical, information-heavy industries like healthcare education. Working across user research, design, and visual development gave me a well-rounded view of what makes a product both beautiful and useful.

What I Learned:

Projects

View other projects.

Open ePortal Redesign ProjectOpen Gulfport Luxury RV Resort Project