Accessible Signup & Login Experience — Brainex
Accessible Signup & Login Experience — Brainex
Brainex is a modern and accessible authentication experience designed for a SaaS platform.
The flow focuses on clarity, ease of use, and reducing friction during signup and login.
Accessibility and usability are at the core of the design decisions.
Areas i was focused on:
• Step-by-step signup and login flow to reduce cognitive load
• Clear separation of email and password inputs for better focus
• Error and success states for visual feedback
• High contrast and readable typography for accessibility
• Clear labels and structured validation messages
• Disabled states to guide users and prevent errors
• Google and Apple sign-in options to speed up
Tools used
From brief
Topics
Share
5 Claps
Average 5.0 by 1 person
You might also like

Project
Mobile Onboarding: Casa di Pasta
🍝 Project Overview: Casa di PastaThis project is a mobile registration and login flow for a pasta workshop app. My goal was to create a fri

Project
Accessible Signup Form
This project is an app which helps users to consume content based on their mood and it explores the design of an accessible, inclusive signu

Project
Auction
1. Clear visual hierarchySignup Screen: “Create a free account!”Login Screen: “Welcome back”Using clear H1 titles instantly orients the user

Project
Entrant - Analytical Dashboard
Entrant is a job-seeking platform built specifically for students and fresh graduates, helping them connect with internship and entry-level

Project
Transit Cairo — Digital Mobility Redefined
Transit Cairo is a mobile-first digital ticketing experience designed to reduce congestion and improve daily commuting across Cairo’s metro

Project
Babylon Balance - Designing Financial Clarity Through Constraint
OverviewBabylon Balance is a personal finance app designed to help users manage their income with clarity, discipline, and minimal cognitive
Visual Design Courses
Course
UX Design Foundations
Learn the essentials of UX design to build a strong foundation in core principles. Gain practical skills to support product development and create better user experiences.
Course
Introduction to Figma
Learn essential Figma tools like layers, styling, typography, and images. Master the basics to create clean, user-friendly designs
Course
Design Terminology
Learn UX terminology and key UX/UI terms that boost collaboration between designers, developers, and stakeholders for smoother, clearer communication.









