← Work/Case study · uMart
Retail & convenience · Full rebrand

The corner store, reborn.

Four busy outlets, loyal regulars, and a brand that undersold all of it. We rebuilt uMart from the foundations up — identity, voice, pattern, and the website that carries them — documented in a 16-page brand guide.

Brand identityLogo systemColour & typeVoice & toneBrand patternWebsite
The client

One promise: convenience should not be a luxury.

uMart provides everyday essentials at fair, supermarket-level prices — no "convenience tax," ever — across four outlets in Balestier, Boat Quay, Katong and Sims Drive. The stores had the substance; the brand had none of it.

We distilled who uMart actually is into one personality — the dependable, no-nonsense neighbour with a fun streak — and rebuilt everything around it.

AccessibleWelcomingCuratedDependableRefreshing
The foundations

Mission, vision, value — settled first.

Mission

Prove that a convenience store can be highly profitable while charging fair, supermarket-level prices — no 'convenience tax', ever.

Vision

Become Singapore's most trusted neighbourhood retail brand: everyday affordability without the markup, growing only when the location is right.

Value

Uncompromising integrity. Never mislead, never overcharge, never exploit a customer's need for convenience.

The logo system

Same pin. Whole new posture.

uMart's previous logo
Before

The old mark

A heavy pin-and-target with clip-art energy — hard to read small, harder to love, and carrying none of the warmth the stores actually have.

uMart's new primary lockup
After · Primary lockup

Tittle lockup + speed flanks

The heritage pin survives — shrunk to a tittle over the 'u' — flanked by speed stripes in red, sky and midnight. Friendly, fast, and finally legible at every size.

uMart app icon — pin over u on red tile
Icon — pin over 'u' · app / favicon / social

The rules that keep it tidy

  • The pin sits over the 'u' only — never another letter. Pin = 15.5% of wordmark size.
  • Flanks: top + bottom stripes equal, middle stripe 55% length. Order: red, sky, midnight.
  • Clearspace = the height of the 'u' on all sides. Minimum wordmark width 96px / 24mm.
  • The logo never recolours — white plate or approved colorways only.
Colour

Five colours, strictly rationed.

The old red-and-black read as harsh and strict — more warning label than welcome mat. uMart asked for the opposite: vibrant, warm and easy to walk into. Cherry Red stays as the hook but softens, flat black becomes a friendlier Midnight, and Sky, Sunshine and Warm Paper open the palette up — rationed so it reads cheerful, never loud.

Cherry Red
#E63946
Primary — logo pin, stripes, CTAs, sale moments
Sky Blue
#4CC9F0
Secondary — stripes, highlights, cool backgrounds
Midnight
#22223B
Ink — wordmark, body text, dark surfaces
Sunshine
#FFC53D
Small accent only — pattern sparkle, deal tags
Warm Paper
#FFF8F0
Background — default light surface
20% 15% 25% 35%

Proportions — how the palette is balanced (sunshine capped at 5%)

Typography

One voice, four registers.

The brief was practical: type that stays legible everywhere — a phone screen, a shelf-talker, a backlit signboard. So the stack is built from complementary faces that pair cleanly instead of clashing: Outfit for the wordmark and headings, Work Sans for body, DM Mono for the fine print — four registers, one comfortable voice.

Aa Bb 0123 $%
Outfit Bold
Wordmark + all headings — headlines, prices, hero copy. One voice from logo to layout.
Aa Bb Cc 0123
Outfit Regular
Subheadings + UI — nav items, buttons, intro lines
Aa Bb Cc 0123
Work Sans
Body — product copy, web text, service info
AA BB 0123
DM Mono
Labels — eyebrow text, price-tag metadata, SKU codes
New this week
Imported sodas from $2.20
Less commonly available finds, fairly priced – only at your neighbourhood uMart.

The stack in action — a shelf-talker set entirely in system type

Voice & tone

How uMart sounds.

Everyday prices.
Everyday surprises.
Working tagline — conversational, honest, lightly playful

Say

  • "Everyday prices" / "fair prices"
  • "Delightful discoveries" / "less commonly available"
  • "Welcoming neighbourhood spaces"
  • Clear, warm, direct sentences

Avoid

  • "Cheapest in town!" / blowout-sale jargon
  • Negative framing of competitors
  • Corporate stiffness, marketing buzzwords
  • Any tobacco reference in public materials
优超市
超市和你,超适合你。
Localised signage +
festive campaigns
The brand pattern

Pin Confetti.

The pin multiplies into confetti — three colorways for three jobs. Spacing is part of the pattern: one pin per 420px tile, never compressed, scaled by whole tiles. At 30% tint it sits behind web content and the Grab app.

On Midnight — bags, wrapping, festive skins
On Cherry Red — hero surfaces, campaigns, storefronts
Light on Warm Paper — web sections, receipts, uniforms

Festive flexing allowed — pattern colours may flex for LNY, National Day and Deepavali; the logo never recolours

Iconography

Drawn in the pin's language.

Every icon speaks like the logo: midnight stroke, rounded ends, and exactly one red detail — never more. 10px stroke on a 300px artboard, sitting on paper-tint tiles, never on the pattern.

Basket
Drinks
Shopee pick-up
Bounce luggage
Open late
Deals
Frozen & treats
Find us

The working set — from aisles to add-on services, one family

The rebuild

Then the brand got a home.

The identity ships on a website rebuilt from scratch — aisle-first navigation, the three answers every visitor wants promoted to the hero, and a four-outlet finder that walks people to the nearest open store.

uMart's redesigned homepage
The delivery

Everything that shipped.

Brand identity guide

16 pages — foundations, logo system, usage rules, misuse examples.

Logo system

Primary lockup, wordmark, app icon — with clearspace and minimum sizes.

Colour & typography

Five-colour palette with proportions; Outfit, Work Sans and DM Mono stack.

Voice & tone

Tagline, say/avoid guardrails, bilingual signage line (优超市).

Pin Confetti pattern

Three colorways, tiling rules, and festive flex system for LNY, National Day, Deepavali.

Applications

Signboard, storefront, uniforms, price labels, carrier bags, Grab & delivery-platform kit.

Website design & build

Full redesign and development, aisle-first IA.

4-outlet locator

Store finder with hours, directions and preferred-store enquiry.

Copywriting

Positioning line, page copy, and the bilingual ticker.

Your brand next

Underselling yourself somewhere?

If your business is better than your brand lets on, that's fixable. Tell us what you do — we'll make it look and sound like it.

Start a project
Ready to grow — the measurable way?