
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.

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:

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.

DESIGN
STYLE GUIDE


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.

WIREFRAMES




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.

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.