Corporate showcase · Infrastructure

Al Rawaf Revive

A cinematic Saudi contracting showcase that turns a broad infrastructure portfolio into a confident Vision 2030 story.

Al Rawaf Revive — Corporate showcase · Infrastructure
Year2026
RoleUX direction, visual design, motion system, frontend development
Open website
Project context

Al Rawaf Contracting works across infrastructure, construction, water, and energy systems throughout Saudi Arabia. The showcase needed to communicate the company’s scale and its role in the Kingdom’s development.

1996founded
4featured projects
4solution areas
01

The challenge

A large mix of services, projects, milestones, and leadership content could easily become a heavy corporate catalogue without a clear narrative.

02

The approach

The studio shaped the experience around a decisive opening scene, a dark navy-and-gold system, cinematic media, a company timeline, interactive solution areas, and a project portfolio. Controlled motion communicates scale without getting in the way of navigation.

03

The outcome

A responsive React showcase that combines institutional credibility, visual impact, and a clear journey from expertise and projects to contact.

What went into it

Built end to end.

Deliverables

  • Narrative and information architecture
  • Dark navy-and-gold design system
  • Animated service and project modules
  • Responsive React development
  • Netlify demo deployment

Technology

  • React
  • TypeScript
  • Tailwind CSS
  • Framer Motion
  • Netlify
Next project · 10Brutmen