Find a specific product
Catalogue search and category/brand filters provide practical routes through the range.
Industrial catalogue · Bahrain
Al Shawi Trading
From a product list to a useful buying conversation.
A searchable industrial catalogue connecting products, brands, model details and supporting documents.
The homepage establishes the range; the catalogue gives buyers a more focused way to explore it.
The context
What does the visitor need?
Industrial enquiries often depend on a specific model, category or technical document. A general company introduction is not enough to help a buyer identify what they need. The website gives product information a clear structure and keeps the enquiry close to the items being considered.
Our approach
Design around the job to be done.
We organised the English catalogue around product categories, brands and model information, with an Arabic company overview for visitors who prefer an introduction in Arabic. Search and filtering help narrow the catalogue. Supporting manufacturer documents sit alongside the browsing journey, while the enquiry basket lets a visitor collect relevant products before preparing a request. The design supports enquiry-led sales rather than suggesting an online checkout.
What we delivered
Details that make the experience useful.
Read the supporting detail
Product and document pages keep model information and manufacturer material available before contact.
Enquire with context
The enquiry basket prepares a draft that can be copied or opened in the visitor's email app. Direct automatic delivery is not configured.
The visitor journey
From interest to the next step.
One way visitors can move through the website.
- Browse a category
- Narrow by brand or model
- Check documents
- Prepare a product enquiry
Across screen sizes
One website. Room for every screen.
The same page at three viewport sizes. Select any screen to explore the detail.
Designed for the next step
From product selection to an office enquiry.
Product buyers can collect models and quantities, then add their contact details and questions in an email enquiry. The interface offers direct sending, an email draft or copied text; phone and document links support visitors who need a different starting point. Supply and suitability still require confirmation.
Test evidence
A closer look at website health.
Lighthouse lab checks of the live homepage on 13 November 2026, on mobile and desktop. Scores below are ordered: performance, accessibility, best practices and SEO.
What do these results mean?
These checks help identify friction in loading, using and understanding a page. They guide improvements; they do not guarantee enquiries, search rankings or full accessibility compliance.
The headline scores
- Performance
- How quickly content appears, becomes usable and stays in place during this test.
- Accessibility
- Automated checks for barriers such as missing labels or low contrast. Manual review is still needed.
- Best Practices
- Basic browser, connection and code checks; this is not a full security audit.
- SEO
- Technical basics that help search engines read the page. This is not a ranking prediction.
- Agentic Browsing
- Experimental checks for AI browsing tools. A fraction such as 2/2 shows checks passed, not a score out of 100.
Timing and stability
- FCP
- When the first text or image appears.
- LCP
- When the largest visible piece of content appears.
- TBT
- Time when long tasks can delay input during loading.
- CLS
- How much content unexpectedly shifts position.
- Speed Index
- How quickly the visible page fills in.
For these timings and CLS, lower is better. s means seconds; ms means milliseconds.
These are snapshots of lab tests, not real-user data or whole-site certification. Results vary between runs with device, network and test conditions. Select a report to enlarge it. These are selected repeat runs; earlier runs returned different scores.
The delivered result
A clearer, connected experience.
The English catalogue and Arabic overview bring product discovery, technical details and the enquiry step together, helping visitors prepare a focused request for the trading team.
Client feedback
In the client’s words.
“Working with Maroon Frog mr. Ammar is a very good experience, He's friendly and open to ideas, Does a lot of meetings to take in and apply your ideas on the website.”
An excerpt from a public Google review about the experience of working with us.