Case study

Dranovocase study.

The bilingual agency website for Dranovo, with an approved indigo identity, service and work pages, and project enquiry flows.

Visit the sitewww.dranovo.com

Next.js 16.3React 19TypeScriptTailwind CSS 4VitestTesting Library

www.dranovo.comLIVE

Production website

Outcomes

Production surfaces and workflows, without unverified performance claims.

AR / EN

localized website experience

Indigo

approved Dranovo brand identity

Forms

validated project enquiries

Portal

separate client workspace

Project links

Frontend · agency website

www.dranovo.com ↗

Backend · lead and support API

admin.dranovo.com ↗

Client portal

my.dranovo.com/login ↗

02/The story

Dranovocase study.

Challenge

The site needed to carry the agency identity across Arabic and English, present services and work clearly, and make enquiry forms useful without exposing personal data to analytics.

Solution

Built a responsive Next.js site with localized content, the approved indigo palette and dedicated lead forms connected to the Dranovo API. Added client-side validation and attribution handling with analytics sanitization, plus a direct link to the client portal.

03/TESTING & QUALITY

Behavior coveredby the test suites.

Representative cases from the project repositories; no coverage totals claimed.

Test tools

VitestTesting Libraryjsdom

Lead form behavior

Checks service selection, required fields, phone validation and normalized phone values, then confirms the success state.

Analytics privacy

Verifies names, email addresses, phone numbers and message text are removed from analytics properties.

Attribution continuity

Covers first- and last-touch attribution, language switching, tampered storage and analytics consent gating.

Next case studyAdSharelyA creator platform for article requests, editorial publishing and earnings workflows, with separate admin, creator, writer and agent portals.adsharely.com