← All projectsDESIGN IN DETAIL / P332

Knowledge Topic Interface.

An invitation that opens into distinct topics.

Explore the story
Discipline
Design & UI
Perspective
Interface study
In this study
01 project view
Arabic topic-selection interface on a dark teal background, with ten turquoise topic buttons and a circular home control.
Complete native topic-menu layout with only the isolated header identity removed in a private derivative. The original Arabic topic labels, prompt, colors, spacing and home control are preserved.
01 / THE IDEA

A closer
look.

Give a themed information interface a clear hierarchy from entry to subject.

02 / DESIGN APPROACH

From intention
to experience.

The screen sequence moves from a knowledge-test invitation into category choices and individual topic pages. Repeated structure connects subjects including cinema, museums, education and digital government.

01

Invitation-to-topic progression

A short native read confirmed twelve artboards, a knowledge-test invitation and a category-selection page.

02

Repeatable subject hierarchy

Complete native topic-menu layout with only the isolated header identity removed in a private derivative. The original Arabic topic labels, prompt, colors, spacing and home control are preserved.

03

Individual topic pages

The native artwork moves from a knowledge-test invitation into topic choices such as cinema, museums, education and digital government.

03 / THE VISUAL STORY

The work,
in full.

Explore the complete compositions and interface states. Select any image for a closer look.

VIEW 01 / 01

Knowledge Topic Interface

Arabic topic-selection interface on a dark teal background, with ten turquoise topic buttons and a circular home control.

Arabic topic-selection interface on a dark teal background, with ten turquoise topic buttons and a circular home control.
Complete native topic-menu layout with only the isolated header identity removed in a private derivative. The original Arabic topic labels, prompt, colors, spacing and home control are preserved.
04 / THE DETAILS

What brings
it together.

Structure, interaction and visual decisions that give the work its character.

Design decisions

  • Invitation-to-topic progression
  • Repeatable subject hierarchy
  • Individual topic pages

Project components

  • Vector artwork and screen layouts
  • Screen-state artwork
Production notes & credits

RoleConfirm category organization, Arabic interface hierarchy, topic-page adaptation and handoff.

AssetsSource-site/reference topic material remains supplied content and retains separate credit. Interface composition, native vector authorship and any upstream design contribution are unverified; no claim of authoring the source website or its factual content.

StatusPrivate source/output study; contribution, implementation, final approval and delivered use remain unverified.

Image notes

  • Complete native topic-menu layout with only the isolated header identity removed in a private derivative. The original Arabic topic labels, prompt, colors, spacing and home control are preserved.
  • Source-site/reference topic material remains supplied content and retains separate credit. Interface composition, native vector authorship and any upstream design contribution are unverified; no claim of authoring the source website or its factual content.
HAVE SOMETHING IN MIND?Let’s make it
an experience.