Skip to the case study
Yazan Fuqaha Interaction designer
The Oyoun Media home page on a laptop: We Create What People Stop For.
The same home page on a phone

Live website · 2026

Oyoun Media

How people move through a creative agency's work, designed around one word: oyoun, eyes.

Explore the project Visit the live site
Role
Interaction designer, end to end
Scope
Structure, navigation, every state and transition, laptop to phone
Status
Handed to Oyoun's IT team, who launched it. Live today.

People come for three things:
the services, the work, a way in.

A brand you meet through
how it behaves.

Oyoun means eyes, so the site looks back: pupils in the type, the name watching from every footer.

The footer: OYOUN in huge letters with pupils in two of them
The footer on a phone: OYOUN with two pupils

Forty services,
too many to list.

Grouped into five pillars and one diagram. Hover a pillar and its links draw in.

40→5→1

forty services, five pillars, one diagram

The services diagram with Offline and Traditional open
Offline and Traditional services on a phone
Software solutions, one of the five pillars
Home. The pillars turn as you scroll.
The digital marketing service page
Every pillar. Its work beside the list.

Find one piece without
scrolling past all of them.

Five rings, one per kind of work. Pick one and only that work arrives.

The portfolio index: five numbered rings around Designs
Print, identity and campaign design, opened
One ring. Print, identity, campaigns.
Produced programming, episode by episode
Another. Programmes, by episode.

On a phone it goes dark, so the work carries the colour.

The portfolio on a phone, in dark mode

Watch without
losing your place.

Shorts open over the page. Close one and you’re back where you were.

A short video playing inside the page
Designs made with AI, on a phone

One argument
at a time.

Five claims, one card each. Scroll and the next rises over the last.

Why Oyoun: we execute like producers
Why Oyoun on a phone, the cards stacked

A history you
move through.

Not a wall of dates: a line draws as you scroll, one year at a time.

The About page: the timeline line drawing from 2015, Launch
The About timeline on a phone, running sideways

The rest of the system.

Same rules everywhere: work first, one way forward.

Campaigns people remember, on the home page
Campaigns
The campaign wall on a phone
Campaigns, phone
The offline and traditional service page
A pillar page
Why Oyoun: we think like strategists, the next card rising
Why Oyoun
The vision: to shape the next generation of marketing in the region
Vision
The mission: to create smarter brand experiences
Mission
Got a brand? Let's make people look.
A next step, always
The contact page: Let's Create
Contact

Let's make people look.

Visit oyounmedia.com

Something people keep getting wrong?

To · Yazan Ramallah

Or write to yazan1fu@outlook.com · LinkedIn ↗