Six ways
to build Trois.
Every direction we have designed for the new troisinvestments.com — built on the real content of the live site.
Six directions, side by side.
Kinetic
Cinematic slider, oversized serif, top navigation.
Full site · 14 pages
Index
Fixed numbered left rail, archival and institutional.
Full site · 14 pagesLedger
Editorial masthead, broadsheet typography.
Full site · 14 pagesTriptych
Three-pillar panels in Trois’s own navy and gold.
Homepage concept
Cinematic
A five-scene film opening with letterbox, timecode and chapters.
Homepage concept
Service Slider
Our own consult-one.com slider, one colour per service.
Homepage conceptKinetic.
The flagship motion direction. A cinematic hero slider where the copy rolls word by word — “Capital that holds · moves · grows · endures.” — over our rendered scenes.
Cinematic hero
Four slides, one per practice, with drawn-on line annotations and a giant shadow word.
Top navigation
Familiar and fast — a sticky bar with a services drop-down.
Confident, modern, always moving.
Dark theme — homepage
Inner page — Citizenship & Residency
Mobile
Index.
A quiet, institutional direction. A fixed, numbered left rail lists every section like a catalogue — the archive feel of a private bank.
Numbered rail
Navigation, services and contact always visible on the left.
Calm reading
Content runs in a single column, built for long, considered visits.
Composed, archival, institutional.
Dark theme — homepage
Inner page — Citizenship & Residency
Mobile
Ledger.
The knowledge-house voice. A broadsheet masthead and editorial serif typography position Trois as a publisher of insight, not a seller of products.
Editorial masthead
A centred newspaper-style header with a double rule.
Insight-led
Typography that makes the Insights and Perspectives pages feel like a journal.
Literate, considered, knowledge-led.
Dark theme — homepage
Inner page — Citizenship & Residency
Mobile
Triptych.
Trois means three — so the homepage opens as three tall panels, one for each pillar: Strategic Thinking, Global Access, Personal Partnership.
Trois’s own navy
Primary colour taken directly from the Trois logo file, with champagne gold.
Opens on hover
Each pillar widens, lights up and reveals its line as the visitor explores.
Distinctive, ownable, unmistakably Trois.
A pillar opens on hover
Interactive push vs. pull toggle
Presence map — Paphos to six markets
Cinematic.
The homepage opens like a film. A title card, then five scenes, one per service. Each has a slow camera push, a gold light sweep and a giant outline word drifting behind.
Film language
Letterbox bars, a running timecode, chapter markers and play / pause — the visitor can watch or skip.
Five new scenes
Including a new classical-portico model we built for Legal & Company Services.
Every service gets its own scene.
Scene 02 — Citizenship & Residency
The six-phase process as a film strip
Founder’s words as subtitles
Mobile
Service Slider.
The slider we built for consult-one.com, made for Trois. Every service has its own colour, which carries through to the buttons, header and progress bar as the slides change.
Familiar, clear, fast
Arrows, dots, a progress bar, swipe and drag — visitors know how to use it instantly.
Light and dark
A theme switch in the header, plus floating contact buttons and an English / Arabic toggle.
One colour per service, one clear path.
Private Equity slide — green
Dark theme — Wealth Management
Service cards keep each colour
Mobile
Lead with Triptych,
keep Kinetic’s motion.
Triptych gives Trois a look no competitor can copy, in its own brand navy. We would carry Kinetic’s rolling-word slider into the inner pages for energy.
Confirm the direction.
RTL version and inner pages.
WordPress build on a subdomain.
Redirects, tracking, go live.