Back to work
M2 · WooCommerce

Goodnight — WooCommerce

Figma Photoshop Illustrator AI Tools

A complete sleep improvement webshop built with WooCommerce — from product design and branding strategy to interactive Figma prototypes and a full marketing plan.

Goodnight WooCommerce webshop
Goodnight logo
01

Why Goodnight?

Sleep deprivation has become far too normalised. People trade rest for productivity, screens, and late nights — and quietly pay the price. Goodnight focuses on busy, health-conscious people who want to take their sleep seriously again.

The project builds a complete sleep improvement webshop around three products, supported by branding, a marketing plan, and a working prototype.

During the project the hosting server went down, so the live WooCommerce build was lost. Instead of rebuilding blindly, I recreated the entire experience in Figma — turning the setback into a stronger, more considered prototype.
02

Research

Research focused on sleep behaviour and sleep deprivation in the Netherlands — how many people are affected, what causes it, and what solutions already exist on the market.

03

Marketing Plan

A full marketing foundation was built around the Goodnight brand — from positioning to communication tools.

Documentation
Product Vision
SWOT analysis
Target group
Branding
Communication tools
04

The Products

Three products form the Goodnight range — designed to track, display, and improve sleep.

Sleep Tracker
Product 01
Sleep Tracker

A wearable tracker that monitors sleep cycles, heart rate, and movement through the night.

Tracker Display
Product 02
Tracker Display

A bedside receiver that visualises sleep data in real time and wakes you gently.

Air Diffuser
Product 03
Air Diffuser

A smart diffuser that releases calming scents to help you fall asleep naturally.

05

Website Prototype

The full WooCommerce webshop experience was rebuilt as an interactive Figma prototype — product pages, cart flow, and brand storytelling.

Figma Prototype
06

App Prototype

A companion app prototype connects the products to the user’s phone — tracking progress, setting routines, and offering sleep coaching.

Figma Prototype
07

Promotion

The campaign extended beyond digital into outdoor advertising and radio — placing Goodnight where tired people actually are.

Goodnight billboard ad
08

Project Video

A short film bringing the full Goodnight concept together — brand, products, and story.

Tags Goodnight M2 Marketing WooCommerce