Meiro design examples

Meiro

Sign-in screen where the user can authenticate using an email magic link or their Google account.

• Sign In

Meiro

Signup page where the user creates an account for a free trial by providing their full name, email, and choosing a password.

• Sign Up
• Account Setup

Meiro

Signup screen where the user enters their email, name, and password to start a free trial.

• Sign Up
• Trial

Meiro

Verification screen where the user enters an activation code sent to their email to confirm their account.

• Verification

Meiro

Settings page where the user views and upgrades their subscription plan, choosing between monthly, 3-month, and annual billing cycles across three AI-powered tiers.

• Pricing
• Billing Settings

Meiro

Dashboard list view where the user manages their created challenges, views basic engagement stats, and can start building a new one.

• Dashboard
• Add & Create

Meiro

Form builder where the user edits a sequence of quiz questions and a lead form for an AI apocalypse challenge.

• Edit
• Form

Meiro

Content editor where the user configures a multiple-choice question, sets scoring, and manages an AI-generated cover image for a quiz.

• Edit
• AI Generation

Meiro

Design editor where the user configures a single-choice question about surviving an AI apocalypse, sets scoring points, and manages answer options.

• Edit
• Form

Meiro

Form builder where the user edits a multiple-choice question, configures scoring, and can generate a cover image with AI.

• Form
• Edit

Meiro

AI image generation screen where the user enters a prompt, adds a negative prompt, and selects an image style before generating.

• AI Generation
• AI Editing

Meiro

Loading screen where the user waits for an AI image generation process to begin, indicated by a 'Starting AI magic' message.

• Loading
• AI Generation