DTC / e-commerce
Tinta
A Philippine coffee subscription built on freshness logistics: the roast date stamped as the hero, the roasts, a subscription builder, the roastery, and contact.
- Demo build
- /15-tinta/
- Orivian contribution
- Full website built from zero — self-initiated, no client commission.
- Site audience
- Philippine coffee drinkers subscribing for freshly roasted beans
- Pages
- 5 pages in the build

The context
What this website is for.
A DTC coffee subscription where freshness is the differentiator — roasted Mondays, shipped Mondays, forty-eight hours from drum to door.
The buyer is deciding whether a subscription will actually arrive fresh. The design stamps the proof rather than promising it.
What the site has to do
- Make the roast date the loudest thing on the bag and the page.
- Explain the Monday-to-Monday logistics without fine print.
- Let a subscriber build a bag in a few choices, not a configurator maze.
- Show the farms and roastery as the source of the freshness claim.
Scope
What the build covered.
Structure, content, design, and build for the whole site — the parts a visitor can see and use.
- Homepage with roast-date hero
- Roast catalog pages
- Subscription builder
- Roastery and farm story page
- Visit and contact page
- Ink-stamp identity system
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/15-tinta/
- The roasts/15-tinta/roasts/
- Build your subscription/15-tinta/subscribe/
- The roastery and the farms/15-tinta/about/
- Visit and contact/15-tinta/contact/
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


