Design + motion audit · show-first · nothing pushed
Three sites.
One pass.
A grounded look at zuloma, automation/diary, and your portfolio — and exactly what motion + UI to add to each.
The honest headline: your portfolio's real design was never pushed — a broken GitHub-Pages placeholder is live while the good version sits on your laptop. Zuloma and automation/diary are solid editorial sites that mostly need motion, not a redesign. The two named libraries don't fit all three stacks — so I matched motion to each stack instead of forcing it.
Stack fit — the reality check
zuloma.com
Next.js · plain CSS
motion.dev ✓HyperUI ≈ adapt
automation/diary
Astro · GSAP + Lenis
motion.dev ✗already has motion
portfolio
static index.html
motion.dev ✗Motion One ✓
01live · real
zuloma.
current · no motion
Holding up
- Confident Slow-Ink editorial identity — cream, terracotta, serif. Looks like a publication, not a startup.
- The maturity-diagnostic block is a real lead magnet, well-placed.
- Line-chart article motif is a strong, ownable signature.
Upgrade
- Mobile headline clips ("notes on th…"). Tighten the hero type scale + line-length.
- The dark category strip floats disconnected — make it a thin sticky nav with a sliding active-underline.
- Flat cream reads slightly digital — add a faint paper grain for depth (like this page has).
- Everything lands at once. Add a staggered load reveal + scroll fade-ups.
Signature motion
The chart draws itself in
Scroll it into view — the article's line chart strokes on instead of just being there. motion.dev, ~12 lines.
● P1 hero type fix
● P1 sticky nav + reveals
● P2 chart draw-on
● P3 grain
02live · real
automation/diary
current · GSAP + Lenis already live
Holding up
- Most distinctive of the three — dark masthead, redacted "tension brief" cards, mono detailing. On-brand for "shown, not sold."
- Already smooth-scrolls (Lenis) and has a GSAP motion tier. It doesn't need a new motion library.
Upgrade
- Same mobile headline clip ("in 41 minu…") — fix the responsive type scale.
- The redaction bars are static — make them the signature interaction: un-redact on scroll/tap (demo below).
- Pin + parallax the brief card with GSAP ScrollTrigger; add a magnetic CTA on "Get the diary."
Signature motion
The brief un-redacts
Tap replay — the classified bars slide off to reveal the line. Pure on-brand. GSAP, fits your existing tier.
The vendor said autonomous planning would cut effort by 60%. What actually broke was the master data.
● P1 headline fix
● P2 un-redact reveal
● P3 pin/parallax + magnetic CTA
03deploy gap
Lavi Sahu
LIVE now · broken
Real design · unpushed
This is a deploy bug, not a design problem. Your real portfolio (local commit ebe94d3) was never pushed — the live URL serves the old GitHub-Pages starter (2c45ef6). One push fixes the embarrassing part instantly.
Real design — holding up
- Beautiful Ghibli-warm editorial: Fraunces italic name, generous ma negative space, numbered sections.
- Skill tags (SAP IBP, OMP, o9…) read as a real practitioner CV, not buzzwords.
Upgrade (after pushing)
- It's static + motionless — add Motion One (vanilla, one CDN line, no build).
- Hero name + section reveals; skill tags pop in staggered.
- Decide the canonical home: github.io vs the empty lavisahu.pages.dev. Don't run two.
Signature motion
The name assembles
Tap replay — your name staggers up word-by-word on load. Motion One, works in a plain HTML file.
Lavi Sahu
● P1 PUSH the real design
● P1 pick canonical URL
● P2 Motion One reveals
→if you greenlight
What I'd do next — in order
- Push your portfolio. 30 seconds, ends the broken-placeholder problem today. (Ask me — I won't push without your yes.)
- Zuloma: fix the mobile hero clip + add motion.dev load/scroll reveals + chart draw-on. Biggest perceived-quality jump for least risk.
- automation/diary: fix headline clip, build the un-redact interaction into the existing GSAP tier. No new library.
- Portfolio polish: Motion One reveals once it's live and you've picked one canonical URL.