ProgrammerKhaled
ServicesProcessPricingContact Now
عالعربيةENEnglish
2026FEED2026
Menu2026
01Services02Process03Pricing04Contact Now
عالعربيةENEnglish
FEED
Case study

WOLFLEX

A law firm with a living 3D experience

Wolflex Advocates and Legal Consultancy — Riyadh. A website that breaks the traditional law-firm template: an interactive 3D centerpiece, two complete languages, and a design that turns visitors into consultation bookings.

Visit live site
Role
Full design & development
Sector
Law firm — Riyadh
Languages
Arabic / English
WOLFLEX
Next.js
Three.js
Blender
GSAP
next-intl
Tailwind CSS
WOLFLEX
Next.js
Three.js
Blender
GSAP
next-intl
Tailwind CSS

The challenge

Law firm websites all look the same: ready-made templates, stock photos, and trust that's hard to build. Wolflex needed a digital presence worthy of its position in the Saudi market — a site that stops visitors in the first second, reflects the brand's prestige, and turns visits into consultation bookings, in both Arabic and English.

The approach

01

Interactive 3D experience

A 3D model crafted in Blender and rendered with Three.js right in the hero — a living presence that reacts to the visitor from the first moment.

02

Bilingual architecture

Arabic RTL and English LTR from the first line of code via next-intl — a complete experience for each audience, not an afterthought translation.

03

Performance & stability

Deliberate GSAP motion that guides the eye toward booking a consultation, with a fully stable layout despite the heavy 3D.

Tech stack:Next.jsThree.jsBlenderGSAPnext-intlTailwind CSS

Results — real Lighthouse measurements

100
Best Practices
92
SEO
≈0
Layout shift (CLS)

Inside the site

01Services — integrated legal solutions
Services — integrated legal solutions
02The elite — lawyers & experts
The elite — lawyers & experts
03The charter — firm values
The charter — firm values
04Official accreditations
Official accreditations
05Contact
Contact

Want a similar experience for your project?

Let's build a site that stops your visitors the way this one stopped you.

Contact me
Back to process

From zero to a real site

Process
    ServicesProcessPricingContact Now
Hire me now
See my code
Let's connect
Behind the scenes
Direct chat
  • Upwork
  • GitHub
  • LinkedIn
  • Instagram
  • WhatsApp
    Privacy PolicyTerms of Use

© 2026 KHALED

2026 KHALED FULL STACK ENGINEER ©