← projects

Tally

A grocery price comparison app. Build your cart once, see the real total across stores including all fees, then decide where to shop.

Three phone mockups: returning user home with search and savings snapshot, comparing prices loading state, and cart results across Walmart, King Soopers, and Safeway.

Overview

Tally is a centralized grocery price comparison app. It tackles a real and overlooked problem: the mental and emotional weight of comparing grocery orders across multiple stores and delivery platforms.

Users build their cart once inside Tally. The app calculates the real total cost across multiple stores, including delivery fees, service charges, and taxes, then redirects to the store with the best deal. The whole experience is designed to reduce stress, not add to it.

The goal is not to replace grocery apps. It is to make the choice between them easier, faster, and more honest.

The problem

Walmart, King Soopers, Safeway, Instacart, Amazon Fresh, Target. Each has different prices, different availability, and fees that only appear at checkout. Finding the best deal means rebuilding your cart on every platform and keeping the math in your head.

The deeper issue is not just time. It is the mental drain. Hidden fees, unclear totals, and repeated comparison create decision fatigue and uncertainty. Users are not only trying to save money. They are looking for the confidence to stop searching.

Too many platforms. Too many hidden fees. The same cart, rebuilt every time.

Project objectives

  1. Examine how users currently compare grocery prices across platforms and identify where time and mental effort are lost.

  2. Study existing price comparison tools to understand patterns, limitations, and opportunities for improvement.

  3. Identify key pain points related to price transparency, fee breakdowns, and fragmented comparison workflows.

  4. Design UX flows that allow users to compare individual item prices and total cart costs within a single app.

  5. Create an interface that presents complex pricing information in a clear, structured, and scannable way.

  6. Design and test a prototype that demonstrates how centralized comparison can reduce confusion and decision fatigue.

Market context

Grocery inflation keeps rising. Delivery fees are often unclear until checkout. Consumer Reports recently found that Instacart runs AI pricing experiments, charging different users different prices for the same item at the same store.

Competitive landscape

Existing tools focus on individual item prices, deal alerts, or single-store catalogs. None combine full basket comparison, true total cost with all fees, and a clear recommendation in one place.

Platform
Full basket
True cost + fees
Clear recommendation
Instacart
·
·
·
GroceryDealz
·
BasketSavings
·
·
·
Browser extensions
·
·
·
Tally

Browser extensions like Honey and Capital One Shopping apply coupons but are fundamentally web-only tools. They cannot compare totals across stores or work inside grocery delivery apps. International references like Trolley.co.uk, Frugl, and Cisean have validated demand for basket-level comparison, but none have launched in the US.

Behavioral background

Secondary research surfaced three cognitive patterns driving the problem.

Primary research: survey

A short survey was distributed to gather quantitative insight into how often people compare prices and what makes the process difficult. Respondents were primarily 23 to 32 year olds who shop for groceries online regularly.

Primary research: interviews

Four one-on-one interviews were conducted with US-based adults who order groceries online at least twice a month. Sessions covered current behavior, emotional pain points, fee transparency, and what confidence would actually feel like. Themes were captured through affinity mapping.

Research synthesis

Four findings that shaped Tally.

  1. Cart rebuilding is the biggest pain point

    Re-entering the same items across multiple platforms is the most consistently named frustration. Every interview surfaced it within the first five minutes.

  2. Fee hiding destroys trust

    Service fees, dynamic pricing, and surprise charges make the final total unpredictable. Users feel misled at checkout, even on platforms they pay for.

  3. Decision fatigue causes people to give up

    Many users stick to a single platform out of exhaustion, not loyalty. The act of comparing feels worse than the prospect of overpaying.

  4. People want a recommendation, not a spreadsheet

    They do not want more data. They want something to say: this is your best option, and here is why. They want permission to stop searching.

Users are not just searching for the cheapest option. They are searching for the confidence to stop looking.

Design response

Tally answers the research with four core ideas. Each one maps directly to a finding.

Information architecture

The app is organized around four sections, accessed through a bottom navigation bar.

Core user flow

The core journey moves from home to redirect in six steps. No platform selection. No cart rebuilding. No surprises.

Key screens

Visual identity

The Brand

A visual identity built for trust and calm.

Brand strategy

Most grocery and delivery platforms are built to drive action, not clarity. Tally positions itself differently: less like a marketplace, more like a financial tool.

The problem with existing brands

  • Discount-heavy visuals and urgency cues
  • Loud, competing color systems
  • Promotional messaging over real cost
  • Interfaces that feel busy and inconsistent

Tally's approach

  • Visual restraint instead of promotion
  • Deep, grounded colors that signal stability
  • Clean typography that supports clarity
  • A tone that informs, not persuades

Design and name exploration

Logo and naming explorations from Prowl to Tally.

Logo

That double meaning shaped the logo: the two lowercase "ll" characters are drawn to visually echo tally marks, with a soft smile placed directly below them. The result is a mark that is functional, warm, and immediately readable at any size.

Tally wordmark: light and dark variants side by side.
Two stylized tally marks.
Tally marks
from "ll"
Tally marks with a smile curve below.
Smiling face
below marks
Responsive Tally logo: full wordmark, smaller wordmark, and icon-only mark.
Responsive logo
Tally app icon in iOS dock, App Store listing, and home screen.

Color system

Deep green anchors the brand in stability and confidence. Orange provides warmth and guides attention without creating urgency. Mint softens the experience for longer use. Lime is reserved for savings callouts and small accent moments.

Tally color system with hex codes for forest green, lime, mint, orange, and white.

Typography

Sora is the primary typeface. It carries the Tally brand in headings, navigation labels, price figures, and buttons. Plus Jakarta Sans handles body copy and descriptions, bringing warmth and readability to longer text.

Brand wordmark

Porky

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz
0123456789 $63.92

LOGO

App primary

Sora

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz
0123456789

HEADINGS, NAV, PRICES, BUTTONS

App body

Jakarta

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz
0123456789

BODY, DESCRIPTIONS

Type scale

$63.92 Display  ·  48px  ·  800
Weekly Groceries Screen title  ·  24px  ·  800
Your cart · 4 items Section  ·  18px  ·  700
Search items or brands... Body  ·  14px  ·  400
SAVED THIS MONTH Label  ·  10px  ·  700

Iconography

All product icons are drawn from a single Lucide-based library with rounded joins and a 2px stroke. Food and grocery items use emoji exclusively, with no icon illustrations. This keeps the icon system consistent and the product catalog expressive without requiring a custom illustration set.

Grid of Tally UI icons: cart, search, bag, card, and more on forest green.

Character design

A geometric mascot appears during onboarding, empty states, and marketing. It never appears in the main product interface. Its role is warm and ambient, providing a human touch without distracting from the core task.

Tally mascot in five poses: shopping cart, location, bags, loyalty card, and thumbs up.

Brand voice

Calm, direct, and honest about trade-offs. The way Tally talks is as important as how it looks.

Applications

The brand system applied across product and marketing contexts.

Outdoor billboard mockup for Tally comparing grocery prices across stores.
Tally branding on canvas tote bags.

Reflection

User research revealed a clear pattern: even after making a decision, people still felt overwhelmed and unsure. What users needed wasn’t more features, but more clarity.

The initial instinct was to add more: filters, data, and control, but feedback showed that this only increased the burden. Users wanted less: less choice, less doubt, and less effort to feel confident.

That insight shaped the product. Each round of feedback made it clearer that the design improved by removing, not adding, proving that good problem-solving is often about knowing what to cut.