Skip to content
Ahmed Ahmed

Al Gamal Law Firm

A bilingual website for an Egyptian law firm, built to feel established. An Arabic / English site presenting 12 practice areas, the firm's leadership and team, a legal library and a video archive, with consultation booking and WhatsApp contact.

Role
Front-end developer: the bilingual site, its sections and forms, and the RTL / LTR layout.
Engagement
SwifftexSwifftex
Surfaces
Website (AR / EN)
Al Gamal Law Firm: Website (AR / EN)
practice areas, each with its own services
12
one-click switch, remembered per visitor
AR / EN

The problem

Law firms win clients on trust. The site has to feel established and discreet from the first screen, read naturally in Arabic and English, and turn a visitor into a booked consultation.

What it does

  1. 01A visitor sees the firm's key facts (founded in 2015, 24-hour response, complete confidentiality) and books a consultation from the first screen.
  2. 02Prospective clients browse 12 practice areas, each with its own list of services.
  3. 03Researchers browse the Al Gamal Journal of Court of Cassation rulings, legislative bulletins and books, filtered by category.
  4. 04Visitors watch TV interviews in the visual archive, apply to join the team, or message the firm on WhatsApp.

What I did

  • Built the bilingual site: every page section, the booking, careers and contact forms, and the responsive RTL / LTR layout.
  • Implemented one-click language switching that remembers the visitor's choice.
  • Server-side rendering with complete meta and Open Graph tags, WebP images and lazy-loaded media.

Engineering

01

Two directions, one layout

Every section mirrors cleanly between Arabic (right-to-left) and English, with the visitor's language remembered between visits.

02

Rich media, fast pages

Server-rendered pages carry complete SEO and Open Graph tags, and WebP images with lazy-loaded media keep a visually heavy site quick.

Screens

Inside the product.

Click any screen to view it full size.

Home
Home

Stack

Frontend

  • React
  • Vite
  • Server-side rendering
  • Tailwind CSS

SEO & type

  • Meta & Open Graph
  • Cairo · Almarai
  • Cormorant Garamond · Jost