Air-Tite Products-UX

e-Commerce Website

back end development
USER EXPERIENCE DESIGN
ux audit
front end development
branding
mood boards
visual design
usability testing
personas
user flows
low-fi prototyping
information architecture

Air-Tite Products has been supplying the Veterinary, Human Health, and Laboratory market with high quality disposable and reusable hypodermic products since 1926. The company had used its public website to market, sell, and fulfill orders using the ASP .NET Storefront CMS. In 2018, we worked with Air-Tite to help define a vision for a more modern, intuitive, and customer-focused shopping experience.

Good UX is largely a result of substantial, thorough planning. It requires us to truly understand our end users, to empathize with their unique requirements and to craft a solution that not only meets those needs but does so in a positive, memorable way.

My role in this project

  • Conducted a competitive review of similar services available such as WeightWatchers®, MyFitnessPal® and Noom®
  • Developed an overall user flow depicting service onboarding, food logging and integration with 3rd party services
  • Designed and built an extensive set of high-fidelity prototypes using AxureRP
  • Created a detailed property map that presented technology requirements alonside user interactions within the application
  • Completed a full branding exercise including mood boards, logo concepts and associated collateral
  • Designed various app screens and user flows using Sketch
  • Liaised with app developers throughout MVP process
Mobile app visual design samples
Unlike other weight loss apps, Fitmethod aims to simplify the often laborious process of finding and logging food.

In three simple interactions, a food can be entered into the user's food diary. User behavior is rewarded with achievements and educational content around nutrition. is some text inside of a div block.
Navigation and flow samples
The "My day" dashboard provides users with an overview of their current food diary with macronutrient and exercise activity visualizations.
Visual identity mood boards
As part of the rebranding exercise, I developed initial logo concepts paired with mood boards to demonstrate the corresponding design languages.
High-fidelity prototyping
Using AxureRP, I developed an extensive set of high-fidelity mobile prototypes that simulated key tasks like onboarding, logging food and entering physical activity.
User journey mapping
I developed a hybrid user journey / technology diagram that presented user movement through the app alongside key technology decision points. This was developed in parallel with business modelling.
Competitive review
As part of my competitive review, I diagramed one of the key differentiators for Fitmethod - simplified food logging. In this diagram, the number of overall interactions are compared between MyFitnesspal (a key competitor) and Fitmethod for logging a simple food like a banana, and a more complex food like a sandwich.

Our role in this project

  • Mapped out current state user flow, processes and site features
  • Created existing and proposed information architecture diagrams / site maps
  • Prepared base user profiles with high-level needs and priorities
  • Developed detailed personas for six unique personas, detailing key differentiators, personalities, content requirements and tone
  • Built out low-fidelity, responsive, interactive prototype depicting key screens based on overall site redesign objectives

This project involved digging deep to understand the business objectives while tempering them with the various needs of the site audiences.

A notable learning experience for us here was client education with regards to empathizing with users through persona development. Unless a client has experience working with personas, it can often be a difficult concept to grasp.

As the audience segments began to materialize and became more "human," though, the client immediately began to see the merit in this exercise.

View additional assets from this engagement

View more work samples