Oracle Login Page
For this exercise, I selected the Oracle Cloud application and focused on redesigning the login and sign-up processes while adhering to WCAG accessibility standards. The new design features a professional yet approachable UI, leveraging a vibrant and energizing shade of orange to create a sense of dynamism and positivity.
My redesign prioritizes usability and accessibility by ensuring proper color contrast throughout the interface, making it more inclusive for users with visual impairments. I also streamlined the user experience by reducing potential errors through clear form labels, intuitive input fields, and actionable feedback messages.
To improve navigation and simplify the user journey, I adopted a "one action per screen" approach for mobile mockups. This ensures that users can focus on completing a single, straightforward task at a time, minimizing cognitive load and enhancing overall efficiency.
Through this redesign, I aimed to create a seamless, accessible, and user-friendly experience that aligns with Oracle's professional branding while remaining engaging for a diverse audience.
Tools used
From brief
Topics
Share
Reviews
2 reviews
That's a great job! The form is clear, and I like how you designed the password section, providing users with guidance on creating a strong password. Including the option to log in with a Google account is also very important.
However, based on WCAG guidelines, I’d suggest a few improvements:
- It might be better to design the login and password fields on one page. This allows users to save them together, and for those using auto-fill features, it simplifies the process by doing it in one step.
- I couldn’t find the 'show password' option near the label. Perhaps it’s there, but I might have missed it because I’m used to seeing the icon inside the input field, which many users are familiar with.
- I’d recommend increasing the font size and the contrast of the labels to make the text easier to read, especially for users filling out the form. While placeholders are helpful, labels remain crucial for accessibility.
Pretty good.
You might also like
Blip - Esport app design (Light & Dark UI)
Reimagining Asana's Color System
Customer Journey Map for a Co-Working Space
Responsive Main Screen
Latios - Free Portfolio Template for UX/UI Designers
Workspace Booking Flow - UI/UX Design
Visual Design Courses
UX Design Foundations
Introduction to Figma
Design Terminology
