Sage project design examples

Sage project

Sign-in screen where the user authenticates with their email and password, featuring a minimalist centered form and a prominent play-button submit action.

• Sign In

Sage project

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

• Forgot Password

Sage project

Account creation Onboarding User authentication Form

Sage project

Signup screen where the user creates a new account by providing a display name, email, and password.

• Sign Up

Sage project

Onboarding

Sage project

Onboarding step where the user selects lifestyle presets like Healthy Eater, The Athlete, or Animal Lover to personalize their experience.

• Onboarding Checklist
• Select

Sage project

Onboarding step where the user selects lifestyle presets like Healthy Eater or The Athlete to customize their health preferences.

• Onboarding Checklist
• Select

Sage project

Onboarding step where the user selects their specific diet from a grid of illustrated options to personalize their health profile.

• Onboarding Checklist

Sage project

Onboarding step where the user selects their food allergies from a grid of pill buttons, while their health preferences are summarized in a right sidebar.

• Onboarding Checklist
• Select

Sage project

Onboarding step where the user selects up to 10 health and nutrition preferences from a grid of illustrated choices, with a summary of selections in the right sidebar.

• Onboarding Checklist
• Select

Sage project

Onboarding Confirmation

Sage project

Onboarding Progress indicator Form