← Back to Portfolio Visit Live Site ↗
Case Study — 01

Trakop — Delivery Management Platform

Type

SaaS Web App & Marketing Site

Role

Senior UI/UX Designer & Developer

Tools & Tech

Figma, Photoshop, HTML, WordPress

2. The Requirement / Problem

Trakop needed a unified, scalable delivery management platform catering to route optimization, live tracking, and order dispatching for recurring delivery businesses. The existing system lacked modern aesthetic appeal, UI consistency, and responsive adaptability across devices.

3. My Approach

  • Understanding Requirements: Collaborated with product owners to map route tracking and dispatch workflows.
  • Wireframing: Developed low-fidelity wireframes to establish clear dashboard visual hierarchies.
  • Design System: Constructed a flexible UI component library in Figma for consistent brand styling.
  • Responsive Design: Handcrafted adaptable layouts for seamless mobile, tablet, and desktop viewports.

4. Design Process

Requirements
→
Wireframes
→
UI Design
→
Prototype
→
Development Handoff

5. Final Design

Here are key screenshot of the final landing created for Trakop.

6. My Contribution

Designed the UI/UX end-to-end in Figma, built scalable reusable design components, and engineered front-end visual integrations (HTML, SCSS, WordPress) ensuring high performance and pixel-perfect design accuracy.

7. Outcome

  • Improved overall platform usability across desktop and mobile devices.
  • Accelerated team velocity using a structured component design system.
  • Enhanced conversion rates on marketing landing pages.
EXPLORE LIVE SITE ↗