Developer Portal

Developer Portal

The digital business platform is an API developer portal powered by Deutsche Börse. This portal provides market data and financial services to internal and external applications through RESTful APIs.

The digital business platform is an API developer portal powered by Deutsche Börse. This portal provides market data and financial services to internal and external applications through RESTful APIs.

homepage-DBP

My Role
Research 
User Interface
User Experience

Client
Deutsche Börse Group

Year
2017

Company
Originate

My Role
Research 
User Interface
User Experience

Client
Deutsche Börse Group

Year
2017

Company
Originate

Research

This project was kicked off with a five-day workshop designed for the client’s needs. The purpose of that week was to accelerate product ideation, understand business needs and shape an actionable plan for the development of a Minimum Viable Product.  


Throughout the process of building this product, the team and I conducted research, UI/UX designs, prototypes, technical proof-of-concepts, and user tests. Here is a list of the various tools and techniques that took place during the kickoff phase:

Understand

Stakeholder Interviews

User Personas

Customer Journey Map

Objectives

Ideate

'How Might We’ Exercise

Group Sketch Session

User Flow Map

Epics Identification

Define & Validate

Epics Prioritization

Prototypes

User Tests

Design Iterations

Our Users

We identified external developers (not affiliated with DBG) as primary users for the Digital Business Platform while Internal DBG Developers were discovered to be secondary. Based on user interview research, we developed our primary external developer persona, David.

David
Software Developer 

David is a Sr. Software Developer based in New York City, he works for a product development company that helps large and small companies build modern applications. On the last few projects he’s worked on, he has had to integrate third party APIs, such as GoogleMaps, Stripe, Mixpanel, and Firebase, into a consumer facing app. He works within a small, tightly knit team, and is used to developing and deploying features continuously.

userpersona_david_profilepic
userpersona_david_skills

Needs

• Third party services that can provide the data needed to meet the product requirements.
• Understanding of the core concepts of third party services, not only their endpoints and responses; how they function and why.
• Easy to navigate and straightforward documentation of APIs.
• Quick way to test and troubleshoot issues before writing any code.
• Clear notification when a service goes down.

Painpoints + Frustrations

• Cryptic error messages which don’t detail what’s wrong and why.
• Roadblocks to checking out API documentation (signing up for an account, having to first pick a programming language, etc.)
• Confusion and errors caused by inconsistent data formats and syntax.
• Unclear versioning and not knowing how much a change to a service will affect me.
• Being forced to get and parse through more data than is needed for my use case.

Defining Features

Through multiple exercises like the ‘How Might We’ and the group sketch session, we identified a number of potential high-value features for the Digital Business Platform, to be prioritized further and considered for future development.

sketches

From the sketching session we developed a first round of ideas on how key areas of the product will function:

crazy8dbg
leftAPI_Page
rightAPI_Page
3Codesection

The UI allows developers to visualize and interact with the API’s resources without having any of the implementation logic in place. It’s automatically generated from your specification file (.yml) with the visual documentation, making it easy for back end implementation and client side consumption.

I worked closely with developers and product managers on establishing product goals and requirements. Various research sessions and workshops were held to understand securities protocols like OAuth 2.0 — which gives an API client limited access to user data on a web server.

OAuth2

Visual Language

While designing this application I used Deutsche Börse core brand attributes, borrowing some of their aesthetics, but pushing the minimalism even further. For the layout I embraced simplicity through constraints, helping users focus with a generous use of negative space and refined application of typography and color.

colors

Font family used for this project:

News Gothic
HQDBG
drawingsDBG

The illustrations I made for this project were based on the company’s brand guidelines, and inspired by their headquarters custom made building.

View More Projects

CMS More

Spaceful - a CMS platform

Digital More

Digital tour book assistant

Various

Various projects

Designed by Danny Pirajan

© 2019, All Rights Reserved.

linkedin