Designed & Built
Welocity · Web Design & Development · Canada

Welocity
A Complete Website,
Designed and Coded

Designed and developed a responsive, professional website for Welocity a Canadian trucking services company offering dispatch, freight brokerage, permits, insurance, and compliance solutions.

Designer & Developer

Responsive Website

welocity.ca

Figma · HTML · CSS · JS · PHP

Personal Project · Client Work

01 · About This Project

Design to deployment
end to end

Welocity needed a professional website that could serve as the primary digital presence for their Canadian trucking business communicating services clearly, generating leads, and building trust with clients across the trucking and logistics industry.

I designed and built the entire website from initial wireframes in Figma through to live deployment. This project demonstrates that I can take a design all the way to a working, shipped product without handing off to a developer.

Visit welocity.ca →
02 · Services Covered

A complex service offering,
made navigable

Welocity offers a broad range of trucking services. The design challenge was organising a complex service portfolio into a clear, navigable structure that lets visitors quickly understand what's available and take the right action.

Dispatch Training
Freight Brokerage Training
Trucking Permits & Authorities
Trucking Certifications
Log Book Auditing
Safety & Compliance
03 · Built With

Design and code both mine

Figma
HTML5 & CSS3
JavaScript
PHP
VS Code

Responsive front-end - HTML5 & CSS3

Mobile-first responsive design the site works cleanly across phone, tablet, and desktop. Built with clean, semantic HTML5 and CSS3 for fast loading and SEO-friendly structure.

Dynamic features - PHP back-end

PHP powers the contact form, blog functionality, and content management making it easy for the Welocity team to update content without touching code.

SEO & performance optimisation

SEO-friendly code structure, fast loading times, and performance optimisation built in from the start not added as an afterthought.

04 · Design Screens

The website

Homepage - desktop
Welocity homepage
HomepageClear service communication professional, trustworthy, and lead-generation focused
Services & mobile
Services page
ServicesComplex service portfolio organised into a clear, scannable structure
Mobile view
MobileFully responsive the site works cleanly on all screen sizes
← Previous Soul Shots