Делаем наброски в тетради — некое представление в воображении уже сформировано, рисуем зацепки, чтобы потом по ним идти повторно.
Делаем первые наброски на компьютере.
Мы уже знаем, что информации будет много: много разделов, много подразделов. Думаём над максимальным уменьшением шапки. Чтобы не приходилось на каждой странице скролить вниз.
Страница слишком широкая (на ноутбуках вообще всё слипнется), а шапка, которая сейчас не функциональна и только зря место занимает. Тасуем дальше.
Уже похоже на кое-что. Меню разделяется логически. Можно растить вниз. Можно растить вправо. Избавляемся от заливки слева: она сама по себе забирает места на мониторе, плюс на отступ нужно место.
Дорабатываем мелочи и прорисовываем каждый специфический уголок.
Каждая отрисованная страница верстается и весь пакет уходит на программирование.