Login/Sign up Form
Features:
- Clear focus state
- Built-in autofill support
- Instant validation/feedback
- Smart register/sign-in switching*
- Social/guest access options
- WCAG standards compliant**
- Checks if your email is already in the system, skipping the old form-flipping routine.
This is just a preview of some solid UX design.
Tools used
From brief
Topics
Share
Reviews
1 review
This is a nice start, but I really would have liked a lot more context. It's not obvious through your visual design what this product is. A visual design that looks less generic would make this a lot stronger.
Also, it would be helpful to see more of your process (sketches, wireframes, design rationale, etc.) and more steps of the sign in process such as password recovery. Also, including the full project link would allow the viewers so see how you structured your files.
Good job thinking about errors states and other smaller details, this just needs a bit more of a push to come across as a polished case study.
2 Claps
Average 2.0 by 1 person
You might also like

Project
Customer Journey Map for a Co-Working Space
In this project, I made a Customer Journey Map (CJM) for a co-working space. The goal of this project is to understand how customers feel an

Project
Reimagining Asana's Color System
I created a color system based on Asana's current project management tool. Accessibility and the emotions the colors evoke were the primary

Project
Responsive Main Screen

Project
Latios - Free Portfolio Template for UX/UI Designers
Overview I built Latios because I kept seeing the same problem: designers with solid experience getting stuck trying to launch their portfol

Project
Workspace Booking Flow - UI/UX Design

Project
Talenvo Website - Web and Mobile
The Rationale: Why I Built the Website This WayThe primary rationale was to create a high-converting digital storefront that validated Talen
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.










