Open to work Local time in Amman:
العربية

07 // Localization · Arabic RTL

Tesco Localization

Adapting the Tesco UK homepage for Arabic-speaking shoppers: layout, type, imagery, colour and tone, not just words.

Role
UI/UX localization designer
Project
University course project (unofficial concept, not affiliated with Tesco)
Platform
Web homepage
Tools
Figma

Problem

Western sites translated literally into Arabic often break: wrong alignment, misplaced icons and imagery that feels foreign.

What I did

Mirrored the layout to RTL, set Arabic typography, replaced imagery, adjusted colour and adapted product names and offers.

Outcome

A homepage that feels native to Arabic speakers while staying recognisably Tesco.

Tesco Localization

Goals and challenges

  • Convert the layout to a right-to-left structure.
  • Replace imagery with visuals people in the region relate to.
  • Update typography for comfortable Arabic reading.
  • Adjust the palette to regional preferences while keeping Tesco’s identity and hierarchy.

The hard parts were finding Arabic equivalents for every visual element, keeping the brand intact, and checking Arabic legibility at every size on the page.

Before and after

The goal was to preserve Tesco’s brand and UX hierarchy while making the page intuitive and emotionally relevant for shoppers in Palestine and the wider region.

Original: Tesco UK homepage
Localized: Arabic, right to left

What changed

  • Layout flip

    The whole structure was mirrored to follow Arabic reading flow: navigation, content blocks and footer.

  • Arabic typography

    Arabic-friendly typefaces with adjusted size and line spacing for comfortable reading.

  • Imagery

    Western photos replaced with relatable scenes of local families, food and lifestyle.

  • Colour and tone

    Less UK blue, more green and beige for freshness and trust; offers rewritten in local expressions.

Principles applied: Jakob’s law kept the core structure familiar, proximity kept groups scannable in RTL, and Fitts’s law kept targets usable on mobile.

Reflection

Localization is more than flipping text. Icons with direction must flip while symmetrical controls stay put, and the hardest part is finding Arabic equivalents for every visual without breaking the brand.

Keyboard shortcuts
Single-key shortcuts

Turn off if you use speech input or find them getting in the way.