Thumbnail image of Shawn

Funkshawnal

Wintergreen Health - Logo

Enhancing human connection through seamless app design.

Toronto, On.

July 2023

IMCBA

Wintergreen - Promotional banner

/01 Context

UX Design
UI Design
Prototyping
Branding

Wintergreen Health provides a white-label e-commerce platform, empowering clinics and pharmacies to offer patients an extensive range of DME products. With no inventory to manage, clients can curate bundles, sell online, and rely on Wintergreen for logistics and customer support. The platform aims to enhance care and create new revenue streams.

I joined the project to develop Wintergreen’s brand identity, designing a logo, defining colors, fonts and graphic assets including a custom icon library while allowing for white-label customization options. I explored and introduced new and simplified filtering methods, such as by body part or condition, and built a responsive prototype for the entire shopping ex0perience which included encorporating a solution for insurance claims within the check-out process.   The prototype optimized the user experience across devices, with tablet functionality designed specifically for in-store use, allowing staff to assist customers with extended inventory unavailable in-store.

Stroll - Figma components

/02 The Experience

Establishing a Unique Identity

I started by branding Wintergreen Health, crafting a logo and selecting a complimentary color scheme and fonts that supported the brand.  This extended into the creation of assets including a  comprehensive icon library that would be used within presentations to stakeholders, before diving into the design of the application. 

Wintergreen - Logo and style
Wintergreen - variable based prototyping

Building on a Strong Foundation

Using a variable-based component library I previously developed, I modified components and other elements through variables, thereby cuting design time considerable. The initial component library was based on the ionic framework, making i t easier for developers to translate the protoype for faster deployment and also ensured seamless integration of the e-commerce experience on any device. The interface was designed with flexibility to support white-label implementations, making it adaptable for clinics and pharmacies to reflect their unique branding.

Wintergreen - Icons
Wintergreen - White label

Enhancing Discovery with Visual Filtering

We were given the opportunity to explore novel methods of finding products, keeping in mind that many of the Users would be patients and may be older or have other conditions to consider when designing the interface. Leveraging a more visual approach we introduced the idea of searching for products through body part, conditions, and other categories. This innovative approach improved navigation and the ability to find condition-specific products.

Wintergreen Health - Devices
Wintergreen Health - Homepage
Wintergreen Health - Search by condition
Wintergreen Health - Search by body part
Wintergreen Health - Product
Wintergreen Health - Insurance form

/03 Outcomes

The final prototype demonstrated a fully functional purchase and checkout experience, which was showcased to encourage onboarding by pharmacies, medical clinics, and rehab centers. The polished design, coupled with intuitive navigation and flexibility, resulted in a compelling demonstration, paving the way for multiple partners to adopt the platform successfully.

Wintergreen - Promotional Banner