Carla Rodríguez

El Petit Obrador Website

A website and online shop for a Girona pizza brand that ships fresh pizza to bake at home.

What's it for?
The site of El Petit Obrador, a pizza brand born near Girona in 2010: an online shop for fresh pizza to bake at home, shipped to mainland Spain and the Balearic Islands, plus its pizzerias, menu and story.
Discipline
Web Design · E-commerce
The El Petit Obrador home page: "Pizza fresca per fornar a casa!" in yellow over a close-up of a pizza

Overview

El Petit Obrador has made Italian pizza with a creative touch since 2010, near Girona: dough fermented for at least 34 hours and baked in a volcanic-stone oven. Besides its pizzerias, it sells fresh pizza to bake at home, shipped chilled within 24 to 48 hours. Carla designed its twenty-page website at Hooba.

Objective

Sell fresh pizza online to homes, bars and restaurants, and tell the story behind it so people see what makes it different.

Approach

Build on the brand's black and yellow with big food photography and a serif display face, and keep the shop one click away from every page.

Design Process

From the brand to a working online shop, in four steps.

  1. 01

    Structure

    Organising twenty pages: the shop, the brand and its story, the gallery, the menu, the pizzerias, news, reviews and catering.

  2. 02

    Prototype

    Prototyping the key pages in Figma before building them.

  3. 03

    Online shop

    A product grid, product pages with options for every diet, the basket and the checkout.

  4. 04

    Build

    Laying out the pages in Hooba's CMS with HTML and CSS.

Home Page

The home page sells first: fresh pizzas in a carousel, then shipping, free delivery and secure payment at a glance, the options for every diet and the pizzeria in Girona.

The rest of the El Petit Obrador home page: a pizza carousel on yellow, shipping and payment icons, dietary options and the Girona pizzeria
Home page

Online Shop

More than forty pizzas, pastas and pizza bases, each with its own page: size and weight, ingredients, and options for gluten-free dough, vegan cheese or lactose-free cheese.

The El Petit Obrador online shop: boxed fresh pizzas in a three-column grid
Online shop
An El Petit Obrador product page for a Margherita pizza, with gluten-free, vegan and lactose-free options
Product page

The Story

Two pages tell what makes the pizza different: the brand's story since 2010, and "the secret": 00 flour, at least 34 hours of fermentation and two minutes at over 300 °C in a volcanic-stone oven.

The El Petit Obrador story page with the "Only for Pizza Lovers" artwork
Story
The "El secret" page: a yellow quote about the dough between two pizza photos
The secret

A points programme, with a point in every pizza box to redeem for drinks, Italian pasta or wine, and a photo gallery of the pizzas.

The El Petit Obrador points programme: rewards for 4, 6, 7 and 10 points on a yellow-framed card
Points programme
The El Petit Obrador image gallery: a grid of pizza photos
Gallery

Thank you for reading!