SP / BUILD LOGCODE · DATA · SYSTEMS

A DEVELOPER IN THE MAKING / KOLKATA, INDIA

Sayan Paul.

BUILD · DEBUG · DOCUMENT

Opening the workbench...

PROJECT / 10BUILD · DEBUG · REFINE

My Portfolio.

A multi-page portfolio built with vanilla HTML, CSS, and JavaScript. It explores a documentary-style visual system, skills visualization, motion-led entrances, and a contact workflow.

PROJECT NOTE · 2026WEB DEVELOPMENT · 2026
SP.PORTFOLIO
AS A BUILD LOG.
HTML · CSS · JS / 2026

01 / THE PROBLEM

Presenting a broad set of experiments without turning the site into a noisy project dump.

The portfolio combines editorial typography, a project index, motion-based entry and scroll states, skill-network visualization, and a contact flow. This was an earlier chapter that informed the more personal Fieldnotes design.

02 / DESIGN DECISIONS

Documentary design

Use high contrast, restrained accent colour, and typographic hierarchy to set the tone.

Project navigation

Keep a searchable/filterable project view rather than a long unstructured list.

Motion system

Use entry and scroll animations to reveal information in a controlled sequence.

Contact workflow

Use a form endpoint rather than implying a static page has its own mail server.

← Back to the project explorer