FRANK
ANAYA

Work / UX design · SEMA

semashow.com, before and after

When I joined SEMA in August 2025 the show's key pages had grown by accretion: tiles on tiles, stale dates, no first action. These are the pages as the Wayback Machine last saw the old versions, next to what is live now. Dates are under every frame. Click any screenshot to see it full size.

6
pages, before and after
Aug 2025
joined SEMA
1
brand, one design language
live
on semashow.com
semashow.com · exhibitor hub, today Current semashow.com exhibitor page with a hero, two CTA tiles and a resource grid
semashow.com · exhibitor hub, today. Click to enlarge.

How to read these

Every "before" is a Wayback Machine capture, dated under the frame. Where the archive had no snapshot from August 2025, the nearest one that still shows the old page is used and the date says so. Every "after" is the live page, captured on the same day at the same width. No retouching on either side. The stale dates in the old captures are left in, because they are part of what needed fixing. Missing images are the archive's, not the site's.

The pattern across all six is the same. Decide the one thing a visitor came to do and put it first. Give the page a reading order. Keep the SEMA red and condensed type, because the brand was never the problem.

Exhibitor hub

Before · archived 10 Aug 2025 Old semashow.com exhibitor page: a Why Exhibit block, a grid of link tiles and an Important Dates list
After · live semashow.com Current semashow.com exhibitor page: red and black nav, hero with a car and the headline Real Opportunity, two call-to-action tiles, then a grid of eight resource tiles

Before, the page was a bag of tiles with no first action. After, two actions sit at the top (reserve a booth, see the floor plan) and the eight resources exhibitors ask about most are one grid below.

Why exhibit

Before · archived 18 Aug 2025 Old semashow.com why-exhibit page: Registration is now open hero, a video, quick-link tiles, a dates timeline still showing 2024 and a stack of floating buttons over the hero
After · live semashow.com Current semashow.com why-exhibit page: dark hero with three attendance stats, a row of CTAs, audience insight cards with percentages and a global reach chart

The old page still carried a 2024 timeline and a stack of floating buttons over the hero. The new one leads with the three numbers a sales director needs, puts Contact Sales and Reserve Your Booth in one row, and turns the audience data into cards you can scan.

Plan your visit

Before · archived 11 Oct 2025, still the pre-redesign page Old semashow.com plan page: a long stack of image-and-text cards with outlined buttons, every section the same size
After · live semashow.com Current semashow.com plan page: dark hero reading Plan Your 2026 SEMA Show Experience, a badge pick-up band, a step list in the left column and numbered sections with Explore buttons

Before, every step of planning a visit was a card of equal weight in one long stack. After, the steps live in a sidebar you can jump from, and each section is numbered so the page reads in order.

Why attend

Before · archived 15 Oct 2025, still the pre-redesign page Old semashow.com why-attend page: hero with a stats row, a Five Reasons card grid with photos and a dark call-to-action band
After · live semashow.com Current semashow.com why-attend page: white hero reading Attend SEMA 2026 with a car render, an Unrivaled Access section with a video and red stat numbers

The old page stacked a hero, a stats row, two CTAs and a Five Reasons photo grid into the first screen. The new one opens with one car, one headline and one register button, and saves the stats for after the video. Fewer things on screen at once; each one bigger.

Transportation

Before · archived 12 Jul 2026, the pre-redesign page Old semashow.com transportation page: a plain white page of shuttle and pickup tables under a dark header, no imagery and no call to action
After · live semashow.com Current semashow.com transportation page: dark hero reading Transportation Resources, a red Shuttle Schedule button, a row of transport mode icons, then schedule tables with highlighted rows

Before, this was tables on a white page and nothing else. After, you pick your mode from an icon row, the shuttle schedule is the first button, and the tables highlight the row you are looking for.

Education

Before · archived 20 Sep 2025 Old semashow.com education page: a search bar over a grid of photo tiles with small labels and empty space below
After · live semashow.com Current semashow.com professional-education page: split hero reading Invest in your success with two buttons, numbered sections, partner program tiles and a speaker submission call to action

The old /education hub was a search bar and a tile grid with no obvious next step. That URL now lands on /professional-education, which tells you why to come, then walks through the programs in numbered sections with one action per block.

Education schedule

The schedule is the page attendees actually use during show week. There is no archived version of it to compare against, so this one stands alone: program tabs, day tabs, a timed list, and My Show Planner one click away.

After · live semashow.com/education-schedule Current semashow.com education schedule: Education Session Schedule headline, program tabs for SEMA, SCRS, I-CAR and TIA, date tabs, and a time-stamped list of sessions

What I'd still change

The why-attend hero carries too much white space at desktop width, and the transportation tables are still dense on a phone. Both are on the list. A before-and-after is a snapshot of one pass, not a finish line.