Phase A: Lo-Fi Shape Schematics (agy)
Shape Option 03 · Builder: agy

The Stepped Horizon (Horizontal Stage Ribbon)

Tiered horizontal stage ribbons connected by orthogonal step lines, full-height gateway sketch milestones, and a persistent bottom dock.

Greyscale Structural Schematic
Structural Bet

Rather than an unbroken vertical line, the narrative spine runs horizontally across panoramic stage ribbons, stepping down orthogonally between thematic chapters. Sketchnotes act as full-height gateway portals on the leading edge of each ribbon, establishing visual clarity before narrative cards unfold horizontally. Mark-and-return is woven as a persistent horizontal dock at the base of the viewport.

Main Risk & Trade-off

Horizontal stage blocks require generous desktop width and careful card grouping to prevent feeling like disjointed slices. On 390px mobile, horizontal ribbons must convert into disciplined vertical stage stacks with clear stepped numeric headers.

DESKTOP SCHEMATIC (Stepped Horizontal Ribbons)100% SCALE
◓[LIVING MARK]
ALPHA SHIFT
Shift Thinking. Shape Success.
[Single Nav: Home · Think · Programmes · Chetan · Explore]
STAGE 0: OPENING INQUIRY [1]Horizontal Ribbon Axis →

Something on your mind?

[Hero Opening Lines 1–6]
STAGE 1: THE MISSING PIECESticky Stage Bar [3]
GATEWAY SKETCHNOTE 1 [2]
The River Crossing
[FULL-HEIGHT GATEWAY ART]Boulders & Missing Pieces
Anchor portal introducing stage progression.
[01 The Missing Piece]

Sometimes you know enough, yet there’s still a missing piece.

[02 Better Question]

Maybe it starts with a better question or a clearer observation.

[03 Where Shift Begins]

You see a possibility you hadn’t considered. And that’s where the shift begins.

STAGE 2: MAKE THE SHIFTSticky Stage Bar [3]
GATEWAY SKETCHNOTE 2 [2]
Thought to Action
[BULB TO RUNNING MOTION]
Insight converted directly into operational action.

Make the shift.

Not everything needs a new plan. Sometimes, it needs a new way of looking at the old one.

[NICKY CASE BOUNDED SHIFT DIAL]Interactive Reframer
[How We Work: 5 lines]
STAGE 3: PROGRAMMES [5]

Programmes

Depth: 60m · 180m · 360m
01 THINK BETTERSee possibilities.
02 COMMUNICATEBe clear. Be heard.
03 STORYTELLINGWords → Picture → Memory.
04 OWNING ROLEStep up. Take charge.
05 PEAK PERFUnderstand your mind.
06 UNCERTAINTYNot sweating future.
07 PERSONAL BRANDINGShow up with clarity. Be remembered for what matters.
STAGE 4: CHETAN [6]
[Photo]

I’m Chetan.

Curiosity across banking, fintech, marketing, education & business.

[Quiet Credentials]• Goa University
• IIM Calcutta
• ABNLP
STAGE 5: EXPLORE [7]

Ready to explore?

[Direct 3-Field Message]
[Topmate Direct Calendar]
Book a conversation →
⟲ PERSISTENT BOTTOM DOCK (MARK & RETURN) [4]
Stage 1: RiverStage 2: BulbStage 3: Depth
MOBILE 390px STACK [8]
◓ ALPHA SHIFT[NAV]
STAGE 0

Something on your mind?

[Hero Sub-lines 1–6]
STAGE 1

The Missing Piece

SKETCH 1: RIVER
[RIVER ART]
[01 Missing Piece · 02 Question]
STAGE 2

Make the shift.

SKETCH 2: BULB
[BULB ART]
[NICKY CASE DIAL]
STAGE 3

Programmes

01 THINK BETTER · 02 COMMUNICATE · 03–07
STAGE 4

I’m Chetan.

[Photo + Curiosity text]

Ready to explore?

[Form / Topmate]
⟲ DOCK: STAGES 1–5▲