Visit FleetPro Truck Center website Visit FleetPro Warehousing website
FleetPro Websites Hero Showcase

FLEETPRO WEBSITES

Websites redesign and brand identity materials for two branches of american logistics company: FleetPro Warehousing & FleetPro Truck Center

My contribution:
  • Responsive design
  • UI Kit, reusable components
  • Color palette & typography
  • Brandbook & advertisement
Tools I used:
Figma Illustrator

Project Overview

01 / STARTING POINT

Inconsistent UI

  • Duplicated and inconsistent elements
  • No unified UI patterns for two websites
  • Difficult to scale and maintain
02 / DESIGN GOAL

Build a Scalable Foundation

  • Preserve the existing visual identity
  • Standardize core UI elements
  • Simplify future page development
03 / MY CONTRIBUTION

Reusable UI System

  • Refined the existing visual style
  • Created reusable components
  • Standardized layouts and UI patterns

UI-Kit

Components

Rebuilt core UI elements as reusable components, making the interface easier to maintain and extend.

Components Showcase 1 Components Showcase 2 Components Showcase 3

Typography

Structured existing typography styles and standardized text styles across the websites.

Typography Showcase 1 Typography Showcase 2

COLOR SYSTEM

Organized the existing brand colors into a consistent, reusable color system.

Colors Showcase

New pages

As the businesses expanded, new services required new pages. The redesigned UI made it easy to add new content while staying consistent with the existing design.

New Page Showcase 1
New Page Showcase 2
New Page Showcase 3
New Page Showcase 4

Outcome

A consistent and scalable UI foundation with reusable components, easier implementation, and flexibility for future pages.