Case study · Custom embroidery, DTF & streetwear · South West Sydney

South West Apparel

A South West Sydney workshop that embroiders and prints uniforms in house, and sells its own streetwear. The old site was a shop with one line about custom work. The rebuild puts custom apparel first and keeps a real shop behind it.

Industry
Custom embroidery, DTF printing and streetwear
Region
South West Sydney
Launched
October 2026
Replaced
An older custom PHP shop
Home page of the South West Apparel website on a desktop browser
The South West Apparel website on a phone

The custom work paid the bills, and got one line of copy

South West Apparel embroiders and prints uniforms for local businesses: tradies, towing companies, cafes, barbers, real estate offices, care providers, gyms and schools. The old site was set up as a streetwear shop, and the custom work, where the business makes its money, got a single line.

The rebuild had to flip that: custom apparel first and the shop second, every custom page ending in a quote prompt, and local rankings for uniform, workwear and embroidery searches across Bankstown, Liverpool and South West Sydney.

It also had to publish only verified facts. No made-up client counts, turnaround times or minimum order quantities.

The goals

  • Custom apparel first, shop second, both on the home page
  • Turn visitors into quote requests, with a call always one tap away on a phone
  • Rank locally and give answer engines clear facts to quote
  • Keep a real shop: variants, stock, wallets, buy now pay later, order emails and invoices
  • Keep the SWA logo, the name and the black streetwear look

Gold thread on a black garment

Two registers, one brand. The custom side is built for business owners on light paper surfaces with ink-black bands; the shop keeps the same light pages, where black garments stand out, and gets its streetwear mood from ink heroes and the gold accent.

Palette

  • #0b0b0c Ink Header, footer and the black stages behind photos
  • #f7f6f3 Paper The page
  • #ffffff White Cards and product tiles
  • #d4a72c Gold Buttons with ink text, rules, rings, focus on ink
  • #ffd54a Bright gold Large numbers and sale prices on ink
  • #8a6a14 Deep gold The accent as text on paper: links, eyebrows
  • #5b5b60 Muted Secondary text, 7:1 on paper
  • #141416 Body text Text on paper, and raised ink surfaces

An early draft used several accent colours, and the owner felt it looked "like a rainbow" and asked for gold throughout. So there is one accent hue in three strengths, each chosen to pass contrast where it is used: gold is never text on paper, where it would only reach 2.1:1. Red and green appear only for states, always with words.

Typography

Headings, buttons, prices

Archivo

A variable grotesque trimmed to weights 500 to 800, with tight tracking. Its slightly condensed, sturdy forms suit workwear labels.

Body text

System UI

No font download for body copy, and it never reflows.

Headings are fluid, from 2.5rem to 4.5rem for the H1, and uppercase is kept for small eyebrows and labels only.

Motif, layout, imagery and mobile

A running stitch

A 2px dashed rule in gold at 40% opacity, drawn from the embroidery itself, used as a divider at most once per screen. It moves on the compositor, never by repainting.

Two doors on the home page

Custom and Shop, with the custom path first and carrying the main button. Then a strip of four true facts, a marquee of client names, recent jobs, how ordering works, reviews, the shop and industries.

Real photos only

Customer jobs on mannequins and people, the embroidery machine at work, and product shots. No stock, nothing generated. Cut-out product shots always sit on a white tile with a hairline and soft shadow.

A gallery you can filter

Our Work filters by industry, garment and decoration, with a native dialog lightbox that sizes its frame before the image loads, so it never jumps, and supports keyboard and swipe.

First screen, first try

Heights in svh so browser bars never hide the hero, a header measured before first paint, 16px inputs so iOS does not zoom, and a sticky Call and Get a quote bar on the custom side.

WCAG 2.2 AA, checked by script

Every colour pair is contrast-checked automatically, focus rings are visible on paper and on ink, and the reviews carousel has a pause button.

A marketing site and a real shop, one codebase

Next.js with React and strict TypeScript, Tailwind CSS with design tokens, and PostgreSQL. Marketing pages are pre-rendered; shop pages refresh on a timer and after edits.

A four-step quote wizard

Garments and sizes, decoration, artwork upload, then a review before sending. The request lands with the workshop, which replies with a price and a confirmed turnaround.

A shop that does it all

Colour and size variants with stock per variant, a cart drawer, hosted Stripe Checkout with Apple Pay, Google Pay, Afterpay and Zip, branded order emails and PDF invoices, prices in AUD including GST.

Passwordless accounts

Customers sign in with a link sent by email, and the owner has an admin area for orders, quotes, products, discounts and reviews.

Spam checks that fail safe

Every public form has an invisible spam check, and if it ever fails the visitor sees the phone number rather than a dead end.

Light on the main thread

Sections below the fold skip rendering until they are near, session and cart requests wait until the page has settled, and the only third-party scripts are analytics and, at checkout only, Stripe.

A strict security policy

A Content Security Policy with a fresh nonce on every request.

  • Next.js
  • TypeScript
  • PostgreSQL
  • Stripe Checkout
  • Quote wizard
  • Tailwind CSS

Custom work first, and fast

  • 95+Lighthouse performance, mobile
  • 100Accessibility, best practices and SEO
  • 57Indexable URLs in the sitemap
  • 12Industry pages
  • 21Product pages
  • 21FAQ answers

Lighthouse figures: mobile, live home page, measured 19 October 2026. Page counts are from the live sitemap.

See it live: southwestapparel.com.au

Questions about the South West Apparel website

Question not here? Ask an engineer →

Why does the South West Apparel home page have two doors?

The business has two kinds of customer: businesses ordering uniforms and people buying streetwear. The home page gives each its own path, and the custom path comes first and carries the main button, because quote requests are where the work comes from.

How does the quote form on the South West Apparel site work?

It takes four steps: garments and sizes, decoration (embroidery or DTF), artwork upload, then a review before sending. The request goes straight to the workshop, which replies with a price and a confirmed turnaround, so nobody has to re-type an email.

Why is gold the only accent colour on the South West Apparel site?

The owner felt an early multi-colour draft looked "like a rainbow" and asked for gold throughout. Gold appears in three strengths so it passes contrast everywhere: bright gold on black, a deeper gold for text on the light pages, and the base gold for buttons.

Does the South West Apparel site use stock photography?

No. Every photo is the business's own: finished uniforms, the embroidery machine at work and the streetwear range. Pages without a suitable photo yet use a plain ink stage with the stitch motif until one is supplied.

More websites we have built

Luxury chauffeur service · Sydney

prestige chauffeurs

The marketing and search site for a Sydney chauffeur service, built on the Next.js App Router: 240-plus service, fleet, suburb and venue pages that lead into the Limo Anywhere booking system, with every old WordPress URL kept, redirected or retired.

Open-source project site · Worldwide

powerdns-authadmin

A static site for an open-source PowerDNS web UI: features, a comparison with PowerDNS-Admin, a live demo and real screenshots in light and dark, built by a zero-dependency script with SoftwareApplication markup so searches and AI assistants find it.

Italian deli & cafe · Narraweena

rose's continental deli

A first website for Rose's Continental Deli, in Narraweena since 1995: its navy and gold logo redrawn as vectors, a map drawn from OpenStreetMap in the brand colours, live Google reviews, and one structured-data entity that matches its Google profile.

See more of our work

What our clients say.

5.0 from 19 Google reviews

We have used Next Generation Networks for several custom solution projects that went well beyond the standard scope listed on their website. Every time, the team has been exceptional—genuinely enthusiastic about tackling complex challenges and consistently delivering solutions that exceed…

James Johnson View on Google

Great job updating our webpage and always very helpful.

Yvonne Barnes View on Google

The best, love these guys!!!

Pro Wet & Dry View on Google

Great internet and phone service, excellent customer service.

Fiori Mercuri View on Google

Our network dropped during peak hours. NGN redesigned our infrastructure with automatic failover redundancy after-hours with zero downtime. Flawless stability ever since!

Portia Goldstien View on Google

Read all 19 reviews Leave us a review

Want a website like this one?

Tell us about your business and your current site. We'll come back the same business day with an honest assessment and a plan.

Australia

1300 096 253

International

+61 2 8287 3300

Location

Sydney, NSW, Australia

Hours

Open 24 hours, 7 days

Send us a message

We reply the same business day

This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.