Platform Website Architecture · Phase 2
The full platform architecture — designed before a line is built.
Layer 1 (11 core pages) is live. This blueprint maps every Layer 2 and Layer 3 page — sitemap, wireframes, content structure and visual direction — modelled on how enterprise platform sites are structured.
11
Layer 1 pages live
5
Pillar Service Hubs
8
Assets per pillar
50+
Total pages planned
The information architecture
Three layers, one navigation system
Live
LAYER 1
Core platform pages
The conversion spine — homepage, the five pillars, diagnostics and contact.
Home + 5 pillar pagesAI Agents & AutomationAssessments + CalculatorsContact / Book Call
To build
LAYER 2
Pillar depth pages
Each pillar expands into a Service Hub with solutions, use cases and a dedicated calculator.
5 Service HubsSolution + Use-case pagesPer-pillar assessment & calculatorPricing / packages
To build
LAYER 3
Demand & proof pages
Industry verticals, resources and conversion assets that feed the funnel from search and outbound.
Industry solution pagesResources / guides / blogCase studies & impact storiesGated conversion assets
Full sitemap
Every page, mapped to its pillar
Each of the 5 pillars becomes a Service Hub with a consistent set of supporting pages. Global resources and conversion assets sit alongside.
Pillar 01
AI Transformation
Service Hub (live page)
AI Readiness Assessment
AI ROI Calculator
Solution: Pilot→Production
Use cases (×4)
Industry plays
Guides & playbooks
Pillar 02
AI as a Service
Service Hub (live page)
Agent fit assessment
AI Avatar cost calc
Solutions: chat/voice/avatar
Use cases (×6)
Industry agents
Demos & resources
Pillar 03
Cloud & Infrastructure
Service Hub (live page)
Cloud readiness assessment
Cloud cost calculator
Solutions: AWS/Azure/GCP
Use cases (×4)
Industry compliance
Architecture guides
Pillar 04
Digital Transformation
Service Hub (live page)
DX maturity assessment
Automation savings calc
Solutions by function
Use cases (×4)
Industry journeys
Whitepapers
Pillar 05
Business Acceleration
Service Hub (live page)
Acceleration assessment
Lead-leakage calculator
Packages & pricing
Use cases (×3)
Industry outcomes
Case studies
Legend Live (Layer 1) Layer 2 — to build Layer 3 — to build
The repeatable pillar template
Eight assets every pillar gets
A single, repeatable system — so each pillar reads consistently and every page has a clear job in the funnel: educate → diagnose → quantify → convert.
01
Service Hub
The pillar landing page — overview, sub-solutions, proof and a primary CTA.
Educate
02
Assessment
A short diagnostic that scores readiness and routes to the next step.
Diagnose
03
Calculator
An interactive ROI/cost tool that puts a number on the outcome.
Quantify
04
Industry Pages
Vertical-specific framing — language, compliance and outcomes per industry.
Educate
05
Use Cases
Concrete before/after scenarios mapped to a role and a metric.
Educate
06
Solution Pages
Deep dives on a specific capability or product within the pillar.
Educate
07
Resource Pages
Guides, playbooks, whitepapers and blog — SEO and nurture fuel.
Nurture
08
Conversion Assets
Gated offers, demos and the booking flow — the moment of conversion.
Convert
Wireframes & content structure
Page skeletons for each template type
Low-fidelity block structure for the four highest-volume page types. Each block lists its content and its conversion job.
Service Hub
Pillar landing page
Hero
Outcome headline + dual CTA
Cinematic plate · Book Call / Explore
Body
Sub-solutions grid
3–6 solution cards linking deeper
Body
How it works
3–4 step process with visual
Proof
Outcomes + case strip
Time / effort / revenue metrics
Body
Diagnostic + calculator
Inline links to assessment & ROI tool
CTA
Book AI Readiness Call
Conversion band + WhatsApp
Use Case
Scenario page
Hero
Role + problem statement
"For VPs of Sales drowning in manual…"
Body
Before / after split
Visual contrast of the workflow
Body
What we deploy
The agents / systems involved
Proof
Result metric
One headline number + quote
CTA
See it on your data
Demo request
Industry Page
Vertical solution
Hero
Industry + outcome
BFSI / Healthcare / Retail framing
Body
Industry challenges
3–4 sector-specific pain points
Body
Pillar solutions mapped
Which of the 5 pillars apply
Proof
Compliance + case
Sector certs, a relevant story
CTA
Talk to a specialist
Industry-routed booking
Resource / Guide
Nurture + SEO
Hero
Title + reading meta
Topic, length, gated flag
Body
Long-form content
Sections, diagrams, pull-quotes
Body
Related tools
Inline assessment / calculator
CTA
Gated download + nurture
Email capture → sequence
Visual direction
One consistent system across all 50+ pages
Core palette
Base
#080B12
Surface
#0C1120
Brand Orange
#F38B26
Cloud Blue
#8FB0EC
Success
#22C55E
Typography · Poppins
AaDisplay · 800 · tight tracking · headlines
AaSemibold · 600 · subheads & CTAs
AaBody · 400–500 · 1.6 line-height
Design principles
Visual-first, 70/30
Every major section leads with a plate, animation or infographic before copy.
Outcome-led blocks
Each section answers: saves time, reduces effort, increases revenue, improves outcome.
One nav & footer
The visual mega-menu and footer are identical site-wide for orientation.
Diagnostic routing
Pages qualify and route — assessment and calculator links everywhere.
Restrained motion
Confident scroll reveals and data animations — never gimmicky.
Build roadmap
Sequenced for fastest funnel impact
WAVE 15 pages
Service Hubs
One hub per pillarWires up existing toolsHighest funnel leverage
WAVE 2~12 pages
Solutions & use cases
Deep capability pagesRole-based use casesPer-pillar assessments
WAVE 3~10 pages
Industry verticals
BFSI, Healthcare, Retail…Compliance framingIndustry-routed CTAs
WAVE 4ongoing
Resources & proof
Guides & whitepapersCase studiesGated conversion assets