Change design examples

Change

Sign-in overlay where the user authenticates via Facebook or with their email and password.

• Sign In

Change

Password recovery modal where the user enters their email address to receive a password reset link.

• Forgot Password

Change

Signup modal where the user can create an account using Facebook or by entering their name, email, and password.

• Sign Up

Change

Onboarding modal where the user provides their name, country, and an optional profile photo before continuing to start a petition.

• Account Setup
• Profile

Change

Creation wizard step where the user enters a title for their new petition and views guidance on writing an effective one.

• Setup Wizard
• Getting Started

Change

Creation wizard step where the user inputs the decision maker for their petition, accompanied by a helper card with tips.

• Setup Wizard

Change

Create page where the user writes the detailed description for their petition, guided by a list of best practices for inspiring readers.

• Setup Wizard

Change

Wizard step where the user uploads a photo or embeds a video for their petition.

• Upload & Download
• Edit

Change

Creation step where the user previews their drafted petition and can either return to edit or publish it live.

• Publish
• Edit

Change

Content editor where the user drafts a petition, including adding a title, author details, media uploads, and a rich text body.

• Edit
• Media Editor

Change

Landing page where a logged-in user can start a new petition or browse a carousel of recent petition victories, such as a campaign for anti-bullying laws.

• Home
• Navigation Menu

Change

Settings page where the user navigates to profile, password, email, and account closure options.

• Account Settings