← Back to selected work

Food / Small business

Sift & Saffron.

A warm bakery website with a clear enquiry journey.

Business website concept
PROJECT

Business website concept

Visit website

The brief and approach

Context

A self-initiated website for a fictional Dubai home bakery. The brand, menu, prices and ordering policies are illustrative; this is not a real bakery or client.

Problem

Visitors need to understand the menu, compare serving sizes and share the details of a custom cake without a complicated ordering flow.

Approach

Connect a visual homepage to a filterable menu, individual product pages and a custom enquiry form. Include delivery and lead-time information before visitors start an enquiry.

Development

Semantic HTML, mobile-first CSS and vanilla JavaScript are generated with Node.js. Sharp produces responsive WebP images. The interface includes menu filtering, a native dialog and local enquiry validation.

Result

A multi-page business website with menu details, FAQs and a message preview. No enquiry is sent, no live ordering service is connected and no conversion results are claimed.

01 / BRANDING

The look & feel.

A warm, personal home bakery identity. A lowercase serif wordmark, an expressive ampersand and cream backgrounds echo the softness of the baking photography.

Self-initiated portfolio concept.

02 / COLOUR THEME

A palette with purpose.

Cream

#F7F2EA

Cocoa

#432F28

Terracotta

#9E4B36

Warm grey

#756159

Colours taken from the website’s styles.

03 / TYPOGRAPHY

Character & clarity.

HEADINGS / Libre Caslon Display

sift & saffron

Aa Bb Cc · 0123456789

BODY / DM Sans

Simple, readable supporting text gives the name room to stand out.

The website uses Libre Caslon Display with DM Sans.

04 / LOGO APPROACHES

One identity.
Different settings.

Primary wordmark for Sift & Saffron
Primary wordmarkDownload SVG ↓
Reversed wordmark for Sift & Saffron
Reversed wordmarkDownload SVG ↓
Compact profile mark for Sift & Saffron
Compact profile markDownload SVG ↓

The wordmark follows the bakery website’s lowercase styling. The reversed version and compact S&S mark are portfolio extensions for dark backgrounds and small profile spaces.

NEXT PROJECTHayaa

05 / LET’S TALK

A good website starts
with a conversation.

Tell me what your business offers, what visitors should do, which pages or features you need, and whether you have a logo, text and photos. Include your budget and desired launch date so I can prepare a written quote.

Based in Dubai. Working with people across the UAE.

LET’S DISCUSS YOUR PROJECTStart a conversation on Instagram ↗

Send your brief, budget and preferred launch date by Instagram message.

From your first message to a written quote, you speak directly with me.