top of page
Screen Shot 2018-04-16 at 12.29.38 PM.pn

TITAN - Power/Gas Trading

*a non disclosure agreement with blockapps restricts me from sharing client information, prototypes and production files  

ROLE: Lead UX designer

Stakeholder Interviews

Heuristic Evaluation

Personas

HTML Document Outline

Information Architecture

Wireframing

High fidelity Mockups

User testing

Follow up

Titan is a Power/Gas trading platform built on Blockchain. The client was using emails and I.M's to make transactions which made it harder for the traders to securely make a transactions, tracking transaction and check records

This was a whole new project and it was only an idea for the client. I had lot of questions when I started the research. I started by talking to the Traders, Suppliers, Product team on the client side and Solutions Architects. I had to learn about pipelines and power/gas flows in the united states to start the project.

The Traders were the primary users for this application and I needed to build this product around them and from my research I found out that most of them wanted a simple system which replicates the same process. My focus now was to design a product which would be visually appealing, simple to use, integrates all the methods/processes they have been working on all these years to minimize learning time. 

  • Using emails to make transactions

  • Hard to track transactions once they were made.

  • No Power and Gas categorizations.

I spent most of my time organizing peoples thoughts into coherent diagrams that could help communicate their ideas. Workshop after workshop I’d drive out insights and plans that could be shared with the rest of the team and guide the product forward. I’d use this information myself to build out the interface.

In this role I mastered Sketch and InvisionApp together to bring ideas to life quickly, gain feedback from stakeholders, and catalog reusable design assets for the broader team. The majority of the visual work was set in place by the director of design who created the initial art direction of the app.

role.png

When a team had a new idea for a product I was the one the PM team flocked to for fleshing out those ideas. Asking people to put a marker in their hand and use it to explain the problem, types of users, and the overall flow of how it fits into our product ecosystem. A lot of my meetings were making things go from this:

drawings.png

Michael works as a power trader and is expected to use Titan for his future transactions. He was tired of interacting with other traders over calls and emails and is happy about Elixir but is worried about the learning curve. Michael starts working on the app and realizes how easy and simple it is to use and is happy knowing it 

is an extension of his present methods and is very easy to use.

Untitled-1.png

DESIGN

STYLE GUIDE

Untitled-2.png
typo.png

I used Open Sans for this application on Client's request as all their other applications were built using Open Sans. Its a good choice since the font is highly legible on any type of screen.

USER FLOW CHART

SEQUENCE DIAGRAM

After several meetings and visits to the client locations, I came up with an Application Sequence Diagram which would be used to create wireframes.

map.png

WIREFRAMES

WIRE1.png
WIRE2.png
wire3.png
wire3.png

Wireframes helped us to analyze and validate users' requirements. After the final wireframes were reviewed by the Product team on the client side. I went ahead and created mockups based on all the information and files we worked on so far.

mocks.png

Login Screen

Trading Dashboard

Create Deal

Price entry

This was a challenging project as it was all based on an idea and there weren't any similar applications out there. Creating the flow, integrating their existing process into the application was challenging but I had a great team working on my side and all the research, meetings and interviews paid off.

bottom of page