Responsive Web Application
Angular Web App

eTRADING

eTrading is a HTML-based trading platform that offers over three hundred investment funds and wide range of other instruments and enables regular trading as well as scheduled transactions. It’s one stop destination that gives users access to every resource they need to fully monitor and mange their portfolio positions, check transactions and evaluate risk levels.

eTrading

What is eTRADING

eTrading is a HTML-based trading platform that offers over three hundred investment funds and wide range of other instruments and enables regular trading as well as scheduled transactions. It’s one stop destination that gives users access to every resource they need to fully monitor and mange their portfolio positions, check transactions and evaluate risk levels. Thanks to intuitive interface eTrading is easy to learn but offers advanced trading features and tools.

challenge

What we did for J.P. Morgan

J.P. Morgan Asset Management had only 4 months from start to finish to deliver working platform that will meet all requirements defined by Securities and Futures Commission and global stakeholders. At launch the product had to offer full functionality on all devices and be available in two languages, English and Chinese.

The Client had an in-house development team but lacked UX specialists, designers and developpers who could gather all requirements to prepare user flow map, prototypes and fully responsive web application. On top of that future vendor had two weeks to prepare high fidelity prototypes for all devices that could be presented to stakeholders during budget planning meeting.

Authentic Studio was the only agency in Hong Kong that met all requirements, delivered winning prototype and was able to assemble self-organizing interdisciplinary team of specialists with banking and econominc background which was one of key requirement due to complex SFC restrictions.

We organized few workshops together with J.P. Morgan team during which, the team together with the Client reorganized the list of key features leaving only the crucial ones for the MVP. This way the MVP could be delivered even before the deadline and allow longer UAT (User Acceptance Testing) for each batch. Both parties understood and agreed that the best results will be delivered by adopting agile approach and thanks to well organized backlog and clear vision on both sides developemnt process was really smooth.

JPMorgan eTRADING in numbers:

132
APP
Screens
487
BrandBook
Requirements
130
Days to
deliver

Analysis and Planning

Old eTRADING experience

Analysis and Planning

Brand guidelines & formal requirements

JPMorgan Brand Rules Strict Guidelines

Analysis and Planning

User Flow and WireFrames

Afer lecture of user requirements, legal restrictions from SFC and intensive workshops we rushed to prepare low-fidelity wireframess to validate or invalidate our assumptions. Since there were serious modifications introduced to user flow starting from multi factor authentication through fund “shopping cart” we needed a way to visualize all those new concepts and gather as much feedback as possible on early stage. Building and brainstorming over the prototype was essential in valiating earlier MVP assumptions and enabled us to pivot new ideas without spending client’s money and time on building the real product.

 
Delivery

What we delivered

The eTrading web app have gone through all innovation stages – from prototype, through MVP to a full featured product. One of the goal was to design and build an interactive charts that could present in uncluttered way different assets in client’s portfolio and enable to explore details with one-click. Second, most challenging objective required building responsive tables that could hold the same amount of multi-level data and options as desktop version. Close cooperation with the Client, rapid prototyping, pivoting and early validation helped our designers fashion out perfect solution that delivers the very same experience on desktop computers and mobile devices.

Brand New User Experience for Corporate Client - Design and Development

Core Functionality and Features

Dynamic and interactive charts

D3js financial data visualization tool for Corporate Client

Core Functionality and Features

Responsive Tables

D3js financial data visualization tool for Corporate Client

Core Functionality and Features

Payments, Dealing Calendar and Knowlege Center

Corporate Calendar and Booking App Design And Development

Core Functionality and Features

Seamless Mobile Experience

Due to very tight timeframe for the project Authentic Studio and the Client agreed to develop a responsive solution rather than buid a native or hybrid mobile app. That required designing each and every single functionality with mobile experience first. The most challenging aspect was fiting wide, horizontal tables with number of columns into portrait mobile screens and provice clear and intuitive user interface.

Interactive Mobile Financial Charts with D3js

US

Contact

Skype

Write

Call

Authentic London

35 Berkeley Square
London
W1J 5BF, United Kingdom
+44 (0) 79 0741 9817
[email protected]
Copy LON
Skype

Authentic Hong Kong

Unit 05, 4/F Energy Plaza
92 Granville Road
Hong Kong
+852 8193 0194
[email protected]
Copy HKG

DROP US A MESSAGE

Your browser is out-of-date!

Update your browser to view this website correctly. Update my browser now

×