Published: May 25, 2022
I had a look at three heavy-vehicle tyre manufacturer's websites - Mitas, BKT and Yokohama OHT. I'll use data from the Mitas website for building this application. I noticed some of their tyres not displaying ply rating information. I'll probably drop them from my dataset.
Here is the high-level sitemap of the demo website I will be building. Please note that the actual number of sub-pages will be much higher after I complete development.
Here is the page hierarchy based on the above sitemap.
|Sector listing||Browse sectors|
|Machinery listing||Browse machinery by sector|
|Machinery detail||Browse tyres by sector & machinery|
|Application listing||Browse applications|
|Application detail||Browse tyres by application|
|TyreFinder||Search landing page. Tyre listing page.|
|TyreFinder results||Search results|
|Careers||Careers home page|
|Job detail||Details about a job opening|
The next obvious step for me is UI design. I'll share a draft UI style guide and a mockup for the tyre-detail page in my next blog post.
Last updated: May 25, 2022, 5:09 p.m.