Interviews
Stakeholders, truckers, and maintenance staff helped define what the website needed to explain.
Go By Truck · Logistics websiteUX research · Website design
I redesigned the Go By Truck website.
People needed to understand the service and what the demo would show. Interviews showed that the old site’s competing images made it hard to know where to go. I simplified the page structure and made the next step easier to find.
Explain the service. Make the demo easy to find.Original project artwork
My role Interviews, wireframing, and website design.
What I did
I interviewed stakeholders, truckers, and maintenance staff. I used that input to redesign the website, working through a styled wireframe and desktop and mobile page layouts. The work shown here is the website that explains Go By Truck’s services.
ResearchStakeholder + trucking interviews
StructureOriginal styled wireframe
DesignDesktop + mobile pages
01Interviews
People needed to understand the site quickly.
I interviewed stakeholders, truckers, and maintenance staff about the website. People described a site that felt messy with images. They needed a clear message and an obvious place to go.
People also needed to know what the demo was for and how to request it. A button needed to sit with enough context to make that decision.
I used that brief to organize the service information, audience choices, and main action. The wireframe and page designs below show how I worked through it.
The design question
How do we explain the service and give people a clear reason to request a demo?
02Before + after
A clearer introduction to the business.
The original homepage put shippers and carriers below its opening message. In the redesign, those audience choices are visible in the main navigation, alongside service information and the next step.
The original site and the redesign.
Compare the opening message, audience navigation, and main action. Both images are original project artwork.
The earlier site spread its introduction across several image-led sections. Shipper and carrier choices sat below the opening content.
Enlarge imageThe redesign brings audience choices into navigation and keeps a visible action near the service message.
Enlarge imageThe artwork includes the company’s original marketing copy. Figures pictured inside the screens are not results of my redesign.
03Styled wireframe
I worked out the structure before the final pages.
This is my original styled wireframe. It established the page order and visual hierarchy while the content was still taking shape.
Original project artwork
Structure before final copy.
Placeholder text is part of the original wireframe. Look at the section order and the position of the main action.
- 1Start with the service
A headline, main action, and video area give the page a clear opening.
- 2Group the features
Repeated blocks make the service details easier to scan.
- 3Order the supporting detail
About information and other detail follow the introduction.
04Page design
Explain the service before asking for the demo.
People needed a reason to take the next step. I gave the website a more ordered way to present the service, show its features, and direct visitors to the relevant information.
Service pages and navigation.
The service explanation and demo action work together. The expanded menu gives visitors context before they choose a page.
The headline, explanation, and demo action appear together near the top. More detail follows in separate, readable sections.
Enlarge image
The expanded menu pairs service choices with a short explanation. Shippers and Carriers & Drivers remain distinct choices in the main navigation.
Enlarge image05Mobile
Keep the message and next step together.
The phone layout carries the same service introduction into a smaller screen. The main action follows the message, with supporting information below it.
Original mobile artwork
The page still needs to make sense on a phone.
The opening message, main action, and explainer video follow one reading column.
- A compact header keeps the opening focused.
- The main action sits with the service message.
- Supporting content follows the introduction.
06Delivered work
Research carried through to the website design.
I took the interviews into the page structure, styled wireframe, and responsive layouts. The redesign gives people a clearer introduction to Go By Truck and a more visible route to the demo.
A styled wireframe
The original wireframe established the section order before the final pages.
Responsive page designs
Service pages and navigation carried the design across desktop and mobile.
Measurement: I did not have access to post-launch analytics. Traffic and conversion results are not reported here.