L'Angolo Fiorito di Doaa – Design and order a graduation crown online

An Italian florist's website and shop, where visitors design their own graduation laurel crown and pay online.

www.langolofioritodidoaa.com
The home page: hand-made laurel crowns and a big flower photo.

Overview

Designed and built for L'Angolo Fiorito di Doaa, a florist near Rome known for hand-made graduation laurel crowns. Visitors can design their own crown, pay by card and track their order. They can also see the shop's wedding and event work and ask for a price. The site is in Italian.

The challenge

What was not working

Each laurel crown is made to order, with many choices of small flowers, roses and ribbon. The shop needed a simple way for customers to pick these options online, see the result and pay. It also needed a clear place to show its wedding and event work.

The solution

What I built

Built a crown designer: you pick small flowers, roses and ribbon, and a live preview changes with every choice. The price updates as you go, and discount codes can be used. Customers pay by card through Stripe and can track their order with the order number and email. The site also has an events page with a quote request, a photo gallery and a contact page. Behind it, an admin area handles orders, shipping labels, prices and the gallery.

Mobile app

In your pocket

The home page on a phone, with a big flower photo.
The home page on a phone, with a big flower photo.
Design your crown and see it change live.
Design your crown and see it change live.
Pick rose colours and size with one tap.
Pick rose colours and size with one tap.
The cart with your custom crown and price.
The cart with your custom crown and price.
Photos of real weddings and events.
Photos of real weddings and events.

Stack

05 parts

The tools behind it, from the screens people use to the services that store data, think and send messages.

Next.js
MongoDB
Stripe
BRT courier API
Cloudinary
Screens

Inside the product

01 / 05
01The home page: hand-made laurel crowns and a big flower photo.
02Design your own crown and watch it change with each choice.
03The weddings and events page, with a button to request a quote.
04Photo gallery of weddings and events the shop decorated.
05The cart: the custom crown, the total and free delivery.
Next case study · 14 · Client WebsiteEl Seif – Order hand-salted fish onlineOpen case study