ICE FACE · вариант для обсуждения
Новая шапка ICE FACE
Предложение сохраняет основные маршруты, сокращает верхнее меню и делает запись заметнее на компьютере и телефоне.
Сравнение локальных экземпляров
Шапка на компьютере и телефоне
Обе стороны показывают локальные работающие компоненты с одинаковой шириной. Текущий вид остаётся отдельным от предложения.
Оба экземпляра: компьютер, ширина 1440 px. Цвет: исходный.
Текущая шапка
Локальная копия текущего вида внутренних страниц.
Локальный HTML из общего макроса шапки; совпадение с сохранённым снимком проверяется отдельно.
Предложение шапки
Рабочий локальный вариант для обсуждения, не утверждён и не внедрён.
Локальный HTML; поведение можно проверить внутри рамки.
Сохранённые снимки и источник
Снимки относятся к прежнему срезу от 15.08.2026. Они служат эталоном для сверки и не подтверждают текущее состояние опубликованного сайта.
Суть изменения
Что меняется в новом варианте
Сохраняем функции
Логотип, разделы, телефон, поиск, кабинет, корзина и онлайн-запись остаются доступными.
Сокращаем первый уровень
В основной строке остаются пять маршрутов; второстепенные ссылки переходят в мобильное/расширенное меню.
Запись заметнее
Кнопка записи видна на компьютере и телефоне и не отвлекает от навигации.
Фиксируем состояния
Основное состояние, поведение при прокрутке, видимый фокус и раскрытое мобильное меню проектируются как один компонент.
Технический состав и состояния17 функций сопоставлено
Проверка полноты
Функция на текущем сайте → расположение в новом варианте
Ни одна функция не считается сохранённой, пока для неё не указано конкретное место.
| На текущем сайте | В новом варианте | Поведение |
|---|---|---|
| Главная | Логотип ICE FACE | Ссылка на главную на компьютере и телефоне. |
| О нас | Основная строка | Постоянная ссылка первого уровня. |
| Услуги | Основная строка | Главный каталог остаётся первым навигационным пунктом. |
| Акции | Меню «Ещё» | Доступно в нативном details без потери URL. |
| Цены | Меню «Ещё» | Доступно в нативном details без потери URL. |
| Косметика | Основная строка | Сохраняется коммерческий маршрут первого уровня. |
| Блог | Меню «Ещё» | Вторичный контентный маршрут. |
| Контакты | «Студии» в основной строке | Название уточняет фактическую задачу, URL сохраняется. |
| Франшиза | Меню «Ещё» | Внешний маршрут сохраняется. |
| Абонементы | Меню «Ещё» | Ссылка доступна на компьютере и телефоне. |
| Сертификаты | Меню «Ещё» | Ссылка доступна на компьютере и телефоне. |
| Телефон | Рядом с меню / внутри мобильного меню | Номер остаётся ссылкой для звонка. |
| Поиск | Значок / внутри мобильного меню | Отдельная подписанная зона нажатия. |
| Личный кабинет | Значок / внутри мобильного меню | Ссылка на личный кабинет сохраняется. |
| Избранное | Значок / внутри мобильного меню | Доступно рядом с личным кабинетом. |
| Корзина | Значок / внутри мобильного меню | Ссылка на корзину сохраняется. |
| Социальные сети | Меню «Ещё» / мобильное меню | Ссылки собраны в отдельную группу. |
Состояния компонента
Не один макет, а полный контракт шапки
До внедрения каждое состояние проверяется отдельно; этот экран показывает направление и обязательный набор сценариев.
Основное состояние
Основное состояние внутренних страниц с контрастной навигацией.
При прокрутке
При прокрутке высота не скачет, основные действия остаются доступными.
Фокус с клавиатуры
Все ссылки и кнопки получают заметное выделение при управлении клавиатурой.
Телефон 390
В первом ряду только три приоритета; остальные инструменты доступны внутри меню.