the client
corpotrade is one of the largest glass industry trading and engineering companies in the Middle East. they operate across manufacturing facilities in 12 countries, supplying architectural glass, safety glass, and glass engineering solutions to construction projects across the region.
their products are in some of the most recognizable buildings in the Gulf. their digital presence, until we worked with them, did not reflect that.
the challenge
b2b companies in traditional industries often have the same problem: their website was built when the web was young, it was never updated with intention, and it reads like a brochure from 2008.
corpotrade needed something different. not a brochure. not a portfolio. a platform that could serve three distinct audiences at once:
- architects and project managers looking for technical specs and certifications
- procurement teams evaluating suppliers for large-scale projects
- factory partners and distributors managing ongoing business relationships
each audience needed to find what they needed quickly, without wading through content meant for someone else.
our approach
because this project combined design and development, we ran a compressed 2-week discovery phase before moving into design.
we mapped the three user journeys separately, identified the content each group needed, and designed a navigation system that surfaced the right entry point for each audience without asking them to self-identify.
the key structural decision was building the product around three content verticals: trading, engineering, and solutions. each had its own visual identity within the broader brand, its own technical documentation structure, and its own contact pathway.
the insight that drove the architecture: the three audiences rarely needed the same content, but they would always land on the same homepage. the homepage needed to route them efficiently without looking like a decision tree.
the visual system
corpotrade's brand was classic and industrial. we kept that feeling while modernizing the execution:
- a dark, structured grid that reads as precise and technical
- glass-inspired visual motifs: transparency layers, refraction effects in the hero
- a type system using weight contrast to separate product names, specifications, and supporting copy
- a photography direction focused on scale: large construction sites, architectural detail, factory floor precision
development
we built the platform on Next.js with a content management layer that allowed the corpotrade team to update product listings, certifications, and project references without developer involvement.
performance was a priority. the target market includes users on slower connections in markets across the Middle East and Africa. we optimized for fast first paint and built all product pages with static generation.
3
audience types served
12
countries covered
6 weeks
design to launch
outcome
the platform launched in Q3 2023. corpotrade reported a significant increase in qualified inbound inquiries from new markets within the first 90 days.
the content management setup has allowed their team to add 40+ new product pages without any external support since launch.