Case study · Wedding & event florist · Sydney

Flowers by Drosia

A Sydney wedding and event florist with 30 years of experience, whose work sells itself in pictures. The site is one long, considered gallery built from the florist's Instagram photography, with a call or a text always in thumb reach.

Industry
Wedding and event florist, styling
Region
Sydney
Launched
October 2026
Built from
The florist's Instagram photography
Home page of the Flowers by Drosia website on a desktop browser
The Flowers by Drosia website on a phone

A portfolio that lived on Instagram

Arches of white roses, orchid cascades, long candlelit tables: the work was all on Instagram, which is a good feed but a poor shop window. It cannot be found for "wedding florist Sydney", it buries the best work under recent posts, and it asks people to sign in.

The site had to show the strongest photos big, in a considered order, on every screen size. It had to say in one line who the florist is and what she does, then get out of the way of the photos, and still load fast on a phone despite being almost entirely photographs.

The goals

  • Show the strongest photos big, in a considered order, on every screen
  • Make the next step obvious: call or text with the date, venue and look
  • Load fast on a phone, though the page is almost all photographs
  • Describe the business clearly to search engines and AI assistants, even as one page

Garden green, cream and candlelight

The colours frame the flowers without competing with them: foliage green, a florist's card cream, and gold that echoes ribbon, brass and candlelight in the photos.

Palette

  • #1f3d2e Garden green Header once scrolled, footer, the phone dock, saying bands
  • #2c5541 Green light Hover and secondary green
  • #f6f1e9 Cream The page ground, like soft paper
  • #1b1c18 Ink Text
  • #e4cd9c Light gold Italic words in headlines
  • #b8955a Gold The wordmark's "by" and accents
  • #e9cfc5 Blush Taken from the roses: the keyboard focus ring
  • #d4b57a Champagne The gradient on the main Call button

The one action that matters, Call, carries a champagne gradient so it reads as gilded rather than as a generic coloured button.

Typography

Display

Cormorant

A delicate high-contrast serif with a lovely italic, suited to weddings without tipping into script fonts that are hard to read. Self-hosted, regular and italic.

Labels and buttons

System sans

Small, widely tracked capitals: a classic stationery pairing with the serif.

A Times New Roman fallback with metrics measured over the hero copy means the headline does not reflow when Cormorant arrives.

The page, the photos and mobile

A full-screen hero of eight

Each slide carries its own eyebrow and caption, placed left, right or centre on wide screens, wherever it is clear of the couple or the arrangement, with shading only on that side.

A phone crop for every slide

Phones held upright get a hand-set 3:5 portrait crop of each photo, with the caption at the top or bottom wherever the photo has room. Each device fetches only the crop it shows.

Collages like a contact sheet

3:4 tiles in two to four columns with a hairline gap and occasional large feature tiles, arranged so every row ends full at every column count.

Sayings to rest the eye

Four large italic lines between the collages, alternating cream on green and green on cream: "Flowers say what words never could."

Alt text a florist would write

"Cascading pink orchids with red hydrangea and dark kale". A full-screen viewer opens any tile, with keyboard and swipe, and returns the page exactly where it was.

A dock in thumb reach

Once the hero has scrolled away, a floating green pill with Call and Instagram appears at the bottom of phone screens, clear of the iPhone home indicator.

One page, one content file, a real image pipeline

Plain PHP 8.2, one server-rendered page, no framework or database. The photo order, captions, crops, sayings and the pool of extra photos live in one content file, so a new running order is an edit, not a redesign.

Instagram to AVIF

A build script turns the chosen photos into AVIF and WebP: tiles at four widths, hero slides and bands up to 2400px, and separate tall crops for phones.

Space reserved, nothing shifts

Every image's real dimensions are recorded, so the page reserves its space and never moves as photos load.

The right opening photo

The first photo is preloaded at high priority, with a different file for portrait phones and for everything else.

A living collage

Every few seconds one photo in view fades to another from a reserve of extra work, so returning visitors see more of the portfolio. It pauses when the viewer is open or the tab is hidden, and stops under reduced motion.

Motion that waits its turn

Slow hero crossfades that wait for each photo to load rather than show a blank frame, swipe and arrow-key control, and a timer that restarts after a manual change.

No embeds, no forms

All CSS inline, one deferred script, a strict Content Security Policy, no Instagram embed and no font service: the site links to Instagram rather than loading it.

  • PHP 8.2
  • Single page
  • Instagram archive to AVIF
  • Image sitemap
  • CSP

Fast, though it is almost all photographs

  • 98Lighthouse performance, mobile
  • 100Accessibility, best practices and SEO
  • 0Layout shift
  • 78Photos in the image sitemap
  • 8Hero slides, each with a phone crop
  • 0Third-party requests besides analytics

Lighthouse figures: mobile, live home page, measured 19 October 2026 (a single run; scores vary slightly between runs).

See it live: flowersbydrosia.com.au

Questions about the Flowers by Drosia website

Question not here? Ask an engineer →

Why did Flowers by Drosia get a single-page site rather than a multi-page one?

A florist's clients decide on the photos, so the site is one long gallery with a single clear call to action, rather than menus of thin pages. One page also loads and updates quickly, and the image sitemap still lets every photo be found in Google Images.

How do the Flowers by Drosia photos look right on both phones and laptops?

Every hero photo has two crops: the full 16:9 frame for wide screens and a hand-placed 3:5 portrait crop for phones held upright, with the caption moved to the top or bottom wherever the photo has room. The browser fetches only the crop it is going to show, in AVIF or WebP.

Does the Flowers by Drosia website load its Instagram feed?

No. Embedding a feed would slow every visit and pull in Instagram's scripts. NGN chose the strongest photos from the account, turned them into fast web images in a deliberate order, and the site links to Instagram for the latest posts.

What is the "living collage" on the Flowers by Drosia website?

Every few seconds one photo on screen fades into another from a reserve of extra work, and the replaced photo goes back into the reserve, so a returning visitor sees more of the portfolio without the page getting longer. It only changes photos that are in view, and it stops entirely for visitors who have asked their device for reduced motion.

Why is there no enquiry form on the Flowers by Drosia site?

Wedding and event enquiries need a conversation about the date, the venue and the look, so the site asks for a call or a text. A floating Call and Instagram dock appears on phones once you scroll past the opening photos, so the next step is always under your thumb.

More websites we have built

Mobile detailing · Northern Rivers

northern rivers detailing

A Squarespace site rebuilt from the ground up: every ranking URL kept, a night-sky design taken from the owner's emblem, customer videos self-hosted with transcripts, and a "text a photo" button that turns a phone into a quote request.

Landscaping · Bayview

northern beaches landscapers

A WordPress site rebuilt from scratch: all twelve service URLs kept, every old page and photo redirected, structured data for each service, and the Google Business Profile linked as the same entity. Live Google reviews, loaded on the server.

Boat, car & caravan detailing · Ingleside

shiny detailing

A WordPress site rebuilt for a mobile detailer: six service pages for boats, caravans, trailer boats and cars, real job photos throughout, a call bar on every phone screen, and a /review/ link that sends customers straight to Google.

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.