Kushal Kella
All work
CASE STUDY — PERSONAL SITE

My portfolio,
designed then shipped.

I drew the whole site in Figma first — five pages, one paper-and-ink system — and then used Lovable to give it life as a real, responsive, live site rather than a folder of static frames.

Portfolio home page design in Figma
Role
Design, art direction & build
Type
Personal site — self-initiated
Tools
Figma, Lovable, React, Tailwind
Year
2026
THE PAGES
Work page design
01 — Work

A project index built like a contact sheet — snapshot collage on top, an even grid below.

About page design
02 — About

A full-bleed portrait against a big serif introduction, then story, values and a journey line.

Notes page design
03 — Notes

Writing kept light: a desk-shelf illustration and a two-column list of pieces worth reading.

Contact page design
04 — Contact

A pinned notebook collage where every detail — mail, location, socials — is a real link.

Design notes

The whole site runs on one small system: warm paper, ink black, a serif for statements and a handwritten face for the aside that follows each one. Nothing else was allowed in.

Every page opens with a single oversized sentence, so a visitor knows where they are before they scroll. The collage elements are hand-arranged rather than templated — they carry the personality the type deliberately withholds.

Figma held the art direction; Lovable turned it into working code — routing, responsive layouts down to mobile, and real links instead of prototype hotspots.

See the source
Open the Figma prototype
Launch prototype