web platform

Designing features that stayed.

ROLE
ROLE

UX/UI Designer

UX/UI Designer

UX/UI Designer

EXPERTISE
EXPERTISE

UX/UI Design - QA

UX/UI Design - QA

YEARs
YEARs

2020 - 2025

2020 - 2025

Project description

Project description

The product

Gazelle is Tierra's telematics platform for connected vehicles, designed for fleets moving on the road across rental, insurance, finance, services and logistics. A multitenant, multiregion B2B SaaS used by enterprise clients to manage cars, vans, trucks, scooters and their attachments. "Go, with confidence" is the platform's promise to its users.

MY ROLE

I joined an established product team to design UX flows for new features, applying an existing visual system and partnering closely with developers from requirements review to release testing. Research and requirements were defined by project managers. My work began when the "what" was settled and the "how" needed designing.

tIMELINE

Five years of continuous contribution from 2020 to 2025, spanning multiple feature releases across all five Gazelle verticals.

Process

Process

Five years of feature design taught me that the real work happens between the disciplines. In the conversation with developers, in the third iteration of a flow, in the Jira ticket that catches something nobody noticed. Here's how I approached it.

01 - requirements
Reading the brief, mapping the implications

Each new feature started with a requirements document from project managers, built on their user research and stakeholder alignment. My job was translating those requirements into UX implications, identifying flows, edge cases, and dependencies on existing parts of the product before sketching a single screen

Each new feature started with a requirements document from project managers, built on their user research and stakeholder alignment. My job was translating those requirements into UX implications, identifying flows, edge cases, and dependencies on existing parts of the product before sketching a single screen

Requirements analysis

Edge case mapping

System dependencies

02- ux
Designing the flow, then defending it

I designed the full user flow for each feature, keeping consistency with the existing Gazelle ecosystem and design language. Every flow was then presented to developers in detail, walking through interactions, states, and reasoning. This was followed by open discussion where technical feedback shaped the final design.

I designed the full user flow for each feature, keeping consistency with the existing Gazelle ecosystem and design language. Every flow was then presented to developers in detail, walking through interactions, states, and reasoning. This was followed by open discussion where technical feedback shaped the final design.

User flows

Interaction designSIGN

Dev collaboration

03 - UI & HANDOFF
Applying the existing system, with discipline

Once flows were approved, I applied the UI layer using Gazelle's inherited design system, a foundation built before my arrival that I learned to extend without breaking. Every new screen was documented and handed off to development with annotations covering states, validations, and behavior.

Once flows were approved, I applied the UI layer using Gazelle's inherited design system, a foundation built before my arrival that I learned to extend without breaking. Every new screen was documented and handed off to development with annotations covering states, validations, and behavior.

Existing design system

UI consistency

Detailed handoff

04 · TESTING
Catching what fell through the cracks

During development I tested every feature in a dedicated Alpha environment, comparing implementation against intended behavior. Bugs and inconsistencies were tracked through Jira with detailed reproduction steps and supporting media. Regular follow up sessions with developers resolved blockers and ensured what shipped matched what was designed.

During development I tested every feature in a dedicated Alpha environment, comparing implementation against intended behavior. Bugs and inconsistencies were tracked through Jira with detailed reproduction steps and supporting media. Regular follow up sessions with developers resolved blockers and ensured what shipped matched what was designed.

Alpha testing

Jira

Dev sync

A few features I helped shape.

A few features I helped shape.

Out of dozens of features designed across five years and five verticals, here's a selection that represents the kind of work: from live tracking to driver scoring, from geofencing to fleet administration.

Out of dozens of features designed across five years and five verticals, here's a selection that represents the kind of work: from live tracking to driver scoring, from geofencing to fleet administration.

01 • Dashboard

Meaningful information at a glance, informed decisions in your hands. The dashboard delivers a live view of the fleet, covering assets, vehicle health, driver activity and alerts. Designed to be readable in seconds and adaptable to the priorities of each vertical, from rental to logistics.

MY CONTRIBUTION

Built and maintained a scalable design system, improving UI consistency and reducing rework during development.

02 • Live map & fleet panel

GPS Live Tracking shows where every vehicle is in real time, paired with a contextual side panel listing each asset across the fleet. Selecting a vehicle on either surface, map or list, updates the other, keeping operators in sync as they monitor distributed fleets across regions.

MY CONTRIBUTION

Designed the map ↔ panel interaction model, asset clustering logic for high density zones, and the detail behavior when an asset is selected.

03 • Scorecard

Sudden acceleration and harsh deceleration can compromise vehicle safety and signal where driver behavior could improve. The Score Card surfaces those moments, giving fleet managers, insurance partners and finance companies the visibility to act on what was previously invisible.

MY CONTRIBUTION

Designed the score visualization, breakdown by behavior type, and the trend view that helps managers track improvement over time.

04 • Historical route playback

A time range player that replays vehicle movements on the map across any historical period. Useful for incident investigation, route optimization and post trip analysis. Operators can scrub through the timeline, zoom in on critical events, and inspect contextual data along the route.

MY CONTRIBUTION

Designed the time range controls, the playback interaction pattern, and the data overlay system that surfaces events as the vehicle moves through its historical path.

05 • Fleet administration

Designed table interactions, filtering and bulk action patterns, plus the permission management flows that handle role based access in a multitenant architecture.

MY CONTRIBUTION

Designed the score visualization, breakdown by behavior type, and the trend view that helps managers track improvement over time.

06 • Generated reports

Reports could be consulted directly inside the platform or scheduled for periodic delivery via email. Built for stakeholders who need fleet usage, driver behavior, maintenance status and fuel consumption data, with the flexibility to access it on-demand or receive it automatically.

MY CONTRIBUTION

Designed the report templates, the data hierarchy across categories, and the configuration flow that lets users define what each scheduled report contains and how it's delivered.

Results

Results

Working five years on the same enterprise product produces a different kind of impact than a short engagement. The impact is measured in continuity, breadth, and partnerships built across teams.

Working five years on the same enterprise product produces a different kind of impact than a short engagement. The impact is measured in continuity, breadth, and partnerships built across teams.

Five years, one product

Continuous contribution across feature releases and product evolutions, working in tight collaboration with product, development and QA teams.

Five verticals shipped

Features designed and shipped across all five Gazelle verticals (rental, insurance, finance, services and logistics), each with distinct workflows.

A design and dev partnership

Built a structured collaboration model with developers that turned design handoff from a transaction into an ongoing conversation, reducing post release fixes.

Key takeaways

Working five years on the same product taught me something most short engagements can't: how a design system actually evolves under pressure, how to pick the right battles with developers, and how the same flow needs different solutions when the user changes industry. The cleanest interface is the one that survives five years of feature additions without breaking.

Working five years on the same product taught me something most short engagements can't: how a design system actually evolves under pressure, how to pick the right battles with developers, and how the same flow needs different solutions when the user changes industry. The cleanest interface is the one that survives five years of feature additions without breaking.

Next project

Next project

The systems behind five years of products.

Create a free website with Framer, the website builder loved by startups, designers and agencies.