Skip to content

Live product

Tiffin

UX Designer / Product DeveloperNovember 2025 – Present
Visit tiffin.nyc (opens in a new tab)
Tiffin on a tablet, showing the redesigned tiffin.nyc home page in cobalt and saffron: a scrolling ticker reading “Free delivery, Tuesday to Thursday, Fresh ingredients”, the headline “Indian food you can eat every day.” with an Order Now button, a map of the Brooklyn delivery area, and the upcoming tiffins.Tiffin on a phone, showing the redesigned mobile home page with the delivery ticker, headline, and delivery-area map.

Overview

A Brooklyn meal delivery service built around Indian home cooking, designed and developed end to end.

Tiffin delivers a complete meal — a main, a grain, a side, and a salad — for a flat $20, from a menu that rotates weekly. Behind the customer-facing site is a complete administration dashboard for tracking order fulfillment and viewing customer analytics, all backed by full database integration.

I designed the product in Figma and built it in Replit. It is live today, serving customers across Bed-Stuy, Bushwick, Fort Greene, and Downtown Brooklyn.

Customers
260+
Meals served
900+
Repeat customers
100+

What I designed and built

  • Customer ordering site

    Weekly rotating menu, delivery-area map, and a day-by-day ordering flow for lunch and dinner, responsive from phone to desktop.

  • Admin dashboard

    A complete back office for tracking order fulfillment and viewing customer analytics.

  • Database integration

    Full database integration behind both the customer ordering site and the admin dashboard.

The redesign

The first version of Tiffin was a neutral, system-font storefront. The redesign gives it a louder identity built on cobalt and saffron, a chunky slab display face, and a monospace body, with offset shadows on every button and card. It also tightens the home page around the one thing customers come to do: see what’s cooking and order it.

The original Tiffin mobile home page: a black sans-serif headline on cream, a plain hamburger menu, and a delivery map framed by blue “Get Tiffin” banners.
Before
The redesigned Tiffin mobile home page: a cobalt slab-serif headline with a saffron shadow, a saffron delivery ticker under the nav, and the map in an offset-shadow card.
After

What changed

  • Three-item navigation

    Order Now, Orders, How it Works, About Us, and My Account collapsed into Order, About, and Account. How it Works now lives on the About page.

  • Map beside the headline

    The delivery-area map moved up next to the headline, with Order Now right below the pitch instead of further down the page.

  • Delivery ticker

    A scrolling saffron band under the nav (free delivery, Tuesday to Thursday, fresh ingredients) replaces the “Get Tiffin” banners that framed the map.

  • Menu cards

    Solid cards with an offset shadow replace the dashed outlines, with dietary tags on each dish and a legend underneath.

Typography

DisplayUpcoming Tiffins
HeadingUpcoming Tiffins
BodyA main, a grain, a side, and a salad.
LabelA main, a grain, a side, and a salad.

Holtwood One SC for display, IBM Plex Mono for everything else.

Color

Cobalt
Saffron
Paper
Surface
Ink
Green
See more work