Background
In 2021, my landlord ran a small logistics business transporting goods from China to Canada.
He didn’t have a website and mainly used WeChat to contact clients. Because of this, he found it hard to collect so much information on parcels.
So, he needed a website where clients could fill out the freight information easily, and he could have the information organized somewhere.
User Interview
Archibald
- International student at university.
- $1,000 per month by assisting professors.
- had a laptop and a phone.
Psychographic
- Technology geek and fan.
- Embrace new things.
- On a budget.
Scenario
Archi was a client of Morgan’s business, but he later chose another logistics company. He complained that Morgan’s company was slow and expensive.
Painpoints
- It might be hard for me to estimate the price for some goods.
- The logistics fee was a bit more expansive because of the volume of package.
- Filling out information in Excel and sending it to Morgan was troublesome.
End Goals
- Easier to estimate price.
- Less volume, cheaper price.
- No need to fill out forms.
Morgan
- safety specialist at an oil rig and landlord of a house. $70,000 per year.
- had 2 laptops and a phone.
- had 3 chidren.
Psychographic
- friendly, easygoing.
- embrace new ideas and technologies, but reluctant sometimes.
- On a budget.
Scenario
Morgan was the founder of the logistics business. He had around 150 clients. He wanted to make it easier to collect freight information and have it organized somewhere.
Painpoints
- It was hard to put together over 30-40 freight information. Some clients quit using his service.
End Goals
- Easier to organize freight information.
- not losing clients anymore.
Design Rationale
They needed a website where clients could easily estimate the freight weight and fill out freight information. And the business owner could easily organize freight information.
So, they needed functionalities of a webpage that auto-organized freight information, a way to quickly input freight and user information, and an easy way to estimate freight weight.
The functionalities should be easy for viewers to learn how to use them, and the instructions should be accessible on the homepage.
Wireframes
hello
Low-fidelity Mock-ups
High-fidelity Mock-ups
Hero image
Hero image is composed of trendy isometric illustrations.
Process of Delivery
This illustration describes how our delivery service works, which reassures clients.
Our Strengths
I hghlighted the major competitiveness of our company.
Homepage
Homepage
Hero image
Hero image is composed of trendy isometric illustrations.
Process of Delivery
This illustration describes how our delivery service works, which reassures clients.
Our Strengths
I hghlighted the major competitiveness of our company.
Quotation Page
Quote Estimation Form
A form where users fill out freight information and quickly get a quote.
Comparison Table
A list of objects ranging in weight from light to heavy helps users easily estimate the weight of their freight.
Track Package
This is for users who want to know where their packages have been shipped to.
Information of Package
After entering the tracking ID, It will show the address where the package has past through and where the package will arrive at.
Order-tracking Page
Order-tracking Page
Track Package
This is for users who want to know where their packages have been shipped to.
Information of Package
After entering the tracking ID, It will show the address where the package has past through and where the package will arrive at.
Table of Freight Information
Freight Information
This page is for the business owner (Morgan) who wants to store all freight quote information in a table.
Filter
This filter helps narrow down the search of a specific package.