T
Theodore Belkebir
All projects
2017 — 2020·Pro

Tradelab

10+ in-house trading tools, replacing the market standard.

Tradelab project cover
Tr
Role
Product Designer
Duration
2017 — 2020
Team
Product Owners · Developers · QA
Tools
Sketch · Zeplin · Jira
10+
Tools shipped
Research → handoff
Scope

Company

Now Jellyfish Group, Tradelab is a programmatic agency that enables its clients to improve the performance of their marketing campaigns through in-house Traders who are responsible for optimizing these campaigns.

My role

As part of the Product team, I worked with Product owners, developpers and QA testers. I was in charge of the design process of all new product team projects from user research to developer handoff.

Project goal

Build tailored tools for in-house tarders at Tradelab to replace the market tools they used and didn't have key features to optimize clients campaigns properly.

SAAS Suite

SAAS Suite (2017 - 2020)

Design a Suite of apps for in-house Tradelab traders to optimize the campaigns of their clients. This Suite contained +10 trading tools that were in constant development.

Design system

While building this Suite of apps using Sketch, I created a design system to ensure consistency in the design and the experience of each tool. Also, this helps the front-end team to build the library of components.

Color tokens.
Typography and text styles.
Form inputs and controls.
Buttons component.

Research

I needed to reach traders leads to gather their team needs, so I arranged workshop with them to help the product team understand how we can improve their wokflow.

I used different format to do that, mainly based on Carine LALLEMAND's book "Méthodes de design UX":

  1. /01Focus groups.
  2. /02User observation.
  3. /03Exploratory survey sent via Slack.
  4. /04Card sorting.
  5. /05User testing using Sketch prototyping.
Workshop session with traders.
Card sorting and synthesis.

Prototyping

All the tools were not requested in the same time, but we had ideas at the beginning of the project on the overall needs for the traders. I was in charge of validating the needs from the traders in collaboration with the Product Owners, and then build the appropriate tools using Sketch.

Creative campaign optimization tool.
Performance dashboard.
Bidding and targeting controls.
Reporting and analytics view.

Handoff for the development team

Using Zeplin, the development team had access to all the UIs validated with the different stakeholers. Also during the development process, we included an "UI/UX review" with front-end team to ensure aligement between the design and developped product.

Results for the SAAS Suite project

  1. /01Boost in productivity for the teams using the new tools compare to the team using market tools.
  2. /02Adding new services provided by our traders based on new tools we built.

Tools and techno used at Tradelab

  1. /01UI: Sketch.
  2. /02Front-end: Angular.js.
  3. /03Design system: Zeplin.
  4. /04Back-end: PHP.
  5. /05User research: Live workshops + Sketch prototyping.
  6. /06Project management: Jira.

Collaborators involved at Tradelab

  1. /01Front-end team.
  2. /02Back-end team.
  3. /03In-house traders teams.
  4. /04Product owners.

You may also like