Landing page & rebrand

A rebranded marketing site for ProductPlan's roadmapping platform — a landing page built around the four ways a roadmap can be viewed, a set of small UI illustrations for each feature, and dedicated Enterprise and Templates pages.

Role
Product Designer
Company
ProductPlan
Surface
Marketing site
Scope
Landing · Enterprise · Templates

The landing page

The rebrand's front door. “Love your roadmap.” leads straight into a live view of the product, with the customer logo bar directly beneath it.

Below the fold the page alternates product shots with feature rows, then closes on integrations and a strategy section.

Homepage, full length
Homepage, full length · scroll

Four ways to see a roadmap

The hero doubles as a product demo. Tabs switch the roadmap between Timeline, List, Prioritization, and Table without leaving the page — so the core promise is visible before a visitor scrolls.

Timeline
Timeline
List
List
Prioritization
Prioritization
Table
Table

UI illustrations

Each feature got its own small line illustration, drawn from the product's own UI — roadmap bars, layout grids, a prioritization scale — in the rebrand's palette. Nine in total, three to a row.

Building
Building
Collaboration
Collaboration
Strategy
Strategy

Enterprise & templates

Two supporting pages carried the same system — Enterprise for multi-team buyers, Templates as a library entry point.

Enterprise
Enterprise · scroll
Templates
Templates · scroll