Swell design examples

Swell

Sign-in screen where the user authenticates with their email and password to access their store.

• Forgot Password

Swell

Password recovery screen where the user receives confirmation via a toast notification that reset instructions have been sent to their email.

• Forgot Password
• Success

Swell

Signup screen where the user creates a new ecommerce store by entering their email, password, and store name, alongside a marketing panel promoting a 14-day free trial.

• Sign Up
• Trial

Swell

Signup screen where the user creates a new store account with email and password, currently showing validation errors on the required fields.

• Sign Up
• Error

Swell

Verification screen where the user enters a code sent to their email to complete the signup process.

• Verification
• Sign Up

Swell

Home screen for a new storefront featuring a quick start guide with tasks like creating a product, activating a theme, and setting up a payment gateway.

• Getting Started
• Onboarding Checklist

Swell

Create page where the user adds a new product to their store by defining its type, uploading images, configuring pricing options, and writing a rich-text description.

• Add & Create
• Upload & Download

Swell

Detail page where the user edits a product's name, pricing, categories, and description.

• Edit
• Files

Swell

Product detail page where the user manages custom attributes for content and filtering.

• Table
• Edit

Swell

Product detail page where the user duplicates an existing product by entering a new name and optional SKU in a modal.

• Edit
• Confirmation

Swell

Detail page for a product loading its content, displaying a success toast for a recent save.

• Loading
• Table

Swell

Detail page where the user edits a product's content, including its rich text description, tags, and SEO metadata.

• Edit
• Media Editor