This issue focuses on the design of an interface for user register. The register design will have to be created using the mockups that have been previously designed on the Figma website, adding the all sections found in the mockups.
Key Elements:
Welcoming Hero Section: A visually appealing hero image or illustration at the top of the page, conveying the platform’s value and encouraging users to register. It could include welcoming text like "Join Our Community" or "Create Your Account to Get Started".
Step-by-Step Process: Divide the registration process into easy-to-follow steps. Instead of showing all fields at once, users go through a few short, logical steps (e.g., Step 1: Email & Username, Step 2: Password, Step 3: Confirmation).
Progress Indicator: A progress bar at the top showing how far along the user is in the registration process, reducing drop-off rates by setting clear expectations.
In-line Validation and Tips: Helpful tips for creating strong passwords or choosing unique usernames, combined with real-time validation that gives instant feedback (e.g., "Username is available" or "Password strength: Strong").
Design Features:
Bright and Friendly Color Palette: Use vibrant colors to create a welcoming and energetic atmosphere. Each step of the registration process can be accompanied by small illustrative icons or animations to engage the user.
User-Friendly: Ensure that the design is mobile-first, responsive, and easy to navigate, with large touch targets for mobile users and clear, accessible labels for all fields.
Aditional information
Design of the Register interface in the figma page:
TITLE
Create the register design.
REQUIREMENTS / DESCRIPTION
This issue focuses on the design of an interface for user register. The register design will have to be created using the mockups that have been previously designed on the Figma website, adding the all sections found in the mockups.
Key Elements:
Aditional information
Design of the Register interface in the figma page: