ashxdesign

Menu

ashxdesign

Menu

Cybersecurity

Login & OTP App UI Redesign

With user-centered approach, the goals was to redesign the login & OTP verification app interface for better user experience..

Teal Flower
Teal Flower
Teal Flower
Teal Flower
Teal Flower

Industry

Industry

Cybersecurity
Cybersecurity
Cybersecurity

Project type

Project type

Client
Client

Project Duration

Project Duration

2 weeks
2 weeks

Challenge

The app had a cluttered interface, making it slower for users to login and verify using OTP. The goal was to create a modern UI with better UX.

Changes made by me and why?

  • "Welcome Back!" Message:

    Provides a friendly and personalized touch, making users feel acknowledged and appreciated.

  • New User Name Input Box:

    Enhances user interaction by offering a dedicated space for entering the username, improving clarity and ease of use.

  • Password Input Box with Hidden Icon:

    Prioritizes security and user confidence by implementing a hidden icon for the password input, giving users control over the visibility of sensitive information.

  • Reduced Background Color:

    Acknowledges the importance of a minimalistic and less distracting color scheme during the login process, contributing to a cleaner and more focused interface.

  • Changed Login Box Color to Dark Gray:

    Utilizes a dark gray color for the login box, potentially reducing eye strain and providing a visually appealing contrast that enhances readability.

  • Removed Twitter, Added Apple Login Option:

    Tailors login options to user preferences by removing Twitter (if it wasn't widely used) and introducing the Apple login option, catering to a broader user base.

  • Added Registration Recommendation:

    Encourages user engagement by suggesting the registration option at the bottom, providing a seamless transition for users who might be considering creating an account.

Results

The redesigned app features a clean, clutter-free interface, making it easier for users to login faster. Some of the main points are:

  • Enhanced User Engagement

  • Improved Clarity in User Input

  • Increased Security and User Confidence

  • Streamlined Aesthetics with Reduced Color Palette

  • Alignment with Modern Design Trends

  • Encouraged User Registration

  • Expanded User Base with Apple Login

  • Potential Reduction in Eye Strain: The dark gray login box color and reduced background color may contribute to a reduction in eye strain, particularly during extended usage, improving the overall usability and accessibility of the app.

76%

Improved UI

Improved UI

25%

Reduced login process

Reduced login process

84%

Increase in user's login

Increase in user's login

Open Figma File

Process

Process

Process

01

Research & Analysis

I conducted user interviews, surveys, and analyzed in-app analytics to understand the pain points and user needs. I also studied competitor apps and industry trends to gather insights

02

Information Architecture

We conducted user interviews, surveys, and analyzed in-app analytics to understand the pain points and user needs. We also studied competitor apps and industry trends to gather insights

03

Wireframing & Prototyping

We conducted user interviews, surveys, and analyzed in-app analytics to understand the pain points and user needs. We also studied competitor apps and industry trends to gather insights

04

Usability Testing

We conducted user interviews, surveys, and analyzed in-app analytics to understand the pain points and user needs. We also studied competitor apps and industry trends to gather insights

05

Visual Design & Style Guide

We conducted user interviews, surveys, and analyzed in-app analytics to understand the pain points and user needs. We also studied competitor apps and industry trends to gather insights

01

Research & Analysis

I conducted user interviews, surveys, and analyzed in-app analytics to understand the pain points and user needs. I also studied competitor apps and industry trends to gather insights

02

Information Architecture

We conducted user interviews, surveys, and analyzed in-app analytics to understand the pain points and user needs. We also studied competitor apps and industry trends to gather insights

03

Wireframing & Prototyping

We conducted user interviews, surveys, and analyzed in-app analytics to understand the pain points and user needs. We also studied competitor apps and industry trends to gather insights

04

Usability Testing

We conducted user interviews, surveys, and analyzed in-app analytics to understand the pain points and user needs. We also studied competitor apps and industry trends to gather insights

05

Visual Design & Style Guide

We conducted user interviews, surveys, and analyzed in-app analytics to understand the pain points and user needs. We also studied competitor apps and industry trends to gather insights

01

Research & Analysis

I conducted user interviews, surveys, and analyzed in-app analytics to understand the pain points and user needs. I also studied competitor apps and industry trends to gather insights

02

Information Architecture

We conducted user interviews, surveys, and analyzed in-app analytics to understand the pain points and user needs. We also studied competitor apps and industry trends to gather insights

03

Wireframing & Prototyping

We conducted user interviews, surveys, and analyzed in-app analytics to understand the pain points and user needs. We also studied competitor apps and industry trends to gather insights

04

Usability Testing

We conducted user interviews, surveys, and analyzed in-app analytics to understand the pain points and user needs. We also studied competitor apps and industry trends to gather insights

05

Visual Design & Style Guide

We conducted user interviews, surveys, and analyzed in-app analytics to understand the pain points and user needs. We also studied competitor apps and industry trends to gather insights

Trusted by Professionals

Trusted by Professionals

While most of my client reviews are NDA-protected (because, you know, top-secret agency white label stuff), I managed to sneak in a few favorites from my previous partners.

  • Working with Ashwini has been a game-changer for our app's user experience. His innovative UI designs and seamless Framer development have elevated our product to new heights. Kudos to him for his expertise and dedication.

    Swastik

    CEO, Ciphesage

  • Working with Ashwini has been a game-changer for our app's user experience. His innovative UI designs and seamless Framer development have elevated our product to new heights. Kudos to him for his expertise and dedication.

    Joakim Korsgaard

    CEO, Tech Innovations

  • As a fellow UI/UX designer, I'm truly impressed by Ashwini's ability to create visually stunning and user-friendly interfaces.

    His Framer development skills bring designs to life effortlessly. A true professional in the field!

    Maria Septimus

    Lead Designer, Dynamics Agency

  • We collaborated with Ashwini on a critical project, and their UI/UX designs not only met but exceeded our expectations.

    It's a pleasure to work with professionals who understand the art and science of user experience.

    Giana Kenter

    Founder, Mobile Dynamics Startup

  • Working with him has been a game-changer for our app's user experience.

    Their innovative UI designs and seamless Framer development have elevated our product to new heights. Kudos to him for their expertise and dedication.

    Sienna Hewitt

    CEO, Tech Innovations

Connect with me

Schedule a call or text me over Whatsapp

LinkedIn

Twitter

Designed by ashxdesign

Connect with me

Schedule a call or text me over Whatsapp

LinkedIn

Twitter

Designed by ashxdesign

Connect with me

Schedule a call or text me over Whatsapp

LinkedIn

Twitter

Designed by ashxdesign

Create a free website with Framer, the website builder loved by startups, designers and agencies.