Readymag design examples

Readymag

Sign-in screen where the user authenticates with email and password, Google OAuth, or SSO, with an option to join or recover their password.

• Sign In

Readymag

Home screen where the user can create a new project or explore onboarding materials like videos, walkthroughs, and templates.

• Getting Started
• Tutorial

Readymag

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

• Forgot Password

Readymag

Signup screen where the user creates an account using their name, email, and password, or authenticates via Google.

• Sign Up

Readymag

Signup step where the user selects their job role and design intent before creating an account.

• Sign Up
• Account Setup

Readymag

Onboarding step where the user selects their job role from an open select menu.

• Account Setup
• Sign Up

Readymag

Onboarding step where the user specifies their role and what they intend to design to personalize their experience.

• Account Setup
• Onboarding Checklist

Readymag

Home screen where a modal presents a grid of interactive tutorials for different design widgets like Text, Picture, and Shape.

• Guided Tour
• Tutorial

Readymag

Onboarding modal where the user selects an interactive widget walkthrough, such as text, picture, or shape, to learn the editor.

• Guided Tour
• Tutorial

Readymag

Design editor canvas with an interactive tutorial explaining how to add, format, and animate text widgets using keyboard shortcuts and floating toolbars.

• Tutorial
• Edit

Readymag

Design editor where the user builds a webpage, currently showing the pages list and page settings panel over a canvas with a grid.

• Edit
• Settings

Readymag

Design editor where the user manages the project's pages in a sidebar and configures SEO and social sharing settings for the selected page.

• Edit
• Media Editor