Behind the InterfaceUI / UX RESEARCH
An open research notebookBy Zeyad Omran

A closer look
at design.

I’m Zeyad. I explore the type, motion, and ideas behind interesting websites, then share what I find.

Explore the studies

The voice of a website. Follow its scale, rhythm, and small details.

Observe. Question. Understand.
05 Studies01 Reports05 Websites
01 / The libraryIndependent observations

Looking closer.

6 articles in the notebook

Website study

Ace

Technical editorial precision: typography, interaction, responsive behavior, and public-source evidence for Ace.

Creative directionTypographyInteractionResponsive design
Explore the story Read research
An original wordprint exploring Ace’s technical, grid-based character.
Website study

Arkon Digital

A portfolio as a real-time scene: typography, 3D interaction, responsive behavior, and public-source evidence for Arkon Digital.

Creative directionTypographyInteractionResponsive design
Explore the story Read research
An original wordprint exploring Arkon’s balance of typography and space.
Website study

Lama Lama

A complete brand behavior system: typography, layered interactions, responsive behavior, and public-source evidence for Lama Lama.

Creative directionTypographyInteractionResponsive design
Explore the story Read research
An original wordprint inspired by Lama Lama’s pixel-based visual language.
Website study

MONOLOG

Warm editorial confidence: typography, narrative, interaction, responsive behavior, and public-source evidence for MONOLOG.

Creative directionTypographyInteractionResponsive design
Explore the story Read research
An original wordprint exploring MONOLOG’s shifts in editorial emphasis.
Website study

Neue Montréal

A living type specimen: editorial hierarchy, interactive typography, responsive behavior, and public-source evidence for Neue Montréal.

Creative directionTypographyInteractionResponsive design
Explore the story Read research
An original wordprint inspired by Neue Montréal’s playful type specimens.
Research findings

Research findings

Cross-site findings on creative direction, measured typography, hierarchy, interaction, responsive design, public-source evidence, and route coverage.

Creative directionTypographyInteractionResponsive designSource evidence
An original wordprint connecting type, space, motion, and intent.
02 / How to read these notes

The details.
And the reasons
behind them.

Each story lets you explore a website through five interactive chapters. Follow the sequence or skip to what interests you. The full studies keep the screenshots, measurements, and source references close by.

01

What I observed

Pages explored, controls exercised, and layouts measured.

02

What the source shows

Public code that explains a behavior or design decision.

03

What I take from it

Interpretations, tradeoffs, and ideas worth applying.

Read the research method