Flodesk design examples

Flodesk

Sign-in screen where the user authenticates with Google or their email and password.

• Sign In

Flodesk

List view where the user manages their email campaigns, with options to search, sort, filter by status, and create a new email.

• Browse
• Filter & Sort

Flodesk

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

• Forgot Password

Flodesk

Signup screen where the user starts a 14-day free trial by creating an account with Google or an email and password.

• Sign Up
• Trial

Flodesk

Verification screen where the user is instructed to check their inbox to activate their account, with an option to resend the email.

• Verification

Flodesk

Onboarding step where the user browses email templates to get started, featuring a welcome modal overlay.

• Templates
• Browse

Flodesk

Template selection screen where the user browses and chooses an email layout from categories like Form, Checkout, and Link in bio to get started.

• Templates
• Browse

Flodesk

Detail page where the user previews the 'Bold sale announcement' email template, toggles between desktop and mobile views, and can start customizing it.

• Media Detail
• Templates

Flodesk

Loading screen displaying a spinner and the playful message 'Dance like you're WFH' while the application loads.

• Loading

Flodesk

Design editor where the user builds an email campaign, currently showing a welcome modal that explains how to customize the template.

• Design Editor
• AI Assistant

Flodesk

Design editor where the user builds an email campaign by customizing a template with a flash sale graphic and placeholders for a logo and image.

• Design Editor
• Edit

Flodesk

Design editor where the user customizes an email campaign layout, currently viewing block settings while an onboarding coach mark highlights the tabs.

• AI Assistant
• AI Chat