Wider: a bilingual website for a Saudi creative agency

Wider is a Saudi creative and marketing agency whose promise is simple: people fall for brands that feel woven into their lives. This redesign turns that line into the experience, with a hero that opens into a wide desert horizon as you scroll.

Art direction, UX and UI, motion, and the responsive front-end, in Arabic and English.

Arabic is the default language, with its own display type scale rather than mirrored English.

The Wider green, the angular mark and the agency's voice stay, while hierarchy and pace become more editorial.

Motion carries the story: the WebGL hero, reveals on scroll, a client list with a moving preview, and films that play only while on screen.

Every page keeps the address it has on the current site, and old links redirect, so moving to the new site loses nothing.

Motion respects reduced-motion settings, and the hero falls back to a static layout without WebGL.

Home, work and case studies, about, services, culture, careers, blog, contact and legal pages.

Landscape photography was generated for this redesign. Project media, team photos, partner logos and article text come from wider.com.sa.