New Customer Account Page

Problem Space

Trans-Ontario Express is a B2B LTL and FTL freight shipping company that does work for their customer accounts. New accounts would either have to be recruited through a sales rep, or they would have to email or call in order to create an account. There was no central landing page for new companies to register on their own. The registration page was buried in their resources & downloads page, which made it difficult for new customers to find.

The floor manager came to me and suggested creating an easier way for new companies to find the registration form. The registration form was buried in their resources & downloads page, did not have clear instructions on who to send the PDF to. The PDF was also not a fillable form, so customers would have to print off the form to fill it out, and then either scan or fax it in.

My Role

  • UI Designer
  • Front-End Web Developer
  • WordPress Developer

First Temporary Design Made

I made a temporary landing page so customers could access the registration form easier while I designed a new page because I knew it would take some time.

Temporary landing page to access the registration form

Wireframe + Mockup for the Page

wireframe for registration page
new

Developed Pages on the Old Site

The old site was created fully with HTML and CSS

Developed Pages on the New Site

Trans-Ontario’s had a minor rebrand in 2023, including revamping the website. My team re-looked at the Customer Registration page and recreated it as the “Setup an Account” page.

webpage screenshot of the "setup an account" page
The new site is created with a content management system: WordPress and CSS
Desktop view of contact form for transontario setup page
Second half of page showing the contact page and sticky nav

Mobile View

Mobile view of setup an account page 1
Mobile view of setup an account page 2
Mobile view of setup an account page 3

An article on the full rebrand and new website will be coming up very soon! Please stay tuned, or feel free to visit the live Trans-Ontario website.


let’s build something together.

© Arienne Visuals