Built project

Jabir & Emma

A bilingual website for a family supermarket brand in Qatar, bringing the store story, departments, delivery, and contact paths into one responsive experience.

https://jabirandemma.qa/
Jabir & Emma website homepage on desktop
Jabir & Emma website homepage on mobile
Desktop Mobile screen
Category Company and retail website
Industry Supermarket and grocery retail
Project type Bilingual brand website
Status Live website
Public URL Public link available
Visibility Public

Challenge

Project goals

The brand needed a clear introduction to its family supermarket, with departments, values, delivery options, and contact paths organized into one Arabic and English experience across mobile and desktop.

  • Present the store identity and family promise from the first screen.
  • Make departments, delivery options, and contact paths easy to discover.
  • Keep the visual experience balanced across Arabic, English, and responsive sizes.

Project images

UI decisions

Clear family identity

The interface combines confident blue, distinctive pink, and warm imagery to feel welcoming while keeping information clear.

User-controlled motion

Animated presentations include clear navigation and pause controls, with reduced-motion preferences respected.

Navigation for every screen

Desktop navigation becomes a purpose-built mobile menu while preserving language, contact, and primary navigation access.

Tools and stack

Build process

01

Structure the story

The page moves from the main promise into departments, story, vision, benefits, delivery, and contact so visitors can understand the brand without distraction.

02

Design for two languages

Reading direction, alignment, typography, and heading length were treated as core design inputs instead of later adjustments.

03

Verify and launch

Navigation, motion, links, responsive sizes, and both languages were tested before the static release was published to the official domain.

Key features

Key features

  • Hero image slider with complete navigation and pause controls.
  • Interactive presentation of store departments, products, and services.
  • Complete Arabic and English experience with local fonts and RTL/LTR support.
  • Responsive navigation and clear contact, phone, and email paths.
  • Delivery-platform presentation and official social account links.

Business benefits

  • Gives the brand a trusted digital presence on its official domain.
  • Helps visitors understand the store offer and reach contact options quickly.
  • Serves Arabic and English audiences with equal interface quality.

Project images

Project images

Jabir & Emma website homepage on desktop
Desktop The main promise, discovery path, and contact actions on desktop.
Jabir & Emma website homepage on mobile
Mobile screen The hero message, actions, and responsive navigation on mobile.

Planning something similar?

Send the idea or current product URL. I will explain what needs review before we define scope and timing.

Send project details