Workwatermelonbaskets.com
Ordering websiteInformal sales idea

watermelonbaskets.com

A live ordering site for a watermelon-basket idea that had already sold through word of mouth, Facebook, and direct messages.

What needed solving

The watermelon-basket idea needed a complete public ordering presence, not just a contact link. The site had to explain what the baskets are, show real examples, make package pricing clear, handle pickup or delivery context, and turn word-of-mouth interest into a structured order request.

Constraints

  • The site has to make a handmade local product easy to understand and order.
  • Package pricing, pickup or delivery details, and occasion-specific options need to stay clear on mobile.
  • The ordering path has to stay simple enough to support a small, message-led sales process.

Current proof

watermelonbaskets.com gives an already-tested informal sales idea a public ordering experience with package details, real examples, and a direct request flow.

Visible proof

The live site shows package pricing, product examples, pickup or delivery details, and a direct order path for the watermelon-basket idea.

Screenshots from the live site

The live site shows package pricing, product examples, pickup or delivery details, and a direct order path for the watermelon-basket idea.

These screenshots are captured from live public views so the portfolio proof matches what visitors can open and use today.

What the build proves

Proof 01

The homepage turns scattered interest into a clear product story, then moves visitors into package selection and order requests.

Proof 02

Package cards expose live pricing and occasion fit before the buyer reaches the form.

Proof 03

Gallery and local service details give the idea enough proof to sell beyond Facebook posts and one-off messages.

What the project includes

Deliverables

  • Responsive ordering website
  • Package and pricing presentation
  • Gallery and occasion proof sections
  • Local pickup/delivery order flow

Stack

Next.jsTypeScriptTailwind CSS