← All projectsDESIGN IN DETAIL / P302

Knowledge / Play.

A consistent frame for questions in two languages.

Explore the story
Discipline
Design & UI
Perspective
Interface study
In this study
19 project views
Arabic and English controls establish the bilingual entry point.
Arabic and English controls establish the bilingual entry point.
01 / THE IDEA

A closer
look.

Keep question-and-answer screens coherent across a larger bilingual sequence.

02 / DESIGN APPROACH

From intention
to experience.

A shared interface system pairs prompts and answers with architectural imagery. The artboard set and matching screen exports carry that structure through the quiz presentation.

01

Bilingual question structure

The quiz presents organizational knowledge through screen artwork that includes a named header and an architectural image.

02

Repeated answer hierarchy

Editable interface artboards and exported screens establish a design handoff, while the surrounding image and font assets provide its production context.

03 / THE VISUAL STORY

The work,
in full.

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

19 / PROJECT IMAGES

Select a view to explore.

Thumbnail: Arabic and English controls establish the bilingual entry point.01 Thumbnail: The English companion artboard preserves the same field order and hierarchy.02 Thumbnail: Four compact answer buttons sit beneath the geography question on a green image treatment. English source version.03 Thumbnail: A cyan image treatment separates the destinations question while retaining the four-answer layout. English source version.04 Thumbnail: Longer destination combinations use three full-width answers over a purple background. English source version.05 Thumbnail: Three short answer choices form a centered stack over the pink question treatment. English source version.06 Thumbnail: Four text answers use wide pill controls over the orange attractions screen. English source version.07 Thumbnail: The yellow hotel question returns to four compact numeric answer controls. English source version.08 Thumbnail: The English result layout displays an example score and retry message.09 Thumbnail: The English success layout uses a score and reward prompt. This is supplied design copy, not a delivered reward.10 Thumbnail: The Arabic introduction pairs blank name and email fields with a submission control.11 Thumbnail: Four compact answer buttons sit beneath the geography question on a green image treatment. Arabic source version.12 Thumbnail: A cyan image treatment separates the destinations question while retaining the four-answer layout. Arabic source version.13 Thumbnail: Longer destination combinations use three full-width answers over a purple background. Arabic source version.14 Thumbnail: Three short answer choices form a centered stack over the pink question treatment. Arabic source version.15 Thumbnail: Four text answers use wide pill controls over the orange attractions screen. Arabic source version.16 Thumbnail: The yellow hotel question returns to four compact numeric answer controls. Arabic source version.17 Thumbnail: An Arabic result layout displays an example score and retry message.18 Thumbnail: An Arabic success layout uses a score and reward prompt. This is supplied design copy, not a delivered reward.19
VIEW 01 / 19

Choose a language

Arabic and English controls establish the bilingual entry point.

Arabic and English controls establish the bilingual entry point.
Arabic and English controls establish the bilingual entry point.
VIEW 02 / 19

Registration English

The English companion artboard preserves the same field order and hierarchy.

The English companion artboard preserves the same field order and hierarchy.
The English companion artboard preserves the same field order and hierarchy.
VIEW 03 / 19

Cities question · English

Four compact answer buttons sit beneath the geography question on a green image treatment. English source version.

Four compact answer buttons sit beneath the geography question on a green image treatment. English source version.
Four compact answer buttons sit beneath the geography question on a green image treatment. English source version.
VIEW 04 / 19

Destinations question · English

A cyan image treatment separates the destinations question while retaining the four-answer layout. English source version.

A cyan image treatment separates the destinations question while retaining the four-answer layout. English source version.
A cyan image treatment separates the destinations question while retaining the four-answer layout. English source version.
VIEW 05 / 19

Destination types question · English

Longer destination combinations use three full-width answers over a purple background. English source version.

Longer destination combinations use three full-width answers over a purple background. English source version.
Longer destination combinations use three full-width answers over a purple background. English source version.
VIEW 06 / 19

Core offerings question · English

Three short answer choices form a centered stack over the pink question treatment. English source version.

Three short answer choices form a centered stack over the pink question treatment. English source version.
Three short answer choices form a centered stack over the pink question treatment. English source version.
VIEW 07 / 19

Attractions question · English

Four text answers use wide pill controls over the orange attractions screen. English source version.

Four text answers use wide pill controls over the orange attractions screen. English source version.
Four text answers use wide pill controls over the orange attractions screen. English source version.
VIEW 08 / 19

Hotels question · English

The yellow hotel question returns to four compact numeric answer controls. English source version.

The yellow hotel question returns to four compact numeric answer controls. English source version.
The yellow hotel question returns to four compact numeric answer controls. English source version.
VIEW 09 / 19

Retry English

The English result layout displays an example score and retry message.

The English result layout displays an example score and retry message.
The English result layout displays an example score and retry message.
VIEW 10 / 19

Success English

The English success layout uses a score and reward prompt. This is supplied design copy, not a delivered reward.

The English success layout uses a score and reward prompt. This is supplied design copy, not a delivered reward.
The English success layout uses a score and reward prompt. This is supplied design copy, not a delivered reward.
VIEW 11 / 19

Registration Arabic

The Arabic introduction pairs blank name and email fields with a submission control.

The Arabic introduction pairs blank name and email fields with a submission control.
The Arabic introduction pairs blank name and email fields with a submission control.
VIEW 12 / 19

Cities question · Arabic

Four compact answer buttons sit beneath the geography question on a green image treatment. Arabic source version.

Four compact answer buttons sit beneath the geography question on a green image treatment. Arabic source version.
Four compact answer buttons sit beneath the geography question on a green image treatment. Arabic source version.
VIEW 13 / 19

Destinations question · Arabic

A cyan image treatment separates the destinations question while retaining the four-answer layout. Arabic source version.

A cyan image treatment separates the destinations question while retaining the four-answer layout. Arabic source version.
A cyan image treatment separates the destinations question while retaining the four-answer layout. Arabic source version.
VIEW 14 / 19

Destination types question · Arabic

Longer destination combinations use three full-width answers over a purple background. Arabic source version.

Longer destination combinations use three full-width answers over a purple background. Arabic source version.
Longer destination combinations use three full-width answers over a purple background. Arabic source version.
VIEW 15 / 19

Core offerings question · Arabic

Three short answer choices form a centered stack over the pink question treatment. Arabic source version.

Three short answer choices form a centered stack over the pink question treatment. Arabic source version.
Three short answer choices form a centered stack over the pink question treatment. Arabic source version.
VIEW 16 / 19

Attractions question · Arabic

Four text answers use wide pill controls over the orange attractions screen. Arabic source version.

Four text answers use wide pill controls over the orange attractions screen. Arabic source version.
Four text answers use wide pill controls over the orange attractions screen. Arabic source version.
VIEW 17 / 19

Hotels question · Arabic

The yellow hotel question returns to four compact numeric answer controls. Arabic source version.

The yellow hotel question returns to four compact numeric answer controls. Arabic source version.
The yellow hotel question returns to four compact numeric answer controls. Arabic source version.
VIEW 18 / 19

Retry Arabic

An Arabic result layout displays an example score and retry message.

An Arabic result layout displays an example score and retry message.
An Arabic result layout displays an example score and retry message.
VIEW 19 / 19

Success Arabic

An Arabic success layout uses a score and reward prompt. This is supplied design copy, not a delivered reward.

An Arabic success layout uses a score and reward prompt. This is supplied design copy, not a delivered reward.
An Arabic success layout uses a score and reward prompt. This is supplied design copy, not a delivered reward.
04 / THE DETAILS

What brings
it together.

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

Design decisions

  • Bilingual question structure
  • Repeated answer hierarchy
  • Architectural image context

Project components

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

RoleQuiz layout, screen-state design and asset preparation; confirm personal contribution and software responsibility.

AssetsConfirm the architecture-image and font sources, supplied brand assets and any developer collaboration. The organization name is not a client-relationship claim.

StatusInterface design evidenced; runtime and delivery unverified. Gallery imagery remains held because the identity is substantive content.

Image notes

  • Arabic and English controls establish the bilingual entry point.
  • The English companion artboard preserves the same field order and hierarchy.
  • Four compact answer buttons sit beneath the geography question on a green image treatment. English source version.
  • A cyan image treatment separates the destinations question while retaining the four-answer layout. English source version.
  • Longer destination combinations use three full-width answers over a purple background. English source version.
  • Three short answer choices form a centered stack over the pink question treatment. English source version.
  • Four text answers use wide pill controls over the orange attractions screen. English source version.
  • The yellow hotel question returns to four compact numeric answer controls. English source version.
  • The English result layout displays an example score and retry message.
  • The English success layout uses a score and reward prompt. This is supplied design copy, not a delivered reward.
  • The Arabic introduction pairs blank name and email fields with a submission control.
  • Four compact answer buttons sit beneath the geography question on a green image treatment. Arabic source version.
  • A cyan image treatment separates the destinations question while retaining the four-answer layout. Arabic source version.
  • Longer destination combinations use three full-width answers over a purple background. Arabic source version.
  • Three short answer choices form a centered stack over the pink question treatment. Arabic source version.
  • Four text answers use wide pill controls over the orange attractions screen. Arabic source version.
  • The yellow hotel question returns to four compact numeric answer controls. Arabic source version.
  • An Arabic result layout displays an example score and retry message.
  • An Arabic success layout uses a score and reward prompt. This is supplied design copy, not a delivered reward.
  • Native interface artboard; source imagery, type and supplied graphic elements require attribution. Static design states do not establish live software, measured outcomes or a direct client relationship. Only isolated identity objects were removed in a separate derivative; original artwork remains unchanged.
HAVE SOMETHING IN MIND?Let’s make it
an experience.