Redpen design examples

Redpen

Sign-in screen where the user authenticates with their email and Red Pen password.

• Sign In

Redpen

Account creation Onboarding Form

Redpen

Dashboard in an empty state prompting the user to drag and drop a design file to start getting feedback.

• Empty State
• Upload & Download

Redpen

Detail page where the user views a design exploration and hovers over the image to add a contextual comment.

• Design Editor
• Comments

Redpen

Detail page for a design exploration showing typographic variations, component states, and layout tests for a project.

• Media Detail
• Share

Redpen

Landing page concept featuring large typography, a floating comment popover, and a signup form peeking from the bottom.

Redpen

Sign-in screen where the user authenticates with their email and Red Pen password.

• Sign In

Redpen

Billing settings page where the user can upgrade their account by choosing a plan based on the number of concurrent projects.

• Pricing
• Billing Settings

Redpen

Settings page where the user views existing teammates and invites new ones by email to share the project quota.

• Team Management
• Invite Teammates

Redpen

Create screen where the user names a new project, sets its context and goals, and drops related design files onto a dashed upload area.

• Add & Create
• Empty State

Redpen

Dashboard empty state where the user is prompted to set the project context and upload their first images via a drag-and-drop zone.

• Empty State
• Upload & Download

Redpen

Project dashboard displaying a gallery of design screens with an inline input to set project context and an onboarding coach mark highlighting the first item.

• Dashboard
• Browse