# 02 — Homepage Wireframe Grid: 12 columns, 1360px max container, 24px gutters (16px mobile). Section rhythm alternates paper → paper-deep → night so the long page reads as chapters. Each section answers one visitor question. Legend: `[ ]` interactive · `▢` visual · `▣` photograph · `~` motion **Update (2026-09-18):** numbered section labels were removed from every section, so headings stand alone. Platform names gained their official marks, and resource covers became photographs. --- ## 01 · Navigation — "Where can I go?" ``` ┌──────────────────────────────────────────────────────────────────────────────┐ │ ◧ Axidys Media Services▾ Industries▾ How We Work Resources About [Get a Growth Audit] │ └──────────────────────────────────────────────────────────────────────────────┘ Mega menu (Services), full container width, opens on click / hover-intent: ┌ Acquire ───────────┬ Convert ────────────┬ Measure + Expand ─────┬ rail ───────────┐ │ Paid Media │ Conversion Rate Opt.│ Analytics + Attribution│ The Revenue │ │ Paid Social │ Landing Pages │ Lifecycle + Retention │ Circuit → │ │ SEO + AI Search │ │ │ [Growth Audit] │ └────────────────────┴─────────────────────┴───────────────────────┴─────────────────┘ ``` Mobile: logo + [Menu] → full sheet, accordion groups, CTA pinned at bottom. ## 02 · Hero — "What do you do, for whom, and why is it different?" ``` ┌──────────────────── full-bleed photograph (16:9, fills the first screen) ────────────────┐ │ eyebrow: Growth marketing for SaaS + e-commerce │ │ │ GROWTH MARKETING BUILT │ two colleagues in conversation at a │ │ AROUND revenue — ~ lines rise from a mask, │ standing desk by a tall window │ │ NOT CHANNEL METRICS. 90ms stagger (CSS) │ (right third of the frame) │ │ sub-copy │ │ │ [Get a Growth Audit] [Explore our approach →] │ │ │ disciplines strip (paper veil under text, │ │ │ on the calm ivory wall) │ │ └──┬──────────────────────────── signal map card overlaps the lower edge ──────────────┬──┘ │ Google ─┐ │ │ Meta ───┤→ ● Acquisition → ● Landing exp. → ● Conversion → ● Revenue → ● Retention → compounds │ LinkedIn┤ ▲ Landing Pages ╰──── Email ────╯ │ │ SEO ────┤ ─ ─ ─ ─ Analytics rail (observes every stage) ─ ─ ─ ─ │ │ AI Search┘ SCHEMATIC · NOT LIVE DATA │ └────────────────────────────────────────────────────────────────────────────────────┘ ``` ~ Signals travel the paths slowly; paused off-screen; hidden under reduced motion. The photograph drifts ~70px on scroll (parallax). Below xl: photograph band first (4:3 phone, 16:9 tablet, 3:1 small laptop) → headline → CTAs → vertical signal map. ## 03 · Positioning — "Do you understand my business model?" ``` BUILT FOR TWO GROWTH MODELS. intro (cols 8–12) ┌────────────── SaaS (mist) ──────────────┐ ┌────────── E-commerce (sand) ─────────┐ │ ▣ photograph: pipeline report review │ │ ▣ photograph: product shoot in studio │ │ Pipeline-led growth │ │ Margin-led growth │ │ paragraph │ │ paragraph │ │ ─ Longer buying cycle │ │ ─ High-volume acquisition │ │ ─ Lead quality │ │ ─ Product economics │ │ ─ Demo conversion ▢ time-axis glyph │ │ ─ Shopping feeds ▢ loop glyph │ │ ─ Pipeline attribution │ │ ─ MER / ROAS │ │ ─ CAC · LTV · Paid + organic capture │ │ ─ AOV · CRO · Retention │ │ [SaaS growth marketing →] │ │ [E-commerce growth marketing →] │ └──────────────────────────────────────────┘ └───────────────────────────────────────┘ ``` ~ Hover/focus: panel lifts 2px, photograph scales 3%, glyph animates once, arrow translates. Whole panel is one link. ## 04 · The Revenue Circuit — "How do you actually work?" ``` THE REVENUE CIRCUIT. intro: gaps between channels… ┌──── sticky (cols 1–6) ─────────────┐ ┌──── scrolling stages (cols 7–12) ─────────────┐ │ 01 Discover │ │ 01 DISCOVER │ │ ●───────────● 02 Acquire │ │ Understand the market before buying traffic. │ │ / ◎ Revenue \ │ │ description · [chips] · Output: … │ │ 05 ● ● 03 Convert │ │ 02 ACQUIRE … │ │ Expand \ / │ │ 03 CONVERT … │ │ ●──────── │ │ 04 MEASURE … │ │ 04 Measure │ │ 05 EXPAND … │ │ progress: path draws with scroll │ │ ↺ Expand feeds Discover │ └─────────────────────────────────────┘ └───────────────────────────────────────────────┘ ``` ~ Path length tied to scroll progress; active node fills indigo; clicking a node scrolls to its stage. Mobile: compact ring on top, stages with a drawing left rail. ## 05 · What we optimize for — "Will you chase clicks or economics?" (night section) ``` CLICKS AREN'T THE OBJECTIVE. ECONOMICS ARE. intro [ SaaS | E-commerce ] ILLUSTRATIVE DATA ┌── metric index (cols 1–5) ────────┐ ┌── chart panel (cols 6–12) ───────────────────┐ │ CAC › │ │ SaaS: Campaign A vs B, lead → closed-won │ │ SQLs │ │ bars (no values). "A wins cost per lead. │ │ Pipeline │ │ B wins pipeline." │ │ Demo-to-opportunity │ │ E-com: platform ROAS vs blended MER (lines) │ │ … │ │ + contribution margin strip │ │ selected: definition + decision │ │ caption: Illustrative data. Not client results│ └────────────────────────────────────┘ └──────────────────────────────────────────────┘ ``` ~ Toggle crossfades datasets; bars/lines draw in when visible. ## 06 · Services — "What exactly can you do?" ``` SIX DISCIPLINES. ONE GROWTH SYSTEM. intro ───────────────────────────────────────────────────────────────────── 01 / Acquire 01 PAID ACQUISITION ▣ photograph: budget review at a monitor promise (H3) · explanation deliverables (2-col hairline list) Paid media → · Paid social → ───────────────────────────────────────────────────────────────────── 02 / Acquire ▣ photograph: question cards → page outlines 02 SEO + AI SEARCH … (alternates for 03 CRO, 04 Creative + Landing, 05 Analytics, 06 Lifecycle) ``` ~ Rows reveal with 80ms stagger. Each 4:5 photograph has a numbered caption strip, e.g. "02 · Pages built for buying intent, cited in AI answers". ## 07 · Why specialization matters — "Why not one playbook?" ``` THE SAME PLAYBOOK CAN'T GROW BOTH MODELS. ┌─ SaaS path ─────────────────────────────┐ ┌─ E-commerce path ──────────────────────┐ │ Search → Landing → Demo/trial → Nurture │ │ Ad/search → PDP → Cart → Purchase │ │ → Sales → Revenue (weeks → months) │ │ ↺ Repeat purchase (minutes → days) │ │ Measure: SQLs, pipeline, win rate │ │ Measure: MER, contribution, repeat │ │ Where it breaks: … │ │ Where it breaks: … │ └─────────────────────────────────────────┘ └────────────────────────────────────────┘ comparison table: buying cycle · conversion event · efficiency metric · attribution window · creative job · retention lever ``` ## 08 · Platforms — "Will you work in our stack?" ``` PLATFORMS WE WORK WITH. intro (cols 8–12) ← fades full-bleed rows, no container fades → ┌──────────────┐ ┌────────┐ ┌─────────────┐ ┌───────────────┐ │ ◢ Google Ads │ │ ∞ Meta │ │ in LinkedIn │ │ ▦ Microsoft │ ~ drifts right, for ever └──────────────┘ └────────┘ └─────────────┘ └───────────────┘ ┌────────┐ ┌──────────────────┐ ┌────────────────┐ ┌─────────┐ │ ▮ GA4 │ │ ◆ Google Tag Mgr │ │ ⌕ Search Cons. │ │ Shopify │ ~ drifts left, for ever └────────┘ └──────────────────┘ └────────────────┘ └─────────┘ footnote: trademarks belong to owners; no partnership implied ``` ~ Two rows of pills drifting in opposite directions (client direction, 2026-09-18, after a Typeform reference). Each row repeats its set five times and shifts by exactly one set, so the loop has no seam and never empties; rows start mid-drift, pause on hover or focus, and stand still under reduced motion. Official marks in their own colours, about 28px, with the name in the site face. Categories and per-tool notes were dropped with this layout. ## 09 · Process — "What happens, in what order?" ``` HOW AN ENGAGEMENT RUNS. ┌ sticky step index ┐ ┌──────────────────────────────────────────────────────────┐ │ 01 Diagnose ● │ │ 01 DIAGNOSE (huge numeral) │ │ 02 Model │ │ │ What happens · You receive · Decision next │ │ 03 Prioritize│ │ │ 02 MODEL … │ │ 04 Build │ │ │ … │ │ 05 Experiment│ │ │ 06 SCALE → "the loop starts again" │ │ 06 Scale ● │ └──────────────────────────────────────────────────────────┘ └───────────────────┘ ~ connecting line fills as steps pass; index highlights ``` ## 10 · Working together — "What will it feel like week to week?" (paper-deep) ``` WHAT WORKING TOGETHER LOOKS LIKE. ┌──────────── living photograph: team review (1536:620, radius 14, subtle loop) ────────────┐ └────────────────────────────────────────────────────────────────────────────────────────────┘ ┌ cadence board ───────────────────────┐ 7 principles, hairline list: │ Always shared backlog + dashboard │ Shared growth priorities │ Weekly/biweekly working session │ Transparent experiment backlog │ Monthly performance review │ Weekly or biweekly communication │ Quarterly growth planning │ Clear KPI ownership · Commercial reporting └───────────────────────────────────────┘ Documented learnings · Senior oversight ``` ## 11 · Growth diagnostic — "Where is my growth being lost?" ``` WHERE IS GROWTH BEING LOST? disclaimer: directional, no projections ┌ five questions (cols 1–7) ─────────────────┐ ┌ result (sticky, cols 8–12) ────────────┐ │ 1 Business model [SaaS] [E-commerce] │ │ 3 of 5 answered ▮▮▮▯▯ │ │ 2 Primary objective [Scale][Efficiency]… │ │ → on completion: │ │ 3 Monthly paid media [<10k][10–50k]… │ │ "Your biggest opportunity appears to be│ │ 4 Biggest constraint [Traffic][Conversion]…│ │ measurement + conversion infrastructure"│ │ 5 Primary platform [Google][Meta]… │ │ why · what we'd check first (3) │ └────────────────────────────────────────────┘ │ [Request the Full Growth Audit] │ └────────────────────────────────────────┘ ``` ## 12 · Resources — "Can I learn something now?" ``` PRACTICAL GUIDES FOR GROWTH TEAMS. [All resources →] ┌ feature card (cols 1–6, tall) ┐ ┌ card ┐ ┌ card ┐ │ photograph cover (fills height)│ └──────┘ └──────┘ │ format · category │ ┌ card ┐ ┌ card ┐ ┌ dark diagnostic card ┐ │ title · dek · read time │ each: photo cover, format · category, └───────────────────────────────┘ title, dek, read time ``` ## 13 · FAQ — "What else do I need to know?" ``` QUESTIONS, ANSWERED. ┌ accordion (native details/summary) ───────────┐ Still deciding? │ + What types of SaaS companies do you work with?│ [Get a Growth Audit] │ + …10 questions │ └─────────────────────────────────────────────────┘ ``` ## 14 · Final CTA — "What's the next step?" (night, full-bleed) ``` ┌──────────────────────────────────────────────────────────────────────────────┐ │ FIND THE CONSTRAINT BEFORE │ Higgsfield loop: strategist at a desk │ │ SPENDING MORE TO SCALE IT. │ lit by indigo screen light (right) │ │ supporting copy │ │ [Get a Growth Audit] ← fill expands from pointer on hover; slight magnetism │ │ No exaggerated promises. No generic deck. Just a clear view of the growth system. │ │ Acquisition · Conversion · Measurement — what the audit reviews │ └──────────────────────────────────────────────────────────────────────────────┘ ``` ## Footer ``` ◧ Axidys Media — positioning line Services Industries Resources Company …7 links SaaS, E-commerce 6 guides + hub How we work, About, Contact, Audit ─────────────────────────────────────────────────────────────────────────────── © 2026 Axidys Limited · Company No. 3175091 · 8/F, China Hong Kong Tower, 8–12 Hennessy Road, Wan Chai, Hong Kong Privacy · Terms · Cookie preferences ```