Project No. 02 - Case study

Royal Commission for Riyadh City

A modern government platform for a city being shaped at Vision 2030 scale.

View live website
Royal Commission for Riyadh City homepage hero with Riyadh architecture and public art
Client

Royal Commission for Riyadh City

Platform

WordPress / Divi

Role

Government website redesign

Scope

Vision 2030 communications platform

Introduction

Prepared by BNN Designs · Case study

A clearer digital front door for Riyadh's transformation agenda.

The Royal Commission for Riyadh City needed a more contemporary public website to communicate a broad portfolio of urban development programs. BNN Designs modernized the aging experience with a full-screen slider hero, bolder typography, animated project storytelling, and interaction patterns that help a complex government portfolio feel more approachable.

  • 1Full-screen slider hero
  • 4Signature interaction patterns
  • 2030Strategic context

Gallery

Royal Commission for Riyadh City homepage with full-screen expression slider
Royal Commission for Riyadh City Riyadh Strategy 2030 section with city aerial view
Royal Commission for Riyadh City projects and programs cards after animation
Royal Commission for Riyadh City media center section
Royal Commission for Riyadh City research and publications section
Royal Commission for Riyadh City studies download section

Process

From an aging government site to a more expressive civic platform

  1. 01

    Discovery

    Audited the existing public experience and the breadth of programs, research, media, and city initiatives it needed to explain.

  2. 02

    Structure

    Simplified the homepage around mission, Vision 2030 strategy, projects and programs, media, research, and latest news.

  3. 03

    Design & Build

    Rebuilt the WordPress and Divi experience with a full-screen slider, bold typography, project storytelling, and modern hover treatments.

  4. 04

    Launch QA

    Refined responsive layouts, interaction timing, and content paths so a wide government portfolio could remain legible across devices.

Royal Commission for Riyadh City projects and programs visual focus
The redesign turns a wide-ranging urban development mandate into a public experience with clearer rhythm, stronger visual cues, and more inviting paths into the work.

Project focus

BNN Designs case study note

Solution & Outcome

01 - The Solution

A government website with the energy of the city it represents

BNN Designs created a modern WordPress and Divi platform that gives Riyadh's development agenda a more confident public-facing identity while keeping projects, media, research, and news discoverable.

  • Full-screen homepage slider with a stronger first impression
  • Bold typography and modern visual identity system
  • Animated parallax sections for projects and programs
  • Distinct hover effects that make exploration feel responsive
02 - Outcome

A more engaging route into Riyadh's public work

The redesigned site gives residents, partners, media, and international audiences clearer ways to understand the Commission's mission, city programs, research, and ongoing news.

  • A contemporary public presence for a major government agency
  • Clearer hierarchy across strategic and program content
  • More visual ways to explore Riyadh's projects and initiatives
  • A flexible WordPress foundation for future communications
Royal Commission for Riyadh City media center captured from the live website