All work 03 / 13 Professional / UX/UI — 2026

AM Trans USA Website

Brand identity, website design and build for AM Trans USA, a nationwide heavy-haul, rigging and specialized freight carrier. The site is built around two jobs: rate quotes for shippers and applications from drivers.

Role
Web designer & developer · brand identity
Client
AM Trans USA
Context
Freelance, for a repeat client
Timeline
2026
Tools
Next.js
Pages
Home, Request a Quote, Driver application, News
Outcome
Live at amtransusa.com
AM Trans USA Website, cover image
01

Overview

I designed and built the website for AM Trans USA and created its logo and brand identity. It was a freelance project for a repeat client, the company’s founder, whom I had worked with before.

The site has two audiences. Shippers need to trust the company with a difficult load and ask for a rate. Drivers need to see what the job is and apply. Both paths start in the hero, with a red “Get a Rate Quote” button and an outlined “Become a Driver” button, and each ends on its own form page.

Scope
Logo and brand identity, UX/UI design, and development on Next.js.
Audience
Shippers with oversized or time-critical freight, and CDL drivers, both company drivers and owner-operators.
Structure
A long home page that leads to a quote form, a driver application and news articles. A mega-menu groups the site into Company, Services, Drivers, Resources and Contact.
02

First impression

A full-bleed video hero carries one line, “Built to Move What Others Can’t”, and the two primary actions. Below it, a short company statement sits beside a dotted map of the United States, a quick visual cue for nationwide coverage.

Home — video hero with quote and driver calls to action
Fig. 01Home — video hero with quote and driver calls to action
Home — company statement and nationwide map
Fig. 02Home — company statement and nationwide map
03

Brand identity

I created the AM Trans logo: an italic wordmark with red triangles set into the A’s, under a red eagle-head swoosh, plus a stacked version for app and browser icons. The palette uses deep navy and navy for backgrounds, a lighter blue for accents, and red for the logo and every call to action. Poppins sets the headings and Inter the body text and interface.

Logo — primary lockup and stacked mark
Fig. 03Logo — primary lockup and stacked mark
Brand system — color and type as used on the site
Fig. 04Brand system — color and type as used on the site
04

Services

All six capabilities share one card pattern: a photo, a title, a one-line specialty and an Explore link. The services are heavy haul, engineering & load planning, time-critical, rigging & machinery, permitting & compliance, and project logistics. The cards sit in a carousel with arrows and dots.

Home — Explore Our Capabilities carousel
Fig. 05Home — Explore Our Capabilities carousel
05

Trust

The middle of the page holds the trust content before the next ask: a rate-quote banner, a row of equipment-brand logos, testimonial cards tagged by industry, and an animated counter band. I designed these as reusable components: glass cards, industry pills and count-up numbers.

Home — rate-quote banner
Fig. 06Home — rate-quote banner
Home — brand-logo row and testimonial cards
Fig. 07Home — brand-logo row and testimonial cards
06

Recruiting & news

The driver pitch gets its own section with a portrait and a single red call to action. The three latest articles and a four-column footer follow.

Home — counter band and driver recruiting
Fig. 08Home — counter band and driver recruiting
Home — news cards and footer
Fig. 09Home — news cards and footer
07

Forms & inner pages

Inner pages drop the photography but keep the navy system. The quote request is a dark form card asking for origin, destination, cargo type, weight, dimensions and pickup date. The driver application is longer and includes CDL details. Articles use a reading layout with category, date and read time.

Request a Quote — form page
Fig. 10Request a Quote — form page
Driver application — form page
Fig. 11Driver application — form page
News — article layout
Fig. 12News — article layout
08

Mobile

On phones, the mega-menu folds behind a menu button, the hero buttons stack, and cards and testimonials fall into a single column.

Mobile — hero
Fig. 13Mobile — hero
Mobile — services carousel
Fig. 14Mobile — services carousel
Mobile — testimonials and stats
Fig. 15Mobile — testimonials and stats
09

Outcome

The site is live at amtransusa.com, carrying the new brand from the logo through every page.

  1. Logo and brand identity: wordmark, stacked mark, color and type.
  2. UX/UI design for the home page, quote request, driver application and news pages, on desktop and mobile.
  3. Built on Next.js and live at amtransusa.com.