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.
Overview
The login screen for our travel marketing platform needed more than a facelift, it needed to reflect who Sojern had become: modern, confident, and user-centered. I redesigned the experience to strengthen first impressions, improve clarity, and align with our updated brand system.
Challenge
The original login screen was functional but lacked hierarchy, accessibility considerations, and brand cohesion. Visual inconsistencies and limited feedback states made the experience feel dated and disconnected from the rest of the platform.
Strategy
Create a cleaner, more intentional entry point that communicates trust, reduces friction, and sets the tone for a more polished platform experience.
Design Highlights
- Rebuilt the visual hierarchy with updated type, spacing, and color usage
- Designed all field states (default, focus, error, empty) to improve clarity and accessibility
- Consolidated secondary actions to reduce clutter and guide user behavior
- Added subtle value props to reinforce platform benefits at the moment of login
- Improved responsiveness and ensured the design scaled across device sizes
Role & Contributions
- Audited the existing UI and identified usability gaps
- Led the redesign aligned with our updated brand system
- Partnered with engineering to implement accessibility and responsive behavior
- Provided iterative feedback during development to ensure high-quality execution
Outcomes
- More polished and cohesive entry experience
- Improved clarity through structured hierarchy and simplified actions
- Stronger brand alignment across product touchpoints
.svg)
