Vladislav Baklan Games, interfaces, and everything in between
RU EN
Landing pages

Relokant — a relocation checklist

A step-by-step relocation checklist laid out as a stack of boarding passes. Sky, flight path and little planes instead of a dull list.

Year
2026
Role
Design and front-end
  • HTML
  • CSS
  • JavaScript
  • SVG
  • Boarding-pass cards with the checklist steps
    Each step is a boarding pass with a stub, a tear line and a number
  • The checklist on a phone screen

About the project

A landing page holding a personal relocation checklist: fifteen steps grouped into eight blocks — documents, money, housing, belongings and the flight, connectivity and insurance, visa, language, and the day before leaving. The cards are styled as boarding passes: a coloured stub with the number, a perforated tear line with rivets, and the tear-off text on the right.

What is inside

  • A continuous "route line" running through the background of all eight blocks — an SVG pattern that does not depend on content height and needs no JS measurement
  • The progress rail under the header fills as you scroll, from mint to coral
  • Light theme only, and deliberately so: morning sky and the lightness of the flight theme
  • On mobile the route line is hidden so it does not interfere with reading