Our Work·Project·Melbourne, VIC

Forever flowers, sold online

Soft Florals

An online shop for a Melbourne studio that twists flowers by hand from pipe cleaners, with Stripe checkout and delivery Australia-wide.

Client
Soft Florals
Location
Melbourne, VIC
Scope
Online shop, Stripe checkout, event enquiries
Built with
React, Node, Express, Stripe
Soft Florals homepage hero: Flowers that never fade

The project

Soft Florals is a small Melbourne studio where every bouquet is twisted by hand, petal by petal, from pipe cleaners. We built their shop: ten bouquets, a cart that remembers, and a Stripe checkout that posts anywhere in Australia.

  • A page for every bouquet
  • Stripe checkout with coupons and express post
  • Enquiries for weddings, birthdays and corporate work

Homepage

A homepage that leads with the flowers.

The collection sits one scroll below the hero, with Add to cart under every bouquet.

The Soft Florals homepage from the hero down: the collection, why Soft Florals, the studio story, care tips and the markets they have been to
The Soft Florals homepage, Flowers that never fade, on a desktop screen
Soft Florals shop page with the medium bouquets in a row
The Soft Florals homepage and the Peach Sorbet product page on two phones

Counted from the shop’s catalogue and checkout settings.

10
Bouquets in the shop
2
Sizes, $60 and $110
4
Event types taken on
$150
Free shipping from

Page by page

Every page does one job.

01 Shop

Ten bouquets in two sizes.

Single-tone medium posies and larger mixed bouquets sit in their own groups, each with its photo, name and price.

Bouquets
10
Sizes
Medium $60, large $110
Photos
Every bouquet shot in hand
Soft Florals shop page: Every little flower we make, with the medium bouquets in a row

02 Product page

Each bouquet tells its own story.

Photo, description, price and quantity up top, with shipping, care and custom-order answers folded underneath.

Panels
Shipping, care, custom orders
Save
Keeps a bouquet for later
Soft Florals product page for Soft Blue: photo, $60 price, quantity and Add to cart
Soft Florals product page for Peach Sorbet, a large mixed bouquet at $110

03 Checkout

Paid for on one page.

Delivery details, standard or express post, a coupon field and a Stripe payment form, with the total checked on the server.

Delivery
Standard $12, express $15
Free post
On orders over $150
Payment
Stripe
Soft Florals checkout: delivery details and method beside an order summary with two bouquets and a coupon field

The rest of the site

Built to the same standard.

About, contact, the cart and more bouquet pages, all part of the same build.

The Soft Florals about page: made by hand on the kitchen table, wrapped and packed to gift, and the studio story
About
Soft Florals contact page: Say hello, with the studio email and an enquiry form
Contact
Soft Florals cart with two bouquets and a $170 subtotal
Cart
Soft Florals product page for Lilac Crush, a large mixed bouquet
Lilac Crush
Soft Florals product page for Twilight Bloom, a large bouquet in indigo and lilac
Twilight Bloom
Soft Florals product page for Soft Yellow, a medium bouquet of tulips and lilies
Soft Yellow
Soft Florals product page for Soft Roses, red roses and white lilies
Soft Roses

Mobile

Made for buying on a phone.

Shop, product pages, contact and the studio story, each checked end to end at phone widths.

Soft Florals on phones: the shop, the Soft Blue product page, contact and about

Under the hood

The work you don’t see.

Priced on the server

The browser sends only bouquet and quantity. The server works out what to charge.

Stripe payments

Stripe’s payment form, which shows the payment methods switched on in the account.

An email for every order

A signed Stripe webhook emails each paid order to the studio, and retries if it fails.

Coupons with end dates

Percent, dollar and free-shipping codes, checked on the server and expired on a set day.

Every page prerendered

Each bouquet ships as finished HTML, so search engines read it without running scripts.

A cart that remembers

The cart, saved bouquets and recently viewed pieces survive a closed tab.

Design system

Their type, their pinks.

Bodoni Moda

Headings, Medium

Inter

Body copy, Regular

  • Pressed Ink#1A1A1A
  • Dusty Rose#D67F8C
  • Petal Pink#F9DEE5
  • Petal Wash#FDF1F4
  • Paper Cream#FAF7F4

Art direction

Shot in the hand that made them.

Every bouquet on the site is photographed in hand, and the studio shots come from the kitchen table where they’re made.

Finished Soft Florals bouquets on the kitchen table they are made at, beside a glue gun and scissors
The Soft Blue bouquet held in hand
The Peach Sorbet bouquet held in hand
Soft Florals bouquets packed in paper bags, ready to send
The Lilac Crush bouquet held in hand
The Soft Roses bouquet held in hand

Florist Websites

Florist website design that turns browsing into orders.

A florist website sells with photography: the arrangement someone saved on Instagram, on a product page with a price and an add-to-cart. Delivery details, occasions and care instructions close the sale.

Soft Florals’ forever-flower arrangements deserved a storefront that matched them, so we built the whole shop in custom code: product pages, cart and checkout. The same florist website design fits fresh flowers, dried studios and wedding florists.

Ready for a florist website that sells? The homepage design is free. No obligation.

Contact Us