Boonari
A personalized children's storybook website where Indonesian families can choose a book, personalize the child, preview the story, and prepare a gift-ready product.
My role
Rizki Alfadilah delivered product website implementation, bilingual content structure, and conversion-focused preview flow.
Primary stack
Product Website / Commerce / Bilingual UX / Preview Flow
Project lane
Website / E-commerce / Digital Product / Family
Case Study
Overview
A focused read on what the project needed to communicate, how the product surface was shaped, and where the system can grow next.
A personalized children's storybook website where Indonesian families can choose a book, personalize the child, preview the story, and prepare a gift-ready product.
Role
Rizki Alfadilah delivered product website implementation, bilingual content structure, and conversion-focused preview flow.
Scope
Personalized Storybook Website
Status
Published / Live
The Problem
A personalized physical product needs to explain the emotional value and production process before parents feel ready to order.
The Goal
Make the child-as-main-character promise clear, then guide families through language, book selection, personalization, preview, and gift delivery.
Depth Pass
How the product was shaped.
The work is easier to understand as a sequence: context first, then product decisions, then user flow and visual direction.
01
Context
- Boonari introduces a custom storybook model where trust, preview clarity, and gift value need to appear immediately.
- The website needs to speak to parents while explaining that the product is personalized before production.
02
Approach
- I shaped the first screen around the child's role in the story and supported it with clear steps and reassurance blocks.
- Language selection, catalog discovery, preview expectations, and delivery messaging were kept close to the primary CTA.
03
User Flow
- Parent chooses language, understands the gift concept, browses the storybook path, then starts personalization.
- The flow explains choose book, fill name and character, preview, then print or send as a gift.
04
Design Direction
- Warm editorial color, friendly cards, and soft product visuals create a family-oriented gift experience.
- The interface avoids heavy commerce pressure and keeps the experience approachable.
Core Features
Product surface and system layer.
Bilingual interface
Personalized preview
Book catalog flow
Gift-ready product education
Stack & architecture notes
The site acts as a conversion and education layer that can connect to preview generation, order, catalog, and production management systems.
Result / Next Layer
What the build makes possible.
Result
- Boonari can explain a non-standard product quickly while giving parents a low-friction way to begin.
- The website supports future catalog growth, seasonal campaigns, and preview-led acquisition.
Future Layer
- Connect generated previews, payments, order tracking, and production approval into one customer journey.
- Add occasion-based landing pages and post-purchase parent account features.
Related Projects
More work in the same lane.
03
These projects share delivery patterns with Boonari, especially around Website, E-commerce, Digital Product.
Fashion E-commerce Website
Hanaka Classic
A timeless fashion storefront for refined essentials, balancing editorial imagery, catalog browsing, account utilities, and cart-ready shopping paths.
Fashion Brand Website
Traces Ever
A Papua-born fashion brand website with campaign-led visuals, brand navigation, shop access, and a public identity built around #PapuaToTheWorld.
Jewelry E-commerce Website
Shepherd Jewelry
A jewelry storefront with minimalist product presentation, new arrivals, newsletter capture, and a brand message centered on difference and identity.
Portfolio runway
Continue through the real project index.
Previous project
Moslemic
An Islamic digital platform for prayer times, Al-Quran, doa, qibla, tasbih, and daily worship utilities across web and mobile surfaces.
Next project
Hanaka Classic
A timeless fashion storefront for refined essentials, balancing editorial imagery, catalog browsing, account utilities, and cart-ready shopping paths.
Get in touch
Ready to turn the next project into a real shipped system?
Bring the product goal. I can help translate it into a clear interface, reliable implementation, and launch-ready product surface.
01
Scope
Define the product goal, user flow, pages, and technical surface.
02
Build
Design the interface, implement the stack, and keep the system maintainable.
03
Launch
Prepare QA, responsive checks, analytics hooks, and launch support.