Делаем наброски в тетради — некое представление в воображении уже сформировано, рисуем зацепки, чтобы потом по ним идти повторно.

Делаем первые наброски на компьютере.

Мы уже знаем, что информации будет много: много разделов, много подразделов. Думаём над максимальным уменьшением шапки. Чтобы не приходилось на каждой странице скролить вниз.

Страница слишком широкая (на ноутбуках вообще всё слипнется), а шапка, которая сейчас не функциональна и только зря место занимает. Тасуем дальше.

Уже похоже на кое-что. Меню разделяется логически. Можно растить вниз. Можно растить вправо. Избавляемся от заливки слева: она сама по себе забирает места на мониторе, плюс на отступ нужно место.

Дорабатываем мелочи и прорисовываем каждый специфический уголок.

Каждая отрисованная страница верстается и весь пакет уходит на программирование.