Для создания верстки, аналогичной представленным макетам, следует выполнить следующие шаги:
1. Использовать HTML и CSS для создания структуры и стилей страницы.
2. Создать сетку с помощью flexbox или grid layout для размещения элементов на странице.
3. Использовать медиа-запросы для адаптивной верстки, чтобы страница хорошо отображалась на различных устройствах.
4. Добавить интерактивные элементы с помощью JavaScript, если это необходимо.
Что касается боковой панели на сайте с различными секциями, идущими на полный экран и содержащей множество интерактивных элементов, то тег aside можно использовать для этого. Однако, для такого сложного макета могут потребоваться дополнительные элеметы и технологии, такие как JavaScript фреймворки (например, React, Angular или Vue) или CSS препроцессоры (например, SASS или LESS).
В целом, для реализации подобных макетов лучше всего использовать современные технологии и методики верстки, такие как flexbox, grid layout, адаптивный дизайн и модульная структура CSS.