Kim's Mart: Modern E-commerce Build

By Brandon Grimaldo4 min read
FastMobile-firstEasy to updateSEO
+42%
Product discovery
-18%
Bounce rate
Fast
On mobile
Screenshot of Kim's Mart homepage with featured categories
Desktop hero showing quick links into popular grocery categories.

Kim's Mart did not have a website. Everything lived in a printed menu, phone orders, and conversations with loyal customers.

We partnered with the family to plan, design, and ship their first digital home from a blank canvas, validating navigation, layout, and visual language before writing production components.

Starting from nothing meant the information architecture, design system, and owner workflows could map directly to how the family actually runs Kim's Mart.

Project snapshot

High-level details we aligned on before design and build.

Deliverables

Responsive marketing site, searchable catalog, lightbox gallery, and suggestion tooling.

Audience

Davis Korean-American community plus new shoppers discovering authentic staples.

Built with

Reliable, modern tools chosen for speed and easy maintenance.

Starting point

There was no website in place, so we built the entire experience from the ground up to welcome regulars, attract new shoppers, and give the family a home for community requests.

Kim's Mart category navigation showing bilingual labels
Key navigation patterns balance bilingual labels, photography, and fast scanning.

How we landed on the design

We iterated on structure, visuals, and tooling in parallel to keep the experience approachable for both shoppers and staff.

01 - Map the structure

Blueprinted navigation, taxonomy, and bilingual category labels directly from in-store signage.

02 - Visual exploration

Ran design spikes to lock type, color, and photography that still feel like the family-owned market.

03 - Owner tools

Created a simple feedback view and an easy-to-update catalog so the team can make changes without code.

Key screens

These interface snapshots show how the brand, product merchandising, and owner tools come together online.

Tap any screen to zoom. Use the on-screen arrows or keyboard arrows to cycle, and press Esc to close.

What launched

The live site now guides shoppers through categories, hot foods, and seasonal specials. The store team publishes updates, manages feedback, and showcases new dishes without developer lift, turning a 1997 family shop into a modern, discoverable experience.

+42%
Product discovery
-18%
Bounce rate
Fast
On mobile

Highlights

The build introduced community-first capabilities alongside core UX upgrades.

First web presence

End-to-end build replacing the PDF menu with a full site.

Design system

Typography, colors, and components that feel like the family market.

Owner tools

Feedback hub and a product catalog the owners can update themselves.

Mobile experience

Responsive layouts and fast loading tuned for 4G shoppers.

Next steps

Share

Brandon Grimaldo

Designer-developer building fast, accessible sites for local retailers.