Skip to content

SeriesShipping this site2 of 3

1 min read

Designing without templates

How I keep a portfolio feeling deliberate - starting from typography and atmosphere instead of a ready-made UI kit.

Most student portfolios resemble the same three templates: a large hero, three project cards, a skill cloud, and a footer. It works. It also disappears in a recruiter’s stack of tabs.

Start with one composition

Before components, I decide what the first viewport should feel like. For this site that meant:

  • a name large enough to own the screen
  • a quiet gradient atmosphere
  • almost nothing else competing

If the first screen could belong to anyone after removing the navigation, the branding is too weak.

Constraints that help

I keep a short list of hard rules while designing:

  • Typography first. Layout follows the type scale, not the other way around.
  • No decorative cards by default. Cards appear when they help interaction or scanning.
  • Motion with purpose. Entrances and hovers - not parallax everywhere.
  • One job per section. About explains who I am. Projects show the work. Contact closes.

The trade-off

Handcrafting takes longer than cloning a template. The upside is that recruiters remember something - a color, a title size, a sense of care. That memory is the point of a portfolio.