Sakara
2019
iOS
E-Commerce
I shaped a clean, intuitive e-commerce product to simplify rewards, shopping, and meal subscription management for Sakara. Working directly with founders, I designed an end-to-end iOS experience echoing the lavish, plant-based lifestyle that was core to their brand.


Sakara is a luxury nutrition platform, using cutting-edge health insights to deliver meals and products that encourage microbiome and metabolic health. With a quickly growing user base and an ever expanding offering, they needed a iOS app that gave users a simple but powerful tool to manage their day-to-day subscriptions, deliveries, and meal plans.
Sakara is a luxury nutrition platform, using cutting-edge health insights to deliver meals and products that encourage microbiome and metabolic health. With a quickly growing user base and an ever expanding offering, they needed a iOS app that gave users a simple but powerful tool to manage their day-to-day subscriptions, deliveries, and meal plans.
Problem
Dynamic Calendar
Create an unobtrusive but powerful component for quickly navigating subscriptions.

From wireframes through to hi-fi, it was clear that an interactive calendar component had to be primary in the screen hierarchy and remained sticky, in order to provide both context and a secondary navigation option. It was just a case of adding a visual treatment that didn’t distract from the content beneath. The 7 day preview is dynamic, reflecting content beneath on scroll. I crafted a design key to indicate deliverys and skipped days for glanceability. Adding a full calendar view dropdown also accounted for two user groups; reactive users that plan just a few days ahead, and power users that plan a month in advance.
Problem
Dynamic Calendar
Create an unobtrusive but powerful component for quickly navigating subscriptions.

From wireframes through to hi-fi, it was clear that an interactive calendar component had to be primary in the screen hierarchy and remained sticky, in order to provide both context and a secondary navigation option. It was just a case of adding a visual treatment that didn’t distract from the content beneath. The 7 day preview is dynamic, reflecting content beneath on scroll. I crafted a design key to indicate deliverys and skipped days for glanceability. Adding a full calendar view dropdown also accounted for two user groups; reactive users that plan just a few days ahead, and power users that plan a month in advance.
























Problem
Shop Sakara
Create a high conversion, small scale shopping experience in-app.

Following typical design patterns for e-commerce experiences, I introduced a simple architecture with a sticky segmented control for navigation. However, user behaviours indicated price point wasn’t a concern, so it was a concious decision to replace conventional sorting UX (price low to high, etc.) with just a filter by function - a unique selling point. A gift to any designer is a well rated product, so I leant heavily on social proof as a conversion technique, making ratings and reviews primary in the product view with an increased visual weight. Finally, I introduced a stripped back UI for the checkout flow, aligning with Sakara’s minimal brand whilst reducing friction at a critical stage.
Problem
Shop Sakara
Create a high conversion, small scale shopping experience in-app.

Following typical design patterns for e-commerce experiences, I introduced a simple architecture with a sticky segmented control for navigation. However, user behaviours indicated price point wasn’t a concern, so it was a concious decision to replace conventional sorting UX (price low to high, etc.) with just a filter by function - a unique selling point. A gift to any designer is a well rated product, so I leant heavily on social proof as a conversion technique, making ratings and reviews primary in the product view with an increased visual weight. Finally, I introduced a stripped back UI for the checkout flow, aligning with Sakara’s minimal brand whilst reducing friction at a critical stage.
















































Problem
Rewards
Craft a satisfying membership rewards system that encourages brand loyalty.

Using a minimal UI, I prioritised a clear progress indicator as the primary viewpoint to increase retention through gamification. I also opted for a layout that enhanced instant gratification, displaying actionable rewards first, followed by the benefits of other tiers. A muted palette allowed the bold CTA to stand out, encouraging users to spend points and increase time-in-app.
Problem
Rewards
Craft a satisfying membership rewards system that encourages brand loyalty.

Using a minimal UI, I prioritised a clear progress indicator as the primary viewpoint to increase retention through gamification. I also opted for a layout that enhanced instant gratification, displaying actionable rewards first, followed by the benefits of other tiers. A muted palette allowed the bold CTA to stand out, encouraging users to spend points and increase time-in-app.
























Results
4.7 Stars on the App Store.
Introduced a new high converting revenue stream for Sakara.
Enabled live, dynamic add-ons and reactivation functionality to upsell users.
Drastically reduced customer support tickets through streamlined subscription management and delivery tracking features.

Results
4.7 Stars on the App Store.
Introduced a new high converting revenue stream for Sakara.
Enabled live, dynamic add-ons and reactivation functionality to upsell users.
Drastically reduced customer support tickets through streamlined subscription management and delivery tracking features.
