ALIVE Design Studio: Custom Hand-Coded Portfolio Solution

ALIVE Design Studio: Custom Hand-Coded Portfolio SolutionALIVE Design Studio: Custom Hand-Coded Portfolio Solution

The network for creativity

Join 1.25M professional creatives like you

Connect with clients, get discovered, and run your business 100% commission-free

Creatives on Contra have earned over $150M and we are just getting started

Back to feedPost

Lívia Kiss

• Mar 24

ALIVE Design Studio — Designed & Built From Scratch

This one is personal.

Every designer needs a portfolio. Most use a template. I built mine from scratch — hand-coded in HTML, CSS, and JavaScript, deployed on GitHub Pages with a custom domain.

Not because templates don't work, but because a designer who codes should be able to prove it. The site itself is the proof.

The design system behind it — teal on near-black, chip-style components, teal accent rings, minimal dark aesthetic — is entirely custom. No frameworks, no shortcuts. Every spacing decision, every hover state, every transition written by hand.

It also lives and breathes: Google Analytics, Search Console, a Gumroad integration, and a fully custom client onboarding system connected to a Node.js backend.

Designed it. Then built it. Then shipped it.

Design Engineering Product Design Visual Studio Code Figma

R. Qule

max

• May 8

FX products live and die by trust.

For Vortex FX, we designed a landing page hero concept built for clarity and conversion: clean structure, strong hierarchy, refined typography, and a focused 3D animation that adds premium depth without visual overload.

This is the kind of first screen that makes a platform feel reliable before the user reads the details.

This was created with a design subscription from FANCY — and yes, we’re currently open to new projects.