Skip to main content
Rukun Al Zuhab
Corporate WebsiteProduction

Rukun Al Zuhab

Industrial supply company showcase

A high-performance corporate website for a Saudi Arabian industrial supply company. Features polished animations, a professional brand identity, and a seamless user experience across all devices.

Project Overview

What it is

A corporate showcase website for an industrial supply company, designed to establish credibility and communicate their product catalog and infrastructure capabilities.

Who it serves

An established Saudi Arabian industrial supply company needing a modern digital presence that reflects their quality and reliability.

Business value

Establishes a credible, modern digital presence that builds trust with potential clients. Showcases product catalog and infrastructure capabilities.

Primary users

Procurement managers, engineers, and decision-makers in the industrial sector.

Quick Facts

Category

Corporate Website

Role

Frontend Developer

Timeline

2 months

Status

Production

Team

Solo

Platform

Web

Industry

Industrial / Manufacturing

Frontend

Next.js

Business Problem

An established industrial supply company lacked a modern digital presence. Their existing website did not reflect the quality of their products or the scale of their operations, hindering trust with potential corporate clients.

Key Features

Product Catalog

Categorized product browsing with detailed specifications. Filtering and search help procurement managers find exactly what they need.

Polished Animations

Smooth page transitions and scroll-triggered animations using Framer Motion. Creates an engaging, premium feel without overwhelming the content.

Responsive Design

Mobile-first responsive layout ensures the site works flawlessly on all devices. Critical for decision-makers browsing on the go.

Inquiry Forms

Streamlined contact and inquiry forms with validation. Direct routing of inquiries to the appropriate sales team.

Technology Stack

Frontend

Next.jsTypeScriptTailwind CSSFramer Motionshadcn/ui

Infrastructure

Vercel

Tools & Services

GitGitHub
Architecture Preview

A static Next.js site deployed on Vercel with global CDN distribution. Framer Motion handles page transitions and scroll-triggered animations. The site is fully statically generated for maximum performance.

Challenges Solved
1

Needed a premium feel with animations while maintaining sub-second page loads on mobile networks in the region.

Used Framer Motion with reduced motion preferences respected. Static generation with CDN distribution ensures fast loads regardless of network conditions.

Results
Established a credible, modern digital presence for the company
Smooth, engaging experience with polished animations
Responsive across all devices and screen sizes
Clean product catalog improving procurement workflows
Lessons Learned
1Corporate clients value performance and polish equally. A slow site undermines the trust a good design builds.
2Arabic language support would have been valuable for the local market. Right-to-left layout support should be planned from the start for Middle Eastern clients.
Related Projects

Interested in building something similar?

I am always open to discussing new projects, technical challenges, and engineering opportunities.