Trading across bordersZarqoonUras
Good food. Across borders.
A trading business, brought into focus.
A distinctive website and searchable product catalogue for Zarqoon Uras Trading. Built by Hot Ice Cube to connect product discovery with a clear trade enquiry.
Explore the project
- Industry
- Food import & export
- Services
- Website design & development
- Tech stack
- HTML · CSS · JavaScript
- Key features
- Search · Filters · Enquiries
02 / The challenges
A broad range. A clear way through.
The website needed to introduce the company and make a varied product range useful to trade buyers. Four practical challenges shaped the experience.
One catalogue, many buying journeys.
The product range expanded into 91 items across 12 categories. Search, category filters and dedicated product pages make that range easier to navigate without turning the homepage into an endless list.
Trade enquiries need the right details.
Products require discussion of quantity, destination, packing and specification. The enquiry route collects those requirements and prepares an email draft, instead of implying that prices or orders are confirmed online.
Rich imagery across screen sizes.
Large product photography, a slideshow and background video needed layouts that also work on a phone. Responsive grids, image framing, mobile navigation and playback controls keep the experience usable at smaller widths.
A consistent catalogue that can grow.
Repeating product details manually would make changes harder to manage. A shared product data file and reusable page generator keep category and product layouts consistent.
03 / How we approached it
From the business, to the details.
Hot Ice Cube brought the visual identity, catalogue structure and enquiry journey together in a single website experience.
Plan the buying journey
We organised the supplied company information and product range around the needs of importers, distributors and procurement teams. The primary action was a trade enquiry, supported by clear product information.
Shape the brand experience
We developed the warm brown, cream and gold presentation across the homepage, navigation and product pages, with large imagery and an editorial rhythm.
Build the connected catalogue
We implemented the searchable product register, category filters, progressive product loading, product pages, related-product links and product-aware enquiry links in HTML, CSS and JavaScript.
Check the experience
We reviewed the responsive layouts and the route from product discovery to enquiry, then refined the banner, menu, product presentation and supporting sections through successive revisions.
Prepare the handover and launch
We packaged the static website, assets and editable source files for hosting. The resulting website is live at zarqoonuras.com, with 91 products across 12 categories.
03.1 / Custom functionality
From discovery, to a useful enquiry.
- Product search & filtersKeyword search, twelve categories and a show-more control for focused browsing.
- Connected product pagesSpecifications, related products and enquiry links that carry the selected product forward.
- Custom enquiry formProduct, quantity, destination and requirements are prepared in an email draft for the buyer to send.
- Helpful extrasA downloadable product list, FAQ accordion, mobile menu, slideshow controls and background-video playback controls.
04 / Responsive design
One experience. Every screen.
The homepage, company story, business solutions, contact form and product details adapt to smaller screens. Desktop and mobile mockups bring the page layouts together. Scroll within a device to explore its full capture, or open the original image.
1 / 6 · Home — Desktop
05 / Speed & performance
Built with restraint. Measured with evidence.
The site uses a static HTML, CSS and JavaScript build. Deferred scripts, lazy-loaded supporting images and reusable page templates keep the implementation focused. Google PageSpeed Insights measured 99 Performance on both devices, with 96 Accessibility, 100 Best Practices and 100 SEO. The original report captures below document the homepage test.
Mobile
Google PageSpeed Insights · 2 November 2026
Homepage lab test · Lighthouse 13.6.0. Scores can vary between runs. View Google report ↗
Desktop
Google PageSpeed Insights · 2 November 2026
Homepage lab test · Lighthouse 13.6.0. Scores can vary between runs. View Google report ↗
Tested 2 November 2026 at 23:27 GMT+5 · https://zarqoonuras.com/ · Lighthouse 13.6.0. Lab measurements, not real-user field data. Mobile LCP: 1.0s; desktop LCP: 0.4s.
06 / Easy to maintain
A focused build. Fewer moving parts.
The client receives the website files, assets and product data. Copy and styling can be updated directly in the source; the catalogue generator creates product and category pages from the shared product data.
This is a static website, so there is no WordPress plugin stack or page-builder dependency to update. It keeps the runtime simpler and reduces opportunities for plugin conflicts. Content changes are file-based and should be handled by someone comfortable editing the supplied source.
Clear files.
Consistent updates.
- Company content
- Editable HTML sections
- Product catalogue
- Shared JavaScript data + page generator
- Visual design
- CSS styles and supplied assets
- Enquiries
- Browser-prepared email drafts
No database-driven CMS is required for the current build.
07 / Search foundations
Clear information. Connected pages.
Individual product and category pages have descriptive titles and meta descriptions. Semantic headings, product-image alt text, breadcrumbs, related-product links and descriptive file paths help visitors—and search engines—understand the catalogue.
Responsive layouts and lazy-loaded supporting imagery support usability across devices. These are foundations for discoverability, not a promise of search rankings.
Technical verification pending: live structured data, XML sitemap, canonical configuration, hosting cache.
Zarqoon Uras
Delivered website scope
- Products
- 91
- Categories
- 12
- Website pages
- 105
- Core journey
- Discover → Enquire
StatusLive
Visit the website ↗