ISOVIA Group — Corporate Website for an Industrial Quality & Performance Consulting Group
Multi-pole corporate website for a Moroccan industrial consulting group — quality management, training, audit, QHSE digitalization, and technical services — built with Next.js and deployed as static HTML for cPanel hosting.
ISOVIA Group is a B2B industrial consulting organization operating across five specialized business units: Consulting, Academy, Audit, Systems, and Technical Services. I designed and built the full corporate website to present each pole with its own dedicated landing page, expert team directory, contact funnel, and French-language SEO foundation.
The site targets industrial decision-makers — quality directors, HSE managers, and operations leaders — across Morocco and international markets. Every layer was built for clarity and credibility: a dark premium visual identity, animated hero sections with a custom SVG skyline, scroll-reveal interactions, animated case-study metrics, and a data-driven content architecture that keeps five complex service lines maintainable from a single source of truth.
Multi-pole architecture and content system
I structured the entire site around a single Pole type and a shared PolePage template in lib/poles.ts — each of the five business units (Consulting, Academy, Audit, Systems, Technical Services) carries its own hero copy, expertises, services, case studies, and CTAs, all rendered from one reusable component.
This eliminated page-by-page duplication: adding or updating a pole means editing one data object, not five separate page files. Each pole page follows the same conversion narrative — hero, expertises grid, services breakdown, animated case-study metrics, differentiators, and contact CTA — while keeping content specific to that business line.
The homepage ties the five poles together with a service grid, values section, partner marquee, testimonial cards, and a final conversion block, giving visitors a clear path from brand discovery to the relevant pole or contact page.
Design, UX, and static deployment
I built a premium dark industrial aesthetic using Tailwind CSS, Playfair Display for headings, and Inter for body copy — with custom components for scroll-reveal animations (Reveal), animated metric counters (CountUp), a procedural SVG city skyline (Skyline), and a full inline icon system.
The header includes a sticky scroll state and a mobile hamburger menu; the footer maps all five poles plus group pages. The contact page pairs channel cards (phone, email, address) with a structured form that routes leads by pole.
The site is configured for static export (output: 'export') with unoptimized images and trailing slashes, producing a flat out/ directory deployable directly to cPanel public_html — no Node.js server, no Docker, no VPS required.
SEO, structured data, and discoverability
Every page exports its own metadata — title, description, canonical URL, and Open Graph tags — tuned for French search intent around ISO certification, QSE training, internal audit, QHSE software, and industrial technical services.
The root layout injects Organization JSON-LD schema with the company name, logo, contact details, and social profiles. A dynamic sitemap.xml and robots.txt are generated at build time covering all pole pages, the experts directory, and the contact page.
The experts page adds a leadership team grid with domain tags and credibility stats, reinforcing E-E-A-T signals for a consulting brand where trust and expertise are the primary conversion drivers.
Results
- Service pole pages
- 5 from 1 template
- Static pages generated
- 9+ at build time
- Deployment target
- cPanel — no Node.js
- Language & SEO
- French metadata + JSON-LD