Website with ordering 2026

MEL Queijadaria Artesanal

An editorial landing page and account-free ordering for a Madeiran queijada brand. The site manages the order, never the money.

MEL Queijadaria Artesanal, desktop view
MEL Queijadaria Artesanal, mobile view

MEL is an artisanal queijada bakery from Madeira. The site is a single page with a scroll-choreographed hero, torn-paper textures and handwritten notes, and an ordering flow that feels like part of the same page rather than a shop bolted on afterwards.

The customer picks flavours, a date, a time and how to receive the order, then sends a request. There is no server-side basket, no customer account and no online payment. MEL confirms, bakes and hands over. On the owner's side, an admin panel lists orders by status with a single button for each order's next step.

Six emails follow the order, from the request being received to a thank-you sent a day after pickup.

Screens

Up close.

Dark "Reinventar o tradicional." section with the pistachio queijada
Ordering flow: date, time and pickup or delivery step beside the order summary
"Madeira sempre no coração." coastal banner above the markets, events and orders section
Mobile limited-edition Pistácio & Figo feature
Mobile "Mesma origem. Novas histórias." section
Design

Visual direction.

A page that reads like a magazine: cream and paper tones, dark ink, forest green, burgundy and mustard. Bebas Neue sets the headlines, DM Sans the body copy, and Caveat the handwritten notes that carry the handmade side. Torn paper and hand-drawn annotations tie the landing page to the order form.

Typography

  • Bebas Neue
  • DM Sans
  • Caveat

Colours

  • #F2E9DA
  • #201713
  • #26351F
  • #731F1C
  • #DEA62C
Technical

Under the hood.

  1. 01

    Prices are never trusted from the client. The browser sends only slugs and quantities, and the server computes totals from configuration and stores them as snapshots on each order item.

  2. 02

    Public pages are keyed by a 48-character random token. Sequential database ids never reach the customer.

  3. 03

    Every email is a queued job and each is sent at most once, with a sent timestamp stored on the order. The thank-you is a delayed job, with an hourly scheduler check as a safety net.

  4. 04

    The form has a honeypot, a timing check, rate limits, a double-submit guard, security headers and optional Cloudflare Turnstile.

  5. 05

    Login is owner-only. There is no public registration and accounts are created from the command line. Every status change is recorded with who made it.

  6. 06

    The Docker stack includes nginx, PHP-FPM, a queue worker, a scheduler and Mailpit for email testing. It uses SQLite locally and PostgreSQL on Laravel Cloud, with Mailgun in production.

Next project Miro Freitas Official artist website 2026