Pressed Juicery App
Pressed reached out at the height of the pandemic (what a time that was …) with a time sensitive request: launch an app that would allow customers to get the juice they know and love in a safe manner.
Company
Pressed
Year
2021
How can we transition an in-store shopping experience to a digital, contact-less one?
The ask
The Plan
Phase 1
Introduction, define scope, organize assets, market research
Phase 2
Wireframes, early testing, begin organizing style guide, test participant recruitment
Phase 3
Clickable prototype, expand solution to web, user testing
Phase 4
Iteration, more testing, refine, launch
Rapid iterations
The Shop begins with Featured Items, and rolls into Bundles. Based on market data, Bundles sell better than individual juices (which was a surprise to me, but the data doesn’t lie!). The hanging category menu was decidedly not necessary as scroll times didn’t justify real estate on the Shop Page.
V1
V2
V5
We tested a few versions of the progress stepper, and made sure that we were keeping in step with and managing user expectations, while keeping distractions to a minimum.
Battle of the names
First, a shoutout to all of my content design partners and friends. I couldn’t do what I do without you, and I certainly couldn’t do what you do. The marketing team at Pressed pushed for some really, really SEO-friendly names for the menu categories. It meant the menu sequence would go from “Vegan Pressed Green Juices” to “Vegan Pressed Root Juices” and so on.
Vegan Pressed Juice Greens
Pressed Vegan Greens Juice
Pressed Greens Juice
I pushed back. When you’re scrolling on limited real estate, something’s gotta give. After much deliberation on tradeoffs, I’m proud to share we landed on:
Greens
*I will concede, for web we got away with Green Juices
Final Designs
Single product page
Product types
Single product
Product with variant
Product with upsell
Checkout
Style guide
Pressed was prepping for a revamp, and part of that effort was the consolidation of all the different style elements that were being used up to this point. I created one consistent style guide to be implemented across mobile and web.
Scaled to Mobile Web & Desktop
Using the style guide, all colors and components can easily be translated to different digital platforms. The web designs were completed immediately after handoff of the mobile app to the development team.
