Café / comfort food
Samara
A four-page neighborhood café site: an editorial homepage, the full menu always visible, the space and its occasions, and visit details.
- Demo build
- /09-samara-cafe/
- Orivian contribution
- Full website built from zero — self-initiated, no client commission.
- Site audience
- Neighborhood regulars and remote workers choosing a café to settle into
- Pages
- 4 pages in the build

The context
What this website is for.
A neighborhood café on Samar Avenue in the densest café corridor in Quezon City, where the product is a commodity and the voice is the differentiator.
People do not compare cafés on bean specs; they pick the one that feels like their kind of afternoon. The site sells occasions — reasons to sit down.
What the site has to do
- Give every menu category a permanent place instead of hiding it behind tabs.
- Offer occasions as entry points: work, catch-up, first date, slow morning.
- Publish hours honestly, including when the kitchen closes.
- Make no claims about Wi-Fi, outlets, or parking the café has not confirmed.
Scope
What the build covered.
Structure, content, design, and build for the whole site — the parts a visitor can see and use.
- Editorial homepage with sticky-note hero
- Full menu on one always-visible page
- Space page with occasion cards and polaroid wall
- Visit page with indicative hours
- Fraunces and Karla type pairing
- Responsive layout across devices
Inside the demo
Follow the structure yourself.
Every page below is public. The quickest way to judge this work is to open the paths and read them on your phone.
- Home/09-samara-cafe/
- Menu/09-samara-cafe/menu/
- The space/09-samara-cafe/space/
- Visit/09-samara-cafe/visit/
Related services
How this translates to your project.
- Read the service02Content and messaging
Content and Messaging
Make the offer easier to understand.
- Read the service04Lightweight websites
Lightweight Modern Websites
Keep focused websites fast, simple, and clear.
These are self-initiated demo builds. No client commissioned them; brands are fictional or fictionalized, and prices, hours, and metrics inside the demos are labeled indicative.
More examples
Other websites in this collection.
Planning a clearer, more useful website?
Describe what you are building and what needs to be clearer. The conversation starts with the problem, not with a package.
Remote · Direct · No pressure to choose the biggest package


