STEP 01
Product catalogue
Browse mixes and flavours
All projectsFIELD NOTE 02 / 2025
Coffee & BeveragesRAVAND.STUDIO / PROJECT 02
White Coffee — Coffee Product Catalogue
A Persian and English catalogue presenting White Coffee’s coffee mixes, flavours and product details.
Ravand roleStrategy, design, engineering, and release
Engagement2 weeks
Accountable team3 people
DeliveredShipped
SPECIMEN / 02202502ROOT / BRANCH / OUTCOME
Coffee & BeveragesWhite Coffee — Coffee Product Catalogue
2
Persian and English versions
2 weeks
Engagement
2
Technology & infrastructure
01
ROOT / THE PROBLEM
Challenge
Each product needed images and specifications presented in two languages.
Research, product behavior, and operational data stayed connected through one shared account of the outcome.
CONSTRAINTS OBSERVED
- 01Move operational complexity behind one shared model
- 02Make impact observable from day one
- 03Protect user trust and clarity
02
BRANCH / THE RESPONSE
Ravand’s work
Each product needed images and specifications presented in two languages. We designed and developed a Persian and English catalogue with product pages and specifications.
STEP 02
Product details
Galleries, descriptions and specifications
STEP 03
Related products
Discover similar items
03
OUTCOME / MEASURED
Outcome
A bilingual catalogue for browsing products and their details.
2
Persian and English versions
2 weeks
Engagement
01
Traceable decisions
04
PROCESS / 2 weeks
How we built it
The phases are separate on paper, but in practice they form one continuous learning and delivery loop.
Discover the problem
Interface, logic, and infrastructure progressed in releasable slices with weekly review.
Model the system
Interface, logic, and infrastructure progressed in releasable slices with weekly review.
Build & integrate
Interface, logic, and infrastructure progressed in releasable slices with weekly review.
Release & measure
Interface, logic, and infrastructure progressed in releasable slices with weekly review.
Work priorities
PRINCIPLES / 03Product focus
Images and specifications on each product page
Catalogue browsing
Product listings and related items
Two languages
Information in Persian and English
01
MODULE / RESOURCES
About this engagement
Contact Ravand with questions about this engagement.
02
MODULE / STACK
Catalogue technologies
The catalogue interface was developed with Next.js, with a Laravel backend.
Frontend
Next.js
Backend
Laravel
DELIVERY LEDGER
Outcome and scope
A bilingual catalogue for browsing products and their details.
ScopeCatalogue design and development
FrontendNext.js
BackendLaravel
Duration2 weeks
The next problem can take root in one clear conversation.
If your problem sits between product, engineering, and growth, let us define it precisely together.
Start a conversation