top of page
Anchor 1
Group 11577.png

Project Name

Motilal Oswal Investor Application

Role

Workshop, Wireframes, Visual Design, Prototyping, and Asset Handover

Tools

Adobe XD, Adobe Illustrator, Invision, and Zeplin

Team Size

5 - 6

Platform

Native

Duration

Feb - Dec 2019

We conducted an extensive 2-day workshop with Motilal Oswal (MOSFL). We were fortunate to observe participation from various stakeholders of the Business, Marketing, Customer Support, and Technology teams. The teams shared their knowledge, ideas and expectations to establish the product vision, a clear understanding of the existing product and its scope, growth opportunities, known limitations and reasons to seek a revamp.

Challenge

To develop a new age distribution and broking house, and guide investors and traders to take smart investment decisions.

Understanding business and needs

MOSFL is envisioned to be a ground-up redesign to create a New-age and ‘Guided’ concept rather than a Legacy-and-Enabler. Plotting a perceptual map helped narrow down what was crucial for designing and delivering the required product.

Mask Group 1.png

Perceptual Map

Later, to understand the business needs we noted down points mentioned in the workshop

  1. Make products easy to discover and understand

  2. Align products to user segments

  3. Group information logically

  4. Increase speed of transactions

  5. Make products meaningful for all 3 user segments 

  6. Showcase proprietary products

  7. Retain confidence of traders

  8. Change product/brand perception to new age

  9. Leverage legacy as strength

  10. Create simple and customized UI for users who are new to markets and investors

Understanding users objectives and needs

The next step was to understand users’ pain-points and what a new-to-market investor and expert-level trader would expect in the updated and refined version of the application. Considering the time constraints, we carried a secondary research methodology by reaching out to the Customer Service and Product teams to identify common frustrations, motivations, and other user feedback.

Mask Group 4.png

User 1

Mask Group 3.png

User 2

Mask Group 5.png

User 3

To conclude the secondary research we finalized few points that were vital for the users

  1. Place order quickly

  2. Enable personalized offer

  3. Comprehend the product easily

  4. Discover the product easily

  5. Easily understand terminology

  6. Experience product without sign in

  7. Minimize the steps in all flows

  8. Reduce information overload and tech glitches

  9. Simplify learning and aid financial literacy

  10. Reduce checks and fields

Competition Analysis

The objective of the analysis was to inspect and evaluate strategic decisions, domain-wide solutions and design trends amongst contemporary competitors’ websites and apps.
An evaluation was done based on key parameters and KPIs such as business and user objectives for each competitor.

Group 11578.png

Competition Analysis

Wireframing

A key task flow from landing to discovering a product with user actions such as ‘Buy-Sell’ and ‘Add to watch list’ was identified and iterated in sketches. These initial sketches were then translated into high fidelity wireframes. 

Group 11536.png

Low fidelity wireframes

Wireframes

High fidelity wireframes

Visual Concept

The wireframes were then rendered into a visual concept and presented to the stakeholders for approval. A visual style guide was defined to carry forward throughout the application, working closely with the product team for iterative development of subsequent screens.

wireframe+visual

Style guide

Group 11555.png

Final Design

iPhone 12 Mockup.png

Reflection

Personally, I gained an immense amount of learning as a result of this project ranging from Domain understanding to Design processes. With my prior experience with trading and securities portals, I was able to apply my learnings, keeping in mind the nuances that set these products apart.
​
What went well:

Based on insights gathered during stakeholder interviews, workshop sessions, we designed a fine balance between providing adequate information for the learner with a seamless and unified user experience.

​
What could be better:
Initial concepts made use of simple gestures as a form of interacting and taking actions on the platform. Many of these were dropped in favor of more conventional methods. With the target audience in mind, there was scope to have capitalized on gestures familiar to ‘millennials’ today.
​
Key Takeaways – Project management and creative process
Due to a large number of stakeholders and client teams involved, opinions on design were subjective. We had a win-win situation, where certain push back was accepted, but we stood our ground on design decisions which were imperative to the project's success. This ensured quality was not compromised and the project ended without delays.
​
Prototyping and testing is key:
With the numerous user flows, it became very important to prototype and iterate individual journeys. Getting feedback from users and extended teams helped us understand problems with the design, which might not have been obvious otherwise.
google_play_badge.png
440px-Download_on_iTunes.svg.png
Group 11571.png

UI Project

SBICAP Securities

bottom of page