PlanB StartUp website/ landing page

A landing website designed and built from scratch for planB — an original strategic, educational business board game. The site turns a full product description into a clear, engaging web experience that introduces the game, its concept, and its value to players and institutions.

problem

As the game's creator, I needed a website that could carry a fairly complex product — a full game with rules, mechanics, and an educational angle — to two very different audiences: players who want to understand the experience, and institutions (universities) evaluating it as a learning tool. There was no existing site and no visual identity for the web presence; I was starting from a blank page and a detailed product description.

solution

I designed and built the landing from scratch, translating the full product description into a structured web narrative rather than a wall of rules. Turned the game's concept, mechanics, and positioning into a clear page flow — from the "time to plan" hook through what the game is, how it plays, and who it's for. Created the visual identity for the site — layout, typography, and styling that match the game's strategic, high-stakes "perfect storm" tone. Designed and shipped a responsive landing that reads well on desktop and mobile. Kept the messaging dual-purpose so both a curious player and a university decision-maker get what they need.

Process

Read the full product description and pulled out the core story, mechanics, and selling points worth surfacing on the web.
Structured the narrative — decided page sections and the order a visitor should encounter them in.
Designed the visual language from scratch to fit the game's theme and audience.
Built and published the site (GitHub Pages), handling design and front-end myself.

Impact

A live, self-owned web presence for the game — from zero to a shipped, published site.
A single clear entry point that communicates a complex game to both players and universities.
Demonstrated end-to-end ownership: concept → product description → design → build → launch.

What I learned Building the site for my own product sharpened the skill of translating a dense product description into a focused web story — deciding what to cut, what to lead with, and how to speak to two audiences on one page. Doing both the design and the build also tightened how I make design decisions that are realistic to ship.

Check out the website

year

2026

timeframe

1 day

tools

Figma, Abode Illustrator, Claude Code, Github