29 января 2025 года.

Погода удивляет: не зима, не весна, что-то среднее. Утром даже было 9 градусов, и это явно влияет на атмосферу — не только на настроение, но и на творческий процесс. Ведь дизайн тоже подвержен сезонам: хочется сделать что-то уютное, как зимой, яркое, как летом, жизнерадостное, как весной, или подвести итоги, как осенью.

Но сегодня речь не о цветах и формах. Тема дня — меню и футеры.

Что остаётся за кадром?

Когда заходишь на сайт, в первую очередь обращаешь внимание на главную страницу, шапку, мобильную версию, форму обратной связи. Но есть элементы, которые не всегда замечают сразу:

• 📌 Футер (подвал сайта) — кажется мелочью, но иногда это ключевая навигационная точка.
• 📌 Меню — особенно бургер-меню в мобильных версиях. Если человек туда зашёл, значит, он не нашёл нужную информацию с первого взгляда.

Работа с этими элементами — это про удобство, про логику, про то, как пользователь ощущает сайт.

Футер: технический справочник или элемент дизайна?

Сегодня прорабатывался футер для Института инженерного проектирования. Это особенный кейс, потому что тут важен не только дизайн, но и смысловое наполнение.

Есть компании, которым достаточно простого футера: телефон, e-mail, кнопка подписки — и всё. А есть такие, как этот институт, где внизу страницы должна быть система, своего рода научная классификация.

📌 Что важно?

• Список всех ключевых разделов — как научная систематизация.
• Показывать компетенции и экспертизу, но без перегрузки.
• Чётко показать, что сложность берёт на себя компания, а клиент получает понятную навигацию.

Сайт в данном случае работает не как просто визитка, а как инструмент для бизнеса.

Меню: точка входа и продаж

Если футер — это навигация по всему сайту, то меню — это первая точка взаимодействия.

Классическое бургер-меню (на мобильных версиях) выполняет важную функцию: оно должно быстро направить пользователя к цели. Когда человек открывает меню, это значит одно — он не нашёл нужную информацию сразу.

Значит, в меню должно быть:

• ✅ Контакты (номер, e-mail, кнопка «Оставить заявку»)
• ✅ Ключевые разделы, но без перегруза
• ✅ Призыв к действию (что делать дальше?)

Часто меню проектируют просто по структуре сайта, но правильнее — по логике поведения пользователя.

Версии для планшетов: необходимость или формальность?

Часто забывают о планшетных версиях сайтов. Все говорят про мобильные и десктопные, а про планшеты вспоминают в последнюю очередь. Но если сайт должен быть удобным, то эта версия важна.

📌 Почему?

• Она не такая популярная, но точно нужна.
• Здесь композиция отличается от мобильной, но схожа с десктопной.
• Если её не учитывать, на планшетах сайт может выглядеть некорректно.

Поэтому вчера была сделана отдельная адаптация для планшетов — проработаны блоки, верстка, расположение контента.

Что дальше?

Работы впереди ещё много. Каталог, оформление, кейс, презентации — всё это требует времени и проработки. Но уже сейчас видно, как структура скрытых элементов формирует общее восприятие сайта.

Как говорится, лучше один раз увидеть, чем сто раз услышать. Поэтому будут фотографии и примеры.

А пока фиксирую промежуточный результат.

Продолжение следует… 🚀