ProductPlan · 2019 – 2020

ProductPlan site redesign

A redesign of ProductPlan's marketing site: the homepage, plus Enterprise and Templates pages. I designed the page layouts and the mini UI illustrations, and worked with product marketing on the copy and which sections each page needed.

Prototype

Live rebuild. Use the site’s nav to change pages, try the roadmap tabs, and resize.

Love your roadmap.

Get started for free

ProductPlan makes teams more successful by providing a unified platform for collaboration, prioritization, and roadmapping.

Build and collaborate on live roadmaps

Build visual roadmaps with ease using our drag and drop editor. Invite team members to collaborate, then share the finished product with your stakeholders.

Try us free with your team

Drag & Drop Building

Quickly build and edit visual roadmaps with our simple drag and drop editor.

Customizable Layouts

Present your roadmap in Timeline, List, Table or Portfolio layout.

Unlimited Roadmaps

Easily collaborate, share, and transfer an unlimited number of roadmaps between users.

Keep the entire team in sync

Communicate status and percent complete with ProductPlan instead of in a meeting. Integrate with external tools to show what you are building and why.

Checkout all the features!

Comments & Mentions

Create and share different versions of your roadmap for different audiences in seconds.

Private Links

Publish your roadmap via a secure private link to easily collaborate with external stakeholders.

Unlimited Viewers

Unlimited free viewer accounts. Give your stakeholders an easy way to view and provide feedback on your roadmap.

Integrate with the tools your team uses

Jira
Github
Slack
Pivotal Tracker
Trello
Azure Dev Ops
Confluence
MS Teams

Get buy in on your strategy

Create and share filtered views to communicate the right roadmap to the right audience. Present a compelling roadmap to rally the team around your product strategy.

Checkout all the features!

Portfolio Views

Save time and keep your team in sync with our collection of ProductPlan integrations.

Prioritizations

Plan initiatives using the prioritization workflow to streamline building purposeful roadmaps.

Custom Views

Change what you share and present by utilizing custom views. Easily share the right view for every type of audience.

Role: Product Designer
I owned: Layouts · Mini UI illustrations
Partner: Product marketing
Launched: 2020

The landing page

“Love your roadmap.” leads straight into a live view of the product, with the customer logo bar right under it.

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

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 a visitor sees the product working before they scroll.

Mini UI illustrations

Instead of full screenshots, each feature section got a small version of the product's UI, cut down to the part that section was about, like a roadmap with comment threads on it, or a portfolio view rolling up several teams' roadmaps.

Build and collaborate
Team sync
Custom views
Portfolio view
Scalable collaboration
Security
Enterprise IT template
Agile template
Product launch template
Product roadmap template

Feature icons

The feature icons started from a base icon set we used, and I drew new ones on top of it as the pages needed them.

Drag & Drop Building
Customizable Layouts
Unlimited Roadmaps
Comments & Mentions
Private Links
Unlimited Viewers
Portfolio Views
Prioritizations
Custom Views
Single Sign On
Multiple Administrators
Rest API Access
99% Uptime
Hosted in Heroku
Encrypted Data
GDPR Compliant
PCI 1 Compliant
Penetration Tested
Customer Success Team
Dedicated Training Sessions
Onsite Training Option

Enterprise & templates

Two supporting pages used the same layouts and illustrations. Enterprise was for companies rolling ProductPlan out across several teams, and Templates was the way into the roadmap template library.