Project Work Summary

Everything built for One Blue Banana so far — download it as a PDF to keep or share.

Brand Identity

  • Blue banana mascot developed as the face of the brand, in a modern illustrated style with human-like hands and feet
  • Sky-blue and banana-yellow palette with a floral meadow theme
  • Custom logo, hero artwork, and candy pouch designs created for the brand
  • Modern, clean, rounded typography used across the whole site

Home Page

  • Hero section with the welcome video and Blue's introduction
  • Candy showcase with packaging image, rating, and price
  • Brand story section and feature highlights
  • 45-Day Challenge call-to-action
  • Full-width Blue hiking artwork banner

Candy Product Page

  • Product details with an interactive 360-degree pouch preview
  • Unified nutrition label with ingredients and distributor details
  • Quantity selector with add-to-bag confirmation
  • 45-pack box purchase option

Videos Page

  • "Blue on Camera" gallery with four featured videos
  • Responsive card grid with poster images and play controls

Jokes Page

  • "Jokes on Camera" video jokes shown above the written jokes
  • Clickable video cards with a poster image and play button
  • Illustrated banana joke cards

Halloween Page

  • Limited-edition Halloween theme in purple and orange
  • Custom Halloween hero artwork and video
  • Two separate candy boxes, each with its own 360-degree pouch preview
  • Halloween nutrition panel

Meadow Page

  • "Letters from the Meadow" newsletter signup
  • "Questions for Blue" contact form
  • Both kept exclusive to this page, separate from the home page

About Page

  • Company origin story and the founder's promise
  • The story of the candy's role in quitting nicotine
  • Interactive 45-day journey visualization

Mission Page

  • Mission statement for the brand
  • Three guiding principles: family, gradual progress, and personal agency

45-Day Challenge Page

  • Interactive tracker for the nicotine-free challenge
  • Start date plus day-by-day completion tracking
  • Progress saved so visitors can come back to it
  • Celebration message once all 45 days are complete

Talk to Blue Page

  • Animated Blue mascot that moves while he talks
  • In-character AI chat that answers visitor questions
  • Read-aloud voice using the device's built-in speech

QR Code Page

  • Print-ready QR code pointing to onebluebanana.com
  • Download link for the QR image

Site Foundations

  • Shared navigation and footer across every page
  • Newsletter subscribers and contact messages saved to the database
  • Challenge progress saved to the database
  • Mobile and desktop responsive layout throughout
One Blue Banana

Be yourself. It's the ripest thing you can do.

155 visits so far