/// case study 034
Marketing Site
Project 034

Lorani

Lorani is a commissioned editorial site for a Moroccan hijab house, written in plain HTML, CSS and vanilla JavaScript with zero dependencies and no build pipeline. It carries a Lenis smooth-scroll surface, a custom drag-snap slider, and a pinned horizontal atelier scrub built on GSAP, and it ships fully trilingual in English, French and Arabic, with proper right-to-left typography rather than a mirrored afterthought. A dependency-free Node test suite runs the whole thing in CI.

Private repo · Source on request
Zero
Dependencies
EN · FR · AR
Languages
None
Build step
Marketing Site
Category
The Problem

What Wasn't Working

A premium modest-fashion brand needed a site that felt like an atelier rather than a template, in three languages one of which reads right to left, and it had to stay fast on Moroccan mobile connections.

The Solution

How I Fixed It

Write it by hand with no framework: motion where it earns attention, real Arabic typography and layout mirroring, and a zero-dependency test suite so a site with no build step still cannot regress silently.

Stack

Technologies Used

HTML
CSS
Vanilla JS
GSAP
Lenis
GitHub Actions
Results

Key Outcomes

✓
Trilingual EN · FR · AR with true RTL layout and Arabic type
✓
Pinned horizontal scrub and drag-snap slider, no framework
✓
Zero runtime dependencies, no build step, deploys zero-config
✓
Automated test suite in CI

Want something like this?

Let's build it. I ship fast and I ship clean.