Case studyWeb Design
Integrated — Industrial Supply
An industrial supplier website for Integrated Technical Trading in Saudi Arabia, connecting heavy equipment imagery, sector expertise and a clear product catalogue.
- Client
- Integrated Technical Trading · Saudi Arabia
- Scope
- Corporate website & product catalogue
- Status
- Live website
- Category
- Web Design
01Overview
Integrated Technical Trading is based in Dammam and supplies heavy equipment parts and workshop consumables across Saudi Arabia. The website brings a broad industrial offer into one visual journey, moving from large equipment photography to the industries served, product categories, supplier brands and an enquiry form.
The challenge
A supplier spanning machinery, spare parts and consumables needs to make its range understandable to visitors with very different requirements.
What I did
- Lead with the working environment
- Give the business story a clear place
- Organise by sector before product
- Make a mixed catalogue easy to recognise
- Carry the visual hierarchy through to enquiry
The result
One homepage presents the company introduction, industry coverage, product range, supplier logos and enquiry form in a clear sequence.
02The problem
A supplier spanning machinery, spare parts and consumables needs to make its range understandable to visitors with very different requirements. The website has to establish the industrial context quickly, separate the sectors served from the products offered, and give each part of the range a recognisable place on the page.
03Approach
Lead with the working environment
The hero uses full-width excavator photography and a dark gradient behind a large white headline. It makes the equipment focus immediately visible. A white navigation bar provides a steady frame, while the red enquiry block introduces the main accent colour and a clear point of emphasis.
Give the business story a clear place
The company introduction sits directly after the opening image. Separate business, vision and mission passages provide context before the product range appears. Bold headings, generous margins and restrained background patterning distinguish this text-led section from the photography around it.
Organise by sector before product
A horizontal carousel introduces operating environments such as construction, mining, marine and power generation. Tall photographic cards use short labels, visible numbering and coloured lower edges. The sector view gives the catalogue a practical context without adding long descriptions to every card.
Make a mixed catalogue easy to recognise
Eight product categories sit in a consistent grid. Isolated images of cranes, generators, safety equipment and smaller components share the same open background. This balances very different object sizes and lets the imagery do much of the work of identifying each category.
Carry the visual hierarchy through to enquiry
A supplier logo strip follows the catalogue, then a centred enquiry form closes the main content. Thin field rules keep the form visually light, while the red message button repeats the navigation accent. The sequence moves from company context to product recognition and then to a place to describe a requirement.
04Screens
05Results
One homepage presents the company introduction, industry coverage, product range, supplier logos and enquiry form in a clear sequence.
Eight product categories have distinct imagery and labels within a consistent catalogue layout.
The red, charcoal and white palette connects the navigation, section headings and form controls.
Sector photography and supplier logos give the product range additional visual context.