← ЛЕНТА ТГ-КАНАЛА / пост

📎📎 Шаблон шапки для интернет-магазина

22.09.2025

Компоновка хедера (меню, контакты, поиск, кнопки и т.п.) — одна из самых частых болей нетоповых магазинов.
Не люблю посты про «как надо», но уж больно задолбали одни и те же проблемы.

Вот вам живой пример компактного хедера у DNS (почти шаблон).

Верхняя строчка

Город/Адрес — справа, над лого. Если город не особо важен для сценариев, то убираем к телефону.

Меню магазина. Основное правило — крайними должны быть самые важные (востребованные) для юзера пункты. Важные — «Доставка» и «Контакты». Остальное — маркетинг.

Акции — первые, подсвечены (если важно, нет — убираем).

Магазины (филиалы) — офлайн (если есть).

Доставка — Вообще, доставка должна быть самой первой, но здесь маркетинг важнее.

Покупателям — доп меню, если надо (см. скрин 2). Обратите внимание, ребята продублировали «Доставку» (это важно!).

Остальные пункты — на ваше усмотрение, НО последний пункт должен быть «Контакты» (или аналог)

Телефон — справа, под рукой. есть место добавить соцсети и заметную кнопку «Обратный звонок».

Остальное — на ваше усмотрение.

───
Для мобилы (скрин 3).
Телефон справа — если он важен, если не особо, то поменять на Город, если и это не особо, то всё прячем в бургер.

Юзерское меню спрятали за кнопкой чата (скрин 4).
У них это почему-то называется «Центр уведомлений». Но по-хорошему, там нужны быстрые кнопки основных запросов юзера.
Чат-сценарии активно заменяют стандартные меню и мне кажется, что кнопка чата вместо стандартного бургера — отличная замена. В быстрых кнопках показали «меню» + юзер сразу может что-то спросить без лишних кликов.

❓Как считаете, достойно шаблона?

#рефы | ЗоЮ

💬 Комментировать и обсудить в телеграм-канале