Мобильное меню должно помогать выбрать раздел на маленьком экране. Если перенести в него каждую ссылку из подвала и каждую статью, посетитель получит длинный список вместо ориентиров. Сокращайте верхний уровень по задачам, сохраняя доступ к вложенным страницам через разделы.
В учебном примере студия показывает услуги, проекты, обучение, статьи и контакты. На верхнем уровне остаются эти пять направлений. Отдельные статьи доступны через блог, конкретные проекты — через портфолио. Это сокращение списка переходов, а не удаление страниц сайта.
Проверьте названия: «Обучение» понятнее, чем «Развивайся», а «Проекты» точнее, чем «Вдохновение», если внутри находятся выполненные работы. У каждой группы должен быть доступный обзорный раздел. Не прячьте единственный способ обратиться в случайный подпункт.
Не заменяйте готовое раскрывающееся меню одной нарисованной иконкой без действия. Три полоски должны открывать навигацию, а кнопка закрытия — возвращать к странице. В собственной реализации дополнительно проверяют клавиатуру и доступные названия элементов.
Откройте меню на телефоне в вертикальном положении. Последний пункт и закрытие должны оставаться достижимыми; если список выше экрана, проверьте его прокрутку. Нажмите раздел, дождитесь загрузки и убедитесь, что попали в ожидаемую страницу. Для якоря проверьте закрытие панели после перехода.
Повторите проверку на внутренней статье и странице услуги. Общая шапка может содержать ссылки-якоря, которые существуют только на главной. Для общего меню такой переход должен включать адрес страницы, например /#contacts, если этот якорь действительно задан на главной.
Порядок пунктов полезно проверять на человеке, который не собирал сайт: предложите найти курс и контакт. По его действиям видно, какое название непонятно. Не нужно заранее назначать универсальное «идеальное количество» пунктов.
Продолжите с настройкой общего меню и вложенной навигации. Для самостоятельного обучения изучите актуальные программы и условия в разделе курсов Perkova&Perkova.