Macaw design examples

Macaw

Sign-in screen where the user authenticates with email or Google, alongside a promotional graphic highlighting AI content generation features.

• Sign In

Macaw

Sign-in screen where the user enters their password for an already provided email address, alongside a marketing graphic highlighting AI content creation features.

• Forgot Password

Macaw

List view where the user manages their generated articles, featuring status tabs, a search and filter toolbar, and a sidebar with a plan usage nudge.

• Browse
• Filter & Sort

Macaw

Authentication screen confirming a successful password reset and showing a loading spinner while automatically signing the user in.

• Success
• Forgot Password

Macaw

Sign-up screen where the user creates an account using an email form or Google OAuth, alongside a feature showcase highlighting AI content generation capabilities.

• Sign Up

Macaw

Auth screen where the user is instructed to check their inbox for a verification link to continue to Macaw, featuring a countdown timer to resend the email.

• Verification
• Sign Up

Macaw

Initial app load screen displaying a centered animated bar spinner against a blank background.

• Loading

Macaw

Onboarding step where the user enters their website URL into a centered card to continue setting up their workspace, guided by a mascot.

• Setup Wizard
• Account Setup

Macaw

Onboarding step where the user enters their website URL to begin setup, guided by a mascot.

• Add & Create
• Form

Macaw

Onboarding step where the user reviews and can edit an AI-generated description of their website before proceeding to the next step.

• Browse
• Home

Macaw

Onboarding step where the user reviews and edits a generated description of their primary audience before proceeding.

• Onboarding Checklist
• Welcome

Macaw

Onboarding step where the user selects an initial keyword like 'web app design inspiration' or chooses to write their own for the AI to generate content.

• Model Selection
• AI Generation