• Websites

Websites

The SHARK website

A bilingual Arabic/English site, built as fully static pages from a single content source.

Start a similar project All work
Client
SHARK
Industry
Digital services
Type
Websites

OVERVIEW

What this service does

The site you are reading now. It was built on the same principles we apply for clients: a central design system, content separated from presentation, and two language versions from one codebase with no duplication.

CHALLENGE

Where things stood

The site had to work right-to-left in Arabic and left-to-right in English without building two separate sites or duplicating content, and without publishing any unconfirmed commercial information.

APPROACH

How we approached it

Writing direction is handled purely with CSS logical properties, so one stylesheet serves both directions. Content lives in structured data files that the pages read from. Any unconfirmed figure or claim sits behind a publication flag that is switched off.

WHAT WE DELIVERED

The deliverables

  • 01

    A central design system

    Colour, type, spacing and components in one layer, used by the entire site.

  • 02

    Bilingual architecture

    Arabic and English versions from the same components, with language switching that preserves the current page.

  • 03

    A separated content layer

    Services, systems and projects live in data files, so editing copy never touches a template.

  • 04

    Automated build gates

    The site refuses to build if any agreed quality rule is broken.

SOLUTION

The result

The result is a site generated entirely at build time, so every page arrives complete and legible to search engines and answer engines without running any JavaScript.

OUTCOMES

Confirmed outcomes

We publish only outcomes we can verify.

  • Pages are generated fully static, with no JavaScript bundle.
  • Arabic and English versions from a single content source, with no duplication.
  • Every page carries a unique title, description and canonical, with reciprocal language alternates.

SERVICES USED

Services involved in this project

  • Corporate Website

    A professional site presenting your company and services with a custom design, fast loading and full search-engine readiness.

  • Search Engine Optimisation

    Improving technical structure and content so the site is legible to search engines and answer engines.

  • Brand Identity

    Logo, usage guide, colours, type and identity applied across all print and digital channels.

SCREENSHOTS

Inside the system

  • Home page
  • Services page
  • A system page

These areas are reserved for real screenshots and will be replaced with actual material before publication.

TECHNOLOGY

Used in delivery

  • Astro — static site generation
  • TypeScript
  • CSS logical properties for bidirectional support
  • Responsive WebP imagery

Facing a similar challenge?

Send us the details and we will come back with a clear approach.

Start Your Project All work