work / lionheart

Lionheart

The most ambitious build of the four: a full e-commerce flow in plain HTML/CSS/JS, with product pages, cart, checkout and confirmation.

Client

Lionheart Traditional Sweets, Ħal Qormi

Role

Brand, UX, design & build

Year

2026

Stack

HTML / CSS / JS, no backend

Status

Pre-launch

The brief

A family bakery making traditional Maltese sweets since 1924, sold at the Żurrieq market, wanted to start taking orders online. The heritage had to lead: one family, one oven, a hundred years. The site needed to feel like the bakery while handling a modern shop flow, from kannoli to checkout.

Design decisions

Cream and warm paper tones with oxblood and gold give the brand a heraldic, heritage feel, anchored by a custom lion mark. Cormorant Garamond brings the classic serif character; Work Sans keeps product UI, prices and buttons modern and legible.

#F7EFE1
#8A1A26
#5D1019
#C39A3F
#E7C873

UX highlights

Lionheart home page: one family, one oven, a hundred years
Lionheart kannoli product page with quantity selector and add to cart

Outcome

The design and build are complete, including the full cart and checkout flow, with launch waiting on final product photography and copy from the client.