Skip to content
Back to workClient engagement · 2026

AquaDrill — Water drilling · Tunisia

What happens underground, finally visible to the client.

A borehole is bought on trust: the client pays by the metre for a structure they will never see. AquaDrill made transparency its promise; we built it a website that keeps it, and we are studying the platform that will make it verifiable.

Visit live site
Year
2026
Type
Client engagement
Stack
React 18 · Vite · TypeScript
Live at
aquadrill.maisongr.com

On every screen

One codebase. Every screen.

These aren't screenshots. It's AquaDrill's homepage, rebuilt in code and rendered twice: at 1440 px in the laptop, at 390 px in the phone. The layout really reflows.

Laptop · 1440 × 900Phone · 390 × 844

The lab

Drag the edge. Watch it reflow.

Drag the handle, or use the ruler with your keyboard.

1440 pxDesktop
aquadrill.maisongr.com
390768102412801440

−4 mTopsoil

01The brief

A 31-section brief, delivered section by section.

The client supplied a complete document: content, menu, services, process, photos, footer. Every part of the site points back to its section of the brief, so the client can check that nothing was left out or made up. The visual identity is the one AquaDrill chose, and we kept it; our work is in what you don't see.

Every part of the site points back to the section of the brief it delivers.

−38 mClay

02The website

Three languages, one promise.

French by default, English, and right-to-left Arabic — arrows, phone numbers and footer included. The quote request takes the project's documents; WhatsApp stays one tap away, because that is how the client really works.

  1. Right-to-left ArabicThe whole site turns around in Arabic: navigation, arrows, phone numbers and footer.
  2. Quote requestLocation, type of work, planned depth and diameter, site access, and the project's documents attached.
  3. WhatsApp firstClients write the way they already do: a floating button and pre-filled messages.
  4. True to its identityAquaDrill's visual identity, kept as it is; underneath, a prerendered home page, light images, self-hosted fonts and compliant contrast.
  5. Transparency in writingWhat was found, what it means, what can be done and what it costs: before any decision.

−210 mLimestone

In study

03The platform in study

The drilling log, shared as it is written.

The ground cut metre by metre, the casing set, pumping tests with their drawdown curve, a well passport for the authorisation file, and every additional job approved by the client before it is done — on site, even without a signal.

  1. 01Follow the borehole metre by metre.
  2. 02Approve an additional job.
  3. 03Receive the well passport.
Drilling log · F-07Offline · synced
DepthGround
0–4 mTopsoil
4–38 mClay
38–120 mSandstone
120–210 mLimestone
210–260 mAquifer
Example interface, illustrative data — the platform is in its study phase.
drawdown (m)time (h)
Pumping test: drawdown levels off as the well and the aquifer find their balance. Illustrative curve.

−300 mAquifer

04Where it stands

The website is live. The platform is in study.

The site now shows AquaDrill's own work sites, in photos and video. The platform study starts on the ground: what the rig, the crew and the client each need to see, and in which language.

drilling authorisation
300 m
The maximum authorised depth, stated in the site's first line.
languages
3
French, English and right-to-left Arabic.
services
7
Drilling, boring, casing, development, pumping, pumps and diagnosis.
sections delivered
31
Every section of the client's brief, traceable in the code.
  • React 18
  • Vite
  • TypeScript
  • react-i18next
  • Tailwind CSS
  • Vitest

Measured

Measured, not promised.

Numbers you can check: the site's quality today, the history of its code, and what was done for people who read differently.

AQuality, today

Checking…
0
Performance
0
Accessibility
0
Best practices
0
SEO

Lighthouse 12.8 · web (desktop) · local production build · reading of Oct 24, 2026

BThe build

aquadrillReact · Vite · react-i18next
lines of code
0
sections of the client's brief, delivered
0

Apr 17, 2026 → Aug 24, 2026 · 18 weeks

Right-to-left Arabic arrived in a single day, arrows and phone numbers included.

Read from git on Oct 21, 2026. Application code only: no tests, config or build output.

CAccessibility

  1. 01One blue to fill, another to writeThe buttons' blue falls to 4.25:1 on the pale ground, so text there moves to the darker blue, at 5.67:1.
  2. 02Turquoise stays where it readsAt 2.41:1 on white, it carries text only on the deep blue, where it holds 5.30:1.
  3. 03Arabic, truly right to leftNavigation, arrows, phone numbers and footer follow Arabic's reading direction.
  4. 0444-pixel targetsOn mobile, the phone and menu buttons are 44 pixels: easy to hit on a work site.

DBuilt with our tools

This product uses the open-source tools we publish on npm under the MIT licence. The same code, open to anyone.

See our open-source tools
  1. 01maisongr-sitemapIts sitemap: the XML for Google and Bing, a readable page for people, each page dated by its last commit.
  2. 02maisongr-skillsThe discipline of our AI coding agents: understand before building, change only what was asked, prove the result.

The budget

What the market charges for this scope.

$1,500 – $5,000

Closest tier
Showcase website
A showcase site in three languages, with a quote request that takes documents: the market's “showcase website” tier.
Typical timeline
4 to 12 weeks

A range published by third parties, not a Maison GR quote.

Estimate my project

→Maison GR

Does your work happen in the field?

We build the websites and platforms that make invisible work readable for your clients.