Food / Small business
Sift & Saffron.
A warm bakery website with a clear enquiry journey.
Business website conceptA CLOSER LOOK
On a laptop. On a phone.
Real website screenshots at laptop and phone sizes. Labels show the original image dimensions. Select a screenshot to view it at full size.
Homepage
Bakery menu
Custom cake enquiry
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.
sift & saffron
Aa Bb Cc · 0123456789
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.
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.
