Skip to content
ONXCODE

E-commerceLive, public site

Happy Socks

Global fashion brand

A global fashion storefront in Nuxt: six languages, fifteen storefronts and pixel-exact design, kept fast under the weight of a real catalogue.

Screenshot: A campaign version of the homepage. The hero, copy and product rail change with the season, so this page exists in several versions at once.
A campaign version of the homepage. The hero, copy and product rail change with the season, so this page exists in several versions at once.

Results

  • 34

    Market and language variants

    All from one codebase

  • 6

    Languages

    Each with its own SEO signals

  • 15

    Storefronts

    Including separate .au and .jp domains

The challenge

An international fashion brand sells across fifteen storefronts in six languages from a single codebase, runs campaign versions of its homepage and collections, and has to hold a design-led brand to the pixel. All of that had to happen without a large catalogue, heavy imagery and a dense set of commercial rules slowing the store down.

What mattered most

  1. 134 market variants, one codebase
  2. 2Pixel-exact to a design-led brand
  3. 3Fast with the full catalogue in play

What we built

  1. 01Performance

    Performance under a real catalogue

    Thousands of product images, variant logic, promotions, stock rules and market-specific pricing all sit on the path of a shopper who will leave if the page stalls. The work was keeping that path short and the payload disciplined with every rule still in play.

  2. 02Localisation

    Thirty-four locales, one codebase

    Six languages across fifteen storefronts, routed by market rather than duplicated per market. Currency, pricing, availability and copy resolve per locale, and the Australian and Japanese domains run on the same build instead of forks.

  3. 03Design

    Pixel-exact to a design-led brand

    People buy Happy Socks for how it looks, so the tolerance between design and shipped page was zero. Type, spacing, colour and motion match the design, and that fidelity survives every locale, where the same layout carries text of very different lengths.

  4. 04Campaigns

    A homepage in several versions

    Campaigns replace the hero, the messaging and the featured rails. The page is composed of swappable sections, so marketing can run several versions without a code change for each.

  5. 05Commerce

    Collection pages that stay fast under filters

    Category and collection pages carry the heaviest load, with large grids, filtering and variant imagery, and they are also where search sends people. They render usefully on the server and stay responsive as a shopper narrows the set.

  6. 06SEO

    SEO multiplied by every market

    Every locale declares hreflang for the others plus an x-default, with canonicals and metadata resolved per market. Structured data, crawlable server-rendered pages and clean URLs per storefront complete it.

The outcome

A storefront that sells in thirty-four market variants from one codebase, looks exactly like the brand designed it, and stays fast with the full catalogue in play.

Let's build

Have a bottleneck worth solving?

Tell us where your platform is holding you back. A senior engineer will map the fastest route from problem to production.