View Case Study

Tade Go
About
TADE GO is an official partner of Yandex Go operating in Belarus, Georgia, and Turkey. The company recruits, onboards, and supports couriers and drivers, providing stable payouts and 24/7 technical support. TADE GO provides couriers and taxi drivers with a dashboard - where they can track delivery statistics, payout history, bonus points, and other key performance metrics in one place.
Scope
  • UX/UI design
  • Design System
  • Motion
Role
  • Product Designer
Problem
After developing the new brand identity for TADE GO, it became clear that the existing bootstrap-based dashboard for taxi drivers and delivery personnel could not consistently support the updated visual language.
The component library existed only within bootstrap’s generic styling framework rather than as part of a cohesive brand system, resulting in visual inconsistency and weak brand presence.
The challenge was to integrate the new identity into the existing Bootstrap architecture by building a component-based design system (without migrating or rebuilding the entire dashboard from scratch) while preserving usability, scalability, and existing development constraints.
Old dashboard
Before the redesign, the dashboard was built using DashLite - a generic bootstrap-based admin template. It operated without a brand-specific visual system, which made the interface feel disconnected from the TADE GO identity.
This became more evident in the multilingual setup. The dashboard supported three languages - English, Russian, and Turkish - and without a unified system, components behaved inconsistently across languages.
As the product evolved, maintaining visual and structural consistency required manual adjustments, increasing both design and development overhead.
The system
The design system was developed with full consideration of the existing bootstrap component library. Rather than replacing it, the goal was to restructure and standardize its components so they could serve as flexible, brand-aligned building blocks within the current framework.
The system was built to work within bootstrap’s constraints while enabling consistency and scalability. Light mode was established as the primary foundation, with support for dark mode integrated at the system level.
DARK MODE
Survey data collected from the client’s employees showed a high preference for dark mode. Based on this insight, dark mode was incorporated into the design system to ensure consistent component behavior and visual coherence across both color themes.
It was built using Figma Variables, allowing color roles to be defined semantically and switched at the token level without duplicating components.
MOTION
The animated login screen was designed as a brand recognition touchpoint. Since the dashboard is accessed frequently, the entry screen helped immediately signal that this product belongs to TADE GO, reinforcing brand identity from the very first interaction.
The animated birthday greeting was introduced as a non-intrusive personalization element, adding a human touch to the product.
Next Case