← ALL WORK
FREELANCE · DESIGN + BUILDBRAND SITE · E-COMMERCE2017

Mountain Pet Company

A freelance brand and storefront for a Nepali exporter of Himalayan yak-milk dog chews — a genuinely unusual product that had to look credible to American pet owners.

Mountain Pet Company

THE MOUNTAIN PET COMPANY — DESKTOP AND MOBILE

ROLE
Sole freelance designer + front-end
SCOPE
Competitor audit, UI design, responsive build, QA
MARKET
Nepali producer selling into the USA
STACK
HTML, CSS, JavaScript
01THE BRIEF

Sell a product most buyers have never heard of.

A Nepali institution with a long export history in hard, dried yak-cheese dog chews needed a site for the US market. The product is all-natural, low-lactose, high-protein and hand-made by Himalayan farmers at 15,000 feet — none of which means anything to a shopper who has never seen a yak-milk chew.

So the site had two jobs: make an unfamiliar product feel safe to buy, and make its origin the reason to buy rather than a curiosity.

The provenance isn't decoration here — it is the entire product argument. Design it as the argument.
02RESEARCH

Audit the shelf the client wants to stand on.

Before designing anything I audited the US competitors the client would sit beside — Best Bully Sticks, Chewy, Cesar, Campfire — and found a consistent pattern: dense navigation, heavy promotional messaging, product-first photography, and almost no story about where anything comes from.

That gap set the strategy. Competing on catalogue depth or price against Chewy was not winnable; competing on origin was, because nobody in the category was doing it.

METHOD 01
Competitive UI audit
Four US competitors captured and compared on navigation depth, promotional density, photography and provenance storytelling.
METHOD 02
Category convention mapping
Noted what buyers already expect — shipping banner, search-first header, trust badges — so the site could keep the conventions and break only one.
METHOD 03
Positioning gap
Origin story was the only axis no competitor occupied, and the only one a small Nepali producer could actually win.
METHOD 04
Content inventory
Worked with the client to document the production process step by step — the raw material for the whole Our Process page.
COMPETITOR AUDIT — BEST BULLY STICKS, CHEWY, CESAR, CAMPFIRE
COMPETITOR AUDIT — BEST BULLY STICKS, CHEWY, CESAR, CAMPFIRE
03DESIGN DECISIONS

Four calls that made provenance the product.

Everything visual points at the same claim: this is made by hand, high up, by people who care about the method.

COLOUR
Himalayan night, not pet-shop bright
A deep slate-navy base with a single warm gold accent. The category defaults to bright primaries; going dark and cold makes the mountain photography the brightest thing on the page and reads premium rather than discount.
IMAGERY
Torn-edge masks on process photos
Production shots are masked with rough, hand-torn edges instead of rectangles — the handmade claim expressed in the frame, not just the caption. Used only on process imagery so it stays a signal.
TYPOGRAPHY
Condensed caps for headings, a script for heritage
Wide-tracked caps carry the utility headings; a single script lockup marks the origin story. Two voices, one for facts and one for heritage, and no ambiguity about which is which.
LAYOUT
Alternating image and text down the process page
Each production step is one full-width row, image opposite text, in the real order of the process. Scrolling the page is the same motion as following the method.
04UI CRAFT

The process page carries the whole story.

Milking, butter extraction, boiling and thickening — four steps, four rows, each with its own photograph and plain-language explanation. No jargon, no marketing adjectives; the method is impressive enough stated plainly.

OUR PROCESS — ALTERNATING ROWS IN THE REAL ORDER OF PRODUCTION
OUR PROCESS — ALTERNATING ROWS IN THE REAL ORDER OF PRODUCTION
HOMEPAGE — VISION, ORIGIN STORY, PRODUCT CLAIMS, CHEWS AND GALLERY
HOMEPAGE — VISION, ORIGIN STORY, PRODUCT CLAIMS, CHEWS AND GALLERY
05BUILD + QA

Designed and built single-handed, QA'd before handover.

I built the site responsive from my own designs, then ran a full pass of cross-browser and visual QA before client handover — the part of freelance work that decides whether you get referred.

Outcome

Delivered as a responsive brand and product site for the US market, QA'd across browsers and handed over to the client with the content structure their team could maintain.

My role

Sole freelance designer and front-end developer — competitor research, UI design, responsive build and QA.

Reflection

The competitor audit is what stopped me designing another bright, promotional pet store. Finding the one axis a small producer could win on, then building every visual decision — palette, masks, type, scroll order — to serve that single argument, is the part of this project I would still defend today.