← Back to Work

Fruits n Fluff

A restrained website and WhatsApp-first ordering flow that prioritizes products, not presentation.

A product-first ordering system where design never competes with craft.

Stage

Live

Type

Work study

Services

Website Design, System Design, Google Business Profile

Stack

Next.js

Website DesignSystem DesignGoogle Business ProfileLink Page
Fruits n Fluff menu view

Context

Why this had to exist

Fruits n Fluff is a homemade organic, gluten-free cake brand built around signature recipes created from real fruit, not artificial flavoring. Despite operating at a small, homemade scale, the work itself was not ordinary.

The project existed because exposure alone was not enough. A standard website would have flattened the work and made it feel like every other cake brand. That risk mattered more than size or budget.

Treating the project as a starter site or something to improve later felt wrong, because the craft and ambition behind the product were already larger than its current scale.

From the start, the intent was to treat Fruits n Fluff as something with long-term potential. Small did not mean temporary.

Constraints

What was intentionally not allowed

Several common patterns were intentionally refused.

The core refusal was designing for visual showcase. The site was not meant to sell design. It was meant to sell cakes.

Refusals

Standard homepage layout

01

Rejected because it would flatten the product and reduce differentiation.

Decorative hero on menu

02

Rejected to avoid competing with colorful products.

Gallery page

03

Rejected because Instagram already handled visual discovery.

Expressive UI elements

04

Rejected wherever they distracted from products and ordering.

The system

How the logic is enforced

A single rule guided the entire system.

The design must never compete with the product.

This rule was enforced structurally so attention always stays on products and conversion.

Ruleset

  • Homepage is scene-driven but skippable
  • Persistent skip story action is always available
  • Navigation reduced to essentials only
  • Menus surface products immediately without hero sections
  • Ordering flows through a single WhatsApp action with prefilled content

Intentional simplicity

Where complexity was refused

Restraint was applied most clearly in the product cards.

Anything that did not help selection or ordering was intentionally removed.

Limits

No descriptive paragraphsNo image carouselsNo hover effects or animationOne clear product image onlyOnly essential labels such as dietary info, flavor, and price

Outcome

What this enabled

Client

  • An online shop that works without dashboards, payments, or email handling
  • Orders placed through a single WhatsApp click with prefilled details
  • A Google Business Profile managed to support visibility and trust
  • A dedicated link page used as a central access point

System

  • QR code placed on every cake box
  • Gift recipients can identify the brand, view menu, follow Instagram, leave a review, or contact via WhatsApp
  • Discovery and conversion work even when buyer and recipient are not the same person

Proof

Evidence of decisions, not decoration.

01

Menu view

Products are the first visible content

Fruits n Fluff menu page with products presented immediately without decorative hero sections

02

Skip story action

Story never blocks conversion

Story intro screen with a persistent skip action that never blocks ordering

03

Link page

Multiple actions without funnels or dashboards

Fruits n Fluff link page showing direct actions to menu, Instagram, reviews, and WhatsApp

04

QR on packaging

Post-purchase discovery and review system

QR code placed on cake packaging enabling post purchase discovery and reviews

Next

If you want a presence that does not blend in,
it has to be built with intent.