stefan.dev Start a project

Stefan designs websites and builds them.

Harbour Line · 2025Ferry timetables and tickets for five islands. The same page, from 390 to 1440 pixels wide.See the project
  • 0 elements on this page
  • 4 font families
  • 0 cookies
  • 0 trackers

I'm Stefan. I design websites and web apps, then write the code myself, so the page you approve is the page that ships.

One person from the first sketch to the live site. I draw the layout, set the type, build the front-end and the back-end, and stay on after launch to keep it fast.

Latest work

Six projects from the last three years. Pick one for the full story.

Harbour Line

Ferry timetable & tickets · 2025

See all work

One page, five passes

  1. 01

    Brief

    We start with a call and a page of questions: who visits, what they need, what has to work on launch day.

  2. 02

    Boxes

    Every element gets a box before it gets a colour. This is the layout the code will use, not a drawing of it.

  3. 03

    Type

    Real words, real fonts, at real sizes. If a headline doesn't fit on a 390 pixel screen, we find out now.

  4. 04

    Colour

    Colour, art and photography go in last, on top of a page that already works.

  5. 05

    Live

    The same page in the browser with real data. You see every pass on a private link.

harbour-line.co/brief01 / 05

Brief · Harbour Line · call notes

  1. Who visits?Islanders on the pier, on a phone, in the wind.
  2. What do they need first?The next boat from where they stand.
  3. What breaks today?A PDF timetable that changes overnight.
  4. What must work on day one?Tickets for foot, car and freight.
  5. How will we know it worked?Fewer calls to the harbour office.

Brief · call notes

  1. Who visits?Islanders on the pier, on a phone.
  2. First need?The next boat from here.
  3. What breaks?A PDF timetable.
01BriefA call and a page of questions: who visits, what they need, what has to work on launch day.
02BoxesEvery element gets a box before it gets a colour.
03TypeReal words and fonts at real sizes, checked on a 390 pixel screen.
04ColourColour and art go in last, on a page that already works.
05LiveThe same page in the browser with real data, on a private link.

Layouts, type, colour and interface design, first in Figma and then straight in the browser. You can click through the real page before any money goes into the code.

12 / 24columns / gutter px

Design

Front-ends in HTML, CSS and TypeScript. Back-ends, APIs and databases in Node and PostgreSQL. Accessible, fast, and easy for the next developer to read.

0elements in this poster

Build

Hosting, updates, privacy-friendly analytics and a monthly check of speed and security. Small changes are done within two working days.

2 daysfor small changes

Look after

Questions people ask first

Price.
A fixed price per project, agreed before work starts. A marketing site usually takes 4 to 8 weeks, a web app 3 to 6 months.
Time.
I take two projects at a time, so you get a reply the same working day and a progress link every Friday.
Code.
You own all of it. The repository, the design files and the hosting account are in your name from day one.
Handover.
Every project ends with a short written guide and a recorded walkthrough, so your team can edit the site without me.
live0 elementszero0 cookiescss11996now6 projects
live0 css rulesbox4 colourszero0 trackerslive4 fonts
one1 personcss2box-sizingreplysame daylive0 kb of js

Counted live in your browser. CSS1 (1996) gave every element a margin, a border and padding; CSS2 (1998) added box-sizing.