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.

Perceptual Map
Later, to understand the business needs we noted down points mentioned in the workshop
-
Make products easy to discover and understand
-
Align products to user segments
-
Group information logically
-
Increase speed of transactions
-
Make products meaningful for all 3 user segments
-
Showcase proprietary products
-
Retain confidence of traders
-
Change product/brand perception to new age
-
Leverage legacy as strength
-
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.

User 1

User 2

User 3
To conclude the secondary research we finalized few points that were vital for the users
-
Place order quickly
-
Enable personalized offer
-
Comprehend the product easily
-
Discover the product easily
-
Easily understand terminology
-
Experience product without sign in
-
Minimize the steps in all flows
-
Reduce information overload and tech glitches
-
Simplify learning and aid financial literacy
-
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.

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.

Low fidelity 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.

Style guide

Final Design

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.

