7

LeadMarket Mobile App Redesign — UI/UX Case Study

 3 years ago
source link: https://uxplanet.org/leadmarket-mobile-app-redesign-ui-ux-case-study-c274b37a1245
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.

LeadMarket Mobile App Redesign — UI/UX Case Study

1*bu4FDsGnQjL4BaT7_sxjdw.png?q=20
leadmarket-mobile-app-redesign-ui-ux-case-study-c274b37a1245

What is Lead Market?

LeadMarket is India’s Largest Marketplace of pre-qualified leads for Insurance, Mutual Funds, Loans, Real Estate and Stocks. The customer can enjoy the option to buy and manage the leads of their choice of financial products and real estate they deal with. Leads are generated through our parent company — IndianMoney.com, registered under Suvision Holdings Private Limited.

Re-Designing LeadMarket with Better User Experience

Across the LeadMarket, we recently launched a new design that brings better user experience, more inclusive of our product. Inspite if facing challenging questions in implementing the redesign, Such as, “How to modernize and refresh the user interface (UI) across the whole application that has over 50 Pages” and “How do our users take it back from our platform?”,the proven mettle of how a small group of designers and developers worked together in symphony and launched the LeadMarket 2.0 in less than 50 days successfully.

Why Redesign?

1*DnEVizvUbrXqaKdAazHpjw.png?q=20
leadmarket-mobile-app-redesign-ui-ux-case-study-c274b37a1245
Old Design

The poor build and construct of the application from the UX/UI point of view could use a change of approach and represent ability. The main objective of the team was to make Lead purchasing much easier irrespective of the device or the location used to operate the application.

The redesigning helped achieve the goal on a 100% successful note with better reach to its audience

Thinking through our Design Process

1*yJFILerMjjOiFiHrEjHqDA.jpeg?q=20
leadmarket-mobile-app-redesign-ui-ux-case-study-c274b37a1245

To start with the design infrastructure, the team had to create a plan for how to implement the new design. Changes had to occur across our Android & iOS at the same time.

We narrowed it down to two paths:

  • Redesign and move to the new UX infrastructure to fully embrace the new design system, or
  • Embrace as much of the new design language as we can today, while enabling us to later fully adopt the new design system in a transparent and seamless manner.

As we prioritized continuous development of new features and a faster path to deliver the new design to our ever growing customer base, we had to get the app ready in a short span of time.

Challenge

Create an inclusive feeling experience for users interacting with our app in real time and experiencing in open space, while maintaining key features important to agents such as Product, Pin-code, and Investment Amount.

The Redesign

Splash Screen

1*V3CwmrWoUfSI6Qs9a1xdGg.png?q=20
leadmarket-mobile-app-redesign-ui-ux-case-study-c274b37a1245
Splash Screen
  • First thing that we did was, to change the color of the splash screen from Blue to White.
  • Have given the minimal and classy feel to the splash screen.

Mobile Number and OTP

1*r13Xe4LWiVIZELuTxD_S8g.png?q=20
leadmarket-mobile-app-redesign-ui-ux-case-study-c274b37a1245
Mobile Number and OTP

On-Boarding Screens

In the previous design there was no on-boarding process for user verification, to avoid wrong people(Scammers) to enter our platform, we added the on-boarding screens.

1*CUrVRcleCTKqsgUjdNir3w.png?q=20
leadmarket-mobile-app-redesign-ui-ux-case-study-c274b37a1245
On-Boarding Screens

Dashboard

1*yIRRLq0I3dZOTWBmo7zcyA.png?q=20
leadmarket-mobile-app-redesign-ui-ux-case-study-c274b37a1245
Dashboard
  • In the new design we have made the dashboard (Home Screen) Simpler and have given option to add money to Wallet and Leads list view for easier lead purchase for the agents(Our Users)

New Features added in the New Design

LeadMarket Wallet And Auto-Buy Leads based on your preferences

Lead Market Wallet

1*twzqtWzOAQsegqDndABXcw.png?q=20
leadmarket-mobile-app-redesign-ui-ux-case-study-c274b37a1245
Lead Market Wallet

Auto Buy Leads

1*4kjdL9NqkWAei3bw4zbB5Q.png?q=20
leadmarket-mobile-app-redesign-ui-ux-case-study-c274b37a1245
Auto Buy Leads

Alert Messages

1*2dkN92JMJsAwaLRWet5ScQ.png?q=20
leadmarket-mobile-app-redesign-ui-ux-case-study-c274b37a1245
Alert Messages

Other Screens

1*7dG2mNiyLTKCN30bFGV-3g.png?q=20
leadmarket-mobile-app-redesign-ui-ux-case-study-c274b37a1245
Other Screens

Conclusion

LeadMarket aims at successful and hasty approach ability and accessibility for its target audience. The UI/UX team is continuously working on creating the optimum user experience. Any suggestions would be welcomed constructively.

Hope you found it useful and interesting. Feel free to follow me. Thank You!


About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK