Case study · Cafe & specialty coffee · Greenacre

Soft Sip

A soft pink cafe in Greenacre with a big social following and no website. The new site feels like walking in: photographic, a little indulgent, and one tap from the hours, the menu, delivery and the coffee cart.

Industry
Cafe, specialty coffee and a coffee cart
Location
Greenacre, South West Sydney
Launched
October 2026
Replaced
A holding page
Home page of the Soft Sip website on a desktop browser
The Soft Sip website on a phone

A cafe everyone could find on Instagram, and nowhere else

Soft Sip had a large Instagram and TikTok following and plenty of Google reviews, but no website. Searches for "soft sip menu" or "soft sip greenacre" landed on third-party listings with conflicting hours, and the coffee cart, Soft Sip on Wheels, had nowhere to send event enquiries.

The site had to feel like the room itself: pink, photographic and warm. It also had to answer the everyday questions in one tap, and publish one consistent set of facts that matches Google, so search engines and AI assistants stop guessing.

The goals

  • Feel like walking into the cafe
  • Answer hours, address, parking, the menu and delivery in one tap
  • Give the coffee cart its own page, with a way to ask for a quote
  • Publish one set of facts that matches the Google Business Profile

Pink cups, a pink room and blue type

The palette comes straight from the cafe's own logo kit, used as supplied and cleaned for the web. The site is light and warm, with a strong blue that keeps the pink from turning saccharine.

Palette

  • #edb2d1 Soft pink The brand pink: theme colour, photo tiles, the cart band
  • #fbeaf2 Pink tint Alternate sections and hover states
  • #d886b4 Deep pink Icons and accents
  • #fff8fb Background A barely-pink white, so even plain sections feel like the room
  • #0d499c Brand blue Headings and primary buttons
  • #3d85c6 Light blue Secondary accent
  • #1a2238 Ink Body text
  • #636b88 Muted Notes and small print, darkened to clear 4.5:1 everywhere

Pink with a strong blue is the cafe's own combination, and the blue headings give the pages structure without heavy dark blocks.

Typography

Headings

Outfit

Weight 700 with slightly tight spacing: round, friendly geometric letters that match the softness of the brand. Self-hosted and preloaded.

Body text

System UI

Familiar and quick on every phone, with nothing to download.

The Arial fallback is tuned to Outfit's measured widths, so every hero headline wraps to the same lines in both fonts and nothing shifts when the font loads.

Scenes, menu, cart and mobile

Full-screen scenes

Every hero is a full-bleed photo the height of the visible screen, copy bottom-left over a soft scrim. The home page reads as a sequence of screens, and snaps gently between them, never forcibly.

The menu by section

Coffee, signature lattes, matcha, smoothies and mocktails, breakfast, lunch and sweets, each with its own link that lands right under the header. No prices online; the priced menu is in the cafe and on the delivery apps.

Soft Sip on Wheels

A page of its own for weddings, corporate days, markets and parties: occasion cards, three steps to coffee at your event, what is included, a gallery and cart FAQs.

A photo never repeats

Built from a set of 30 showcase photos supplied by the cafe, cropped for each use, with a rule checked by an automated test: no photo appears twice on the same page.

Order delivery, in place

A small native menu lists Uber Eats, DoorDash and the phone number without leaving the page. It works without JavaScript and closes on an outside tap or Escape.

Tested on real phones

Viewports from 360 to 430px including short screens with browser bars showing, a sticky call and order bar with space reserved for it, and safe-area insets on notched phones.

Facts stored once, printed everywhere

Hand-written PHP 8.2 with no CMS, database or framework. Site facts, the menu, the cart, FAQs and redirects live in plain data files, so the hours in the footer, the contact page, the structured data and llms.txt can never disagree.

Lay out only what is on screen

Sections below the fold skip style and layout until the visitor nears them. On a 900-element page it cut main-thread time by about a third, and links into the menu still land in the right place.

Heavy things load on request

The photo viewer is built on the first tap, and the Google map on the contact page is a photo with a "Show the map" button until someone asks for it.

Photos never upscaled

AVIF and WebP from 480 to 1600px, never larger than the source, with JPEG fallbacks and accurate sizes.

Motion with manners

Photos drift slightly as they scroll past using the browser's native scroll timeline, only where supported. Hover effects have keyboard equivalents, and reduced motion turns off the snapping and drift.

One form, three topics

"Book the cart" opens the contact form with the cart already chosen, asking for date, location, times and guest numbers. Spam traps instead of a CAPTCHA.

A share card per page

Each page's card uses its own photo, with the logo and headline inside the central square that WhatsApp and iMessage crop to.

  • PHP 8
  • Full menu
  • Delivery links
  • Coffee cart quotes
  • AVIF / WebP
  • CSP

From a holding page to a complete cafe site

  • 95+Lighthouse performance, mobile
  • 100Accessibility, best practices and SEO
  • 0Layout shift
  • 7Indexable pages

Lighthouse figures: mobile, live home page, measured 19 October 2026.

See it live: softsip.com.au

Questions about the Soft Sip website

Question not here? Ask an engineer →

Why is the Soft Sip website built as full-screen photo scenes?

Soft Sip is a cafe people discover through photos of its pink room and layered iced lattes, so the site leads with those photos at full screen, one idea per screen. The page snaps gently between scenes, never forcibly, and stays still for anyone who has reduced motion turned on.

How do customers order from Soft Sip through the website?

Every page has an "Order delivery" button that opens a small menu with Uber Eats, DoorDash and the cafe's phone number, without leaving the page. The online menu shows every section but no prices; the priced menu is in the cafe and on the delivery apps.

How do you request the Soft Sip on Wheels coffee cart?

The "Book the cart" button opens the enquiry form with the coffee cart already selected, asking for the date, location, times and guest numbers. The cart is quoted per event, for weddings, corporate days, markets, school events and parties across Sydney.

How does a photo-heavy cafe website still load fast on a phone?

Photos are served as AVIF and WebP at the size each screen needs, and sections further down the page are not laid out until the visitor scrolls near them. The Google map and the photo viewer load only when someone taps for them, which keeps the first screen quick.

How does the website keep Soft Sip's hours consistent with Google?

The hours are stored once and printed from that single source into the footer, the contact page, the structured data and the plain-text file for AI assistants, matching the Google Business Profile. Changing them in one place updates all of them.

More websites we have built

Custom embroidery, DTF & streetwear · South West Sydney

south west apparel

A Next.js rebuild that puts custom embroidery and DTF printing first: 12 industry pages, a four-step quote form with artwork upload that goes straight to the workshop, and the streetwear shop behind it with Stripe Checkout.

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.

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.