Login Screen Redesign
About The Project
As the first touchpoint for our customers, the login screen needed to reflect the same level of care and quality as the rest of the platform. This redesign aligned the UI with our brand system, improved usability, and laid the groundwork for future product-facing design improvements.
The Problem
The original login screen for our travel marketing platform was functional, but bland. It lacked personality, didn’t reflect the evolution of our brand, and didn’t exactly inspire confidence in a marketing-forward platform. On top of that, inconsistent padding, type hierarchy, and responsiveness made it feel disconnected from the rest of the product experience.
The Goal
Refresh the login screen to better align with our brand, improve visual hierarchy, and create a welcoming first impression for users without introducing friction or sacrificing functionality.
What I Did
- Audited the existing UI for visual inconsistencies and usability issues
- Led the redesign to align with our updated brand system
- Created multiple states (initial, error, empty field) for clear user feedback
- Collaborated with engineering to implement accessibility improvements and responsive behavior
- Added subtle value props to reinforce Sojern’s platform benefits at the login point
Highlights
- Introduced clean visual hierarchy and generous whitespace for better focus
- Simplified layout using branded type and color
- Reduced visual clutter by consolidating help links and secondary actions
.svg)
