Subscribers, worth their weight in chai protein powder, deserved a delightful mobile experience.
Ora wanted an MVP that would build a foundation for delighting their subscribers for years to come. Our goal was to decrease customer checkout dropoff on mobile and increase conversions on subscription products.
This
Design Process
Ora Organic provides customers with a refined experience on desktop but unfortunately on mobile their browser-based purchasing flow was seeing elevated rates of customer dropoff during checkout. They felt that a native mobile app built specifically for customers on-the-go would reduce dropoff and help grow their business. Our team was hired to consult with Ora's branding partners at Onbox Creative to help outline what an initial MVP of the Ora web experience could look like as a native iOS app.
I worked closely with the team at Onbox to wireframe a mobile experience and build the initial prototype that could be used for testing with customers, communicating regularly with Ora's CTO to ensure alignment on their business goals and consistency with their existing product.
The team at Onbox are brand and marketing experts but are less experienced in the nuances of mobile product design. After a couple of weeks collaborating on the wireframes, Onbox stepped out of the project and I took over as creative design lead for the mobile app. I drove collaboration and communication with the stakeholders at Ora to simplify the flows necessary for the MVP app, conducting weekly walkthroughs with their leadership group and customer team before finalizing the outline that would be used to build out the deliverables for each core flow.
• Browsing products
• Performing one-time purchases
• Subscribing to regularly scheduled shipments
• Managing upcoming shipments
With the core flows defined I turned my attention to art direction and high fidelity designs. Ora already had a strong presence on the web with beautiful visuals and a clearly defined design system. My first order of business was to translate these elements elements into mobile friendly patterns, building out a small but effective design system that would be used as a foundation for the app.
For iconography I started with the set that was already in use on their web site, helping redraw them to be more consistent with each other as a set and to be more legible on higher density displays. These assets were then contributed back upstream to Ora's website, along with a handful of icons I drew to fill out the missing pieces we needed in the mobile app.
This project gave me the opportunity to get my hands dirty in Xcode, where I was able to learn the basics of SwiftUI and help expedite front-end development by translating design to code and taking some of the workload off the hands of engineering.
Outcomes
Ora's MVP iOS app was released on the App Store in Q1 2021. The app launched with a focused experience allowing customers to browse, purchase, and subscribe to Ora's products, and allowing subscribers to manage their upcoming shipment schedule.
Over the next year Ora saw consistent growth in daily active users on the mobile app, measuring a reduction in customer checkout dropoff when compared to the same flows on the web and an increase in subscription conversions for new customers. This growth led to a successful round of new funding allowing them to expand their product catalogue and bring the app to Google Play.