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

FLEETPRO WAREHOUSING & TRUCK CENTER WEBSITES

Websites redesign and brand identity materials for two branches of american logistics company.

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

Starting Point

The challenge:

  • Unsystematic UI
  • Duplicates & inconsistent UI across pages
  • Difficult scaling
  • No possibility to add pages in same styles
  • Hard for developers to work with it

My approach:

  • Refined, rather than redesigned the visual style
  • Standardized core UI elements
  • Created reusable components
  • Made it ready-to-dev

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

Colors

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

Colors Showcase

Animation

Defined basic interaction patterns and prototyped animations in Figma.

Animation 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.