Project brief
Roles
To create a mobile app for the client Freshpet.
The challenge is to come with an innovation for the Freshpet e-commerce platform.
UI design
UX design
Results
Created a WCAG compliant mobile app which is voice enabled for aging adults and color-blind users.
Smartpet
Smartpet is an AI powered mobile application that can be embedded into your virtual assistant. It gathers data using the user’s buying pattern, recommends the best product/s to purchase next, and indirectly keeps track of your pet’s health.
User persona
Storyboard
Why the WCAG approach?
Poor contrast ratio with current colors!
This is how color blind users with the most common case of color blindness - Protanopia view the brand colors for Freshpet. Poor contrast!
The suggested brand colors
#1A415D
#EBB455
The new brand colors were chosen by keeping the yellow constant and changing the green to blue to depict trustworthiness, reliance and intelligence
This is how users with Protanopia (most common case of color-blindness) view the new brand colors. The contrast ratio is very good!
The workings of VUI (Voice user interface)
Integration and delivery strategy
Virtual assistant example : Google Home
Integration : Smartpet will be integrated into Google Home by using Google assistant SDK
How it works?
The Google Assistant SDK lets you add voice control, natural language understand, and Google’s smarts to this application. Smartpet captures an utterance (a spoken audio request, such as “When should I stock up next?”, sends it to Google Assistant, and receives a spoken audio response in addition to the raw text of the utterance.
The users will be able to download the mobile application from the Apple App Store and Google Play Store (iOS and Android app stores)
The suggested brand colors are used in the final product. The typography is intentionally made large as it is designed for aging adults. Alongside adjusting typography and colors, a large tap area is provided for every tab and button in the entire application
SmartPet prototype
Smartpet is a mobile-based application that helps you connect your Freshpet account to your virtual assistant. The virtual assistant keeps track of the history of your purchases and suggests your next order. Overtime, it calculates your pet’s dietary needs and prompts you to buy different products to maintain your pet’s balanced diet. The application is centered around ‘accessibility’ as the design baseline and its primary color palettes are
WCAG compliant
