Useto navigate
A FootFoundry case study · 2026

Rescuing
a homepage
that wasn't
selling
the brand.

How I redesigned India's premier sneaker store from a generic Shopify template into editorial confidence.

Shivangi Sudan Product Designer · Solo Redesign + About + Contact FF / 2026
02
The brief

It started simple.

FootFoundry — India's premier destination for authentic sneakers — was launching on Shopify using the Tinker theme. The homepage had already been designed by another designer on the team.

My initial scope was straightforward: design the supporting pages around an approved homepage. About. Contact. Wholesale. Build banners for collection pages. Hand off to dev.

That's not how it played out.

03
The pivot

Then the homepage got rejected.

The team didn't connect with v1. Before I could ship anything else, I was asked to redesign the homepage from scratch.

The brief had quietly changed shape. This wasn't about adding pages anymore. It was about defining what FootFoundry was supposed to feel like — and getting buy-in by showing, not arguing.

04
What I inherited

Version one.

Functional. Familiar. Forgettable.

v1 followed the playbook of the Shopify Tinker theme: hero banner, brand grid, audience tiles, best sellers, testimonials, signup. The boxes were ticked. The brand wasn't there.

"It looks like a shoe store. It doesn't look like this shoe store." — Internal feedback

05
What it was missing

It read like a template, not a brand.

01

Equal weight, no leader

Six sections, all visually competing. The eye had nowhere to land first. No hero moment, no narrative spine.

02

Default ecommerce energy

White cards on white background. Generic testimonial layout. The visual language of every Shopify store, not a sneaker destination.

03

A logo, not a voice

The brand name appeared. The brand didn't. No tone, no signature moves, no point of view. Replace the logo with any other store and the page still works.

06
Who it's actually for

Sneakerheads don't shop on Shopify themes.

India's sneaker buyer in 2026 is 18–32, drop-aware, and fluent in the visual codes of StockX, Hypebeast, Goat, KicksCrew. They scroll Highsnobiety. They know what hype looks like — and they expect the brand to speak the language.

~$3B
India sneaker market, 2026 — and growing in double digits
18–32
The core buyer. Hype-literate. Brand-skeptical. Visually demanding.
3s
The window before they decide if a site looks "real" or "sketchy"
07
Where the bar sits

The category has set the visual standard.

  • StockX
  • Goat
  • KicksCrew
  • Superkicks
  • Solethreads
  • VegNonVeg
  • Crep Protect
  • Limited Edt.

Premium sneaker DTC has clear codes: editorial photography, restraint, confident type, generous whitespace, a singular voice. The competitive set isn't just other Shopify stores — it's every brand on the buyer's feed. FootFoundry needed to look like it belonged there.

08
The new question

How might we make FootFoundry feel like a brand that deserves to sell hype?

  • Editorial confidence over template comfort
  • Cultural fluency over feature density
  • One clear voice, repeated everywhere
09
Principles

Three rules I gave myself.

01

Editorial, not ecommerce

The homepage is a magazine cover. One story leads. Everything else supports. No carousel, no badge soup, no competing CTAs.

02

Restraint signals confidence

Fewer CTAs. More whitespace. Trust the reader to scroll. The site should feel like it's not trying too hard — because it isn't.

03

The brand has a voice

Punctuation, copy, color all carry it. Every section heading ends in a deliberate mark. The voice is the system.

10
Visual language

Three colors. One signature.

Palette

Burgundy#7B1E2C
Ink#0F0F0F
White#FFFFFF

Burgundy is the brand's heartbeat — appearing once per section, never twice. Black does the heavy lifting. White lets it all breathe.

The signature

Section heading pattern
Trending Right Now.
Show Off Your Drip.
Don't Sleep.

A burgundy period closes every section heading. It's the smallest move on the site — and the one that makes everything feel like one thing.

11
Homepage · 1 / 3 — The opening

One product. One CTA. One mood.

The hero leads with a single product story — Skechers Nitro-Sprint, blue and orange against a confident graphic backdrop. One CTA: "Shop Now." No carousel, no badges, no clutter.

  • Replaced 3 competing CTAs with 1
  • Removed the brand-grid scroll above the fold
  • Hero is content, not chrome
12
Homepage · 2 / 3 — Browse with rhythm

Browse, but with a rhythm.

Three browse sections, three different layouts — but one consistent voice. The eye keeps moving because the page keeps changing pace.

  • Shop by Category. Round product tiles, horizontally scrollable
  • Trending Right Now. Three editorial product cards with prices
  • Promo strip. The brand color makes its first appearance
13
Homepage · 3 / 3 — From scroll to drop-list

From scroll, to drop-list.

The bottom half builds trust four different ways — each one earning a little more commitment from the visitor than the last.

  • Show Off Your Drip. UGC tagged grid — customers as the brand
  • Recent Reviews. Real photo, real text, real social proof
  • Trust strip. 100+ Vendors · 30+ Years · 2000+ Styles
  • Don't Sleep. Subway-imagery newsletter. The closer.
14
About page

A love letter to the culture.

The About page isn't a corporate origin story — it's a visual essay. A wall of hung sneakers (Jordans, Dunks, Yeezys, Sambas, NBs) opens the page. Then "Our Story." Then a "Built for the Culture." promotional band, in burgundy.

  • Editorial scenes — sneakers in gardens, in factories, in real life
  • Same trust strip as the homepage — visual consistency across the site
  • The "Don't Sleep." newsletter unit closes it — same closer, every page
15
Contact page

Even utility pages can be editorial.

A single still-life sets the mood — sneakers, a vintage red rotary phone, scattered envelopes, a tablet showing a map, all set against a red grid wall. The form below is restrained: name, email, phone, comment.

  • Two contact lanes, side by side: Call us. and Write to us.
  • Form spans full width — friction stays low, not high
  • Same "Don't Sleep." footer ties it back to the homepage's closing energy
16
The system

Patterns that scaled across the site.

PATTERN 01
The "." accent

Every section heading ends with a burgundy period. Smallest decision. Most felt one. Shows up on every page.

PATTERN 02
Burgundy trust strip

"100+ Vendors · 30+ Years · 2000+ Styles." Same band, same numbers, two pages. Reinforcement without repetition fatigue.

PATTERN 03
"Don't Sleep." closer

The newsletter unit appears at the bottom of every page. Subway image, urgent copy, single CTA. Consistent exit ramp.

PATTERN 04
Hero-first utility

About and Contact both open with a full-bleed editorial image before any form or text. Utility pages don't have to be ugly.

17
Before & after

From shop, to story.

Before · v1
After · v2

Same products. Same Shopify theme. Different point of view.

18
The full site

Every page, end to end.

19
Takeaways

What I learned.

01

A rejected design isn't a design failure.

It's usually a brand-fit mismatch. Diagnose the brand before redrawing the screens. The fastest fix is upstream of the canvas.

02

Mid-project means designing for trust.

Coming in to replace someone else's work means the team has to feel v2 is obviously right. That's a separate design problem from making it good.

03

The smallest decision is often the loudest.

The "." accent took five minutes to define and ten seconds to apply. It became the thing the team pointed to when explaining what made the site feel like a brand.

20
End

Thanks for scrolling.

Designed by Shivangi Sudan — with care, restraint, and a deep love for sneaker culture.

FootFoundry · 2026