Skip to content
Want a website like this?
Kenanga Florist Website

Demo Website

Kenanga Florist Website

One-page site for a florist: bouquet catalogue by occasion, starting prices, and WhatsApp ordering.

Open Live Preview

Industry

Florist & Gift Services

Timeline

1 week

Package Used

A website with clear structure and navigation, for a small business going online for the first time

This is a demo website I built on my own as a sample, not paid client work. The business name is illustrative. The live preview above is the real build.

01

About This Website

One-page site for a florist: bouquet catalogue by occasion, starting prices, and WhatsApp ordering.

02

Notes Behind This Demo

Kenanga Florist is a fictional flower shop in Yogyakarta. The buyer I pictured comes because of an occasion, such as a graduation or a wedding, often orders at the last minute, and wants a price range plus certainty that the flowers arrive that same day.

Three design decisions

  1. I arranged the catalog by occasion, from graduation bouquets to standing flower boards, because buyers usually start from the event. Every card shows a "from" price, since the final price depends on the size and the flowers chosen.
  2. The 15.00 cutoff for same-day delivery appears in three places: the strip under the opening headline, the delivery area section, and the FAQ. A buyer in a hurry decides based on that time, and I wanted them to find it wherever they start reading.
  3. At the end of the catalog sits a dark Custom Request card with its own WhatsApp button. With that card in place, the catalog only needs the common arrangements, and a buyer who has not found a match still has a way to ask.

A catalog this short fits Starter. If it should hold many photos of arrangements, Business (Rp 5.000.000) is the better fit, serving them from Cloudflare Storage through a CDN, while buyers still order through WhatsApp because the catalog in that package has no cart. Paying directly on the site only works with a database, which comes with Enterprise.

03

What It Includes

  • One-page layout: Home, About, Catalogue, Contact
  • Catalogue cards for each bouquet and arrangement type
  • WhatsApp ordering button in the header and hero
  • Mobile-first responsive design
  • Basic on-page SEO

04

Built With

  • React
  • TypeScript
  • Tailwind CSS
  • WhatsApp Integration

Project Gallery

Kenanga Florist Website - Screenshot 1
Kenanga Florist Website - Screenshot 2

Interested in Similar Project?

We can build a similar site for your business, on the same technology and features.

This project uses:

A website with clear structure and navigation, for a small business going online for the first time

Pricing and packages for a florist website →

*Contact us for further consultation about your project