OLiBiBi
Korean D2C brand storefront — premium Tunisian olive oil sold into the Korean market.
Overview
OLiBiBi (올리비비) is a Korean olive oil brand importing single-variety Chemlali extra virgin olive oil from Zaghouan, Tunisia. The storefront tells the origin story in Korean and English and hands buyers off to Naver Smart Store to check out.
Project story
Korean premium grocery is a gifting market: the bottle has to earn trust before the price is shown. The site is built as a narrative — harvest, acidity, cold-press window, packaging — so the purchase button lands after the proof, not before it.
Problem
A Tunisian producer selling into Korea has no brand recognition and no local retail shelf. Buyers needed the provenance, quality specs, and gifting story in Korean before they would trust an unfamiliar import at a premium price.
Solution
A bilingual Korean/English brand site on Next.js and Vercel: origin and process storytelling, quality specs (2026 harvest, sub-0.2% acidity), gift-set merchandising for 250ml/500ml options, social proof from Instagram and reviews, and Naver Smart Store as the checkout path — no backend to operate.
Features
- Bilingual Korean / English storefront
- Origin & production storytelling
- Gift sets and 250ml / 500ml options
- Naver Smart Store checkout handoff
Architecture
Static-first Next.js storefront on Vercel edge delivery, with commerce delegated to Naver Smart Store and social proof pulled in as embedded media.
Frontend
Next.js brand storefront with bilingual KO/EN copy.
Commerce
Naver Smart Store handles cart, payment, and fulfillment.
Content
Product, origin, and gift-set content modeled in code.
Forms
Safe outbound purchase and contact handoffs.
Vercel
Edge-delivered static pages with optimized imagery.
SEO
Metadata and structured product copy for Korean search.
Security
No payment data touches the site — checkout stays off-platform.
Localization
Korean-first typography and copy with English fallback.
Security
- No payment or customer data handled on-site
- Hardened outbound links to commerce and social surfaces
- Static delivery with no server attack surface
Performance
- Image-heavy pages optimized for mobile
- Static-first edge delivery
- Lean client-side JavaScript
Accessibility
- Readable Korean and Latin typography side by side
- Contrast-checked forest-green and gold brand palette
- Keyboard-reachable purchase actions
Mobile experience
Built mobile-first — Korean shoppers arrive from Instagram and Naver on phones.
Challenges
- Selling an unfamiliar origin into a trust-driven premium market
- Balancing Korean-first copy with English readability
- Keeping image-rich brand pages fast on mobile networks
Results
- Korean-language brand presence for a first-time export product
- Provenance and quality specs presented as the core sales argument
- Gift-set merchandising aimed at Korea's premium gifting occasions
- Checkout delegated to Naver Smart Store — zero backend to run
Korea
Market
KO / EN
Locales
Naver
Checkout
Lessons learned
- In gifting markets, packaging and provenance are the product page
- Delegating checkout to the local marketplace beats rebuilding it
- Localization is typography and tone, not just translation
Tech stack
Web
Commerce
Quality
Timeline
2026
4 min read
My role
Scalability
Content structure supports new SKUs, seasonal gift sets, and additional locales without a backend.
Video walkthrough
Product walkthrough placeholder — add a Loom or demo reel here when ready.