Подменю с разделами страницы

Можем ли мы сделать так, чтобы на странице было фиксированный блок

с разделами страницы и можно было переключаться между блоками?

Это упростит новигацию


Примеры:

https://www.ocs.ru/services/api-connector/ - закрепленный правый столбец

Главный экран
Хлебные крошки: ... / Корпоративным клиентам
Заголовок: Поставки оборудования для оснащения рабочих мест, офисов, переговорных и IT-инфраструктуры
Подзаголовок: Подбирем оборудование под ваши требования, бюджет, сроки и инфраструктуру. Не ограничиваем закупку фиксированным набором решений.
Визуал:
Кнопка: Стать партнером


Текст: Поставляем IT-оборудование компаниям с повышенными требованиями к безопасности и срокам
Вставляем логотипы партнеров (бегущая строка): Яндекс | Т-Банк | Газпром | РБК | ВТБ | Норникель | Авито | Селектел | ПЭК | Mail

Пример: https://reducto.ai/ В качестве визуальной идеи можно использовать принцип Reducto: после первого экрана сразу показывается длинный ряд клиентских логотипов как социальное доказательство. На текущем сайте Reducto этот прием находится непосредственно под hero-блоком.
https://kontur.ru/cases

Решения
Заголовок: Оснащаем пространства под ключ или поставляем точечно
Подзаголовок: Выберите нужный формат: мы можем полностью собрать ИТ-инфраструктуру помещения или поставить редкие позиции под конкретную задачу.

Затем размещаем переключать по вкладкам с разными сценариями ИЛИ поп-апы для каждой вкладки:

Вкладка 1. Рабочие пространства
Текст: Подбираем и поставляем комплекты техники и периферии для сотрудников разных подразделений
Оснащаем офисы, open space и коворкинги — от отдельных рабочих мест до комплексного оснащения пространства.
  • Индивидуальные рабочие места
  • Open space пространства
  • Коворкинги
Поставляем: ПК, ноутбуки, мониторы / Периферия / Аксессуары / Оргтехника
Подходит для: все отрасли
Кнопка: Стать партнером

Вкладка 2. Переговорные помещения
Текст: Оснащаем переговорные комнаты разных объемов для встреч, презентаций и видеоконференций.
  • Малые митинг-румы
  • Просторные переговорки
  • Конференц-залы
  • Call-центры
Поставляем: ВКС, AV-техника, Мониторы, Экраны, Периферия, Аксессуары
Подходит для: IT, Телеком, Финансы, Образование
Кнопка: Стать партнером

Вкладка 3. Учебные пространства
Текст: Комплектуем

Оснащаем школы, колледжи, техникумы, университеты, кванториумы, сады современным ИТ-оборудованием, мебелью и т.п.
  • Новые и вновь открывшиеся школы
  • Отдельные кабинеты и помещения школы

  • Классы
  • Аудитории
  • Цифровые лаборатории
  • Технопарки
Поставляем: Ноутбуки/ПК, Мониторы, Интерактивные панели, ПРоекционное оборудование, ВКС, AV, периферия
Подходит для: Учебные центры
Кнопка: Стать партнером

Вкладка 5. Киберспортивные пространства

  • Игровые и компьютерные клубы
  • Киберарены

Вкладка 6. Полиграфическая промышленность

Фотоцентры, фотосалоны
Копировальные центры
Типография

Вкладка 7. Серверные и ИТ-помещения
Текст: Оборудуем локальные серверные помещения
Поставляем: Серверы и СХД / Коммутаторы и маршрутизаторы / Патч-панели и кросс-оборудование СКС / ИБП
Подходит для: ИТ / Телеком / Финансы
Кнопка: Стать партнером

Вкладка 8. Другая задача
Текст: Не нашли свою задачу?
Расскажите ее, мы подключимся и проконсультируем
Отрасли: ...
Кнопка: Рассказать о задаче
_________________________________________________________________________________________________________________

Референсы оформления блока:
  1. https://reducto.ai/#finance
Вендоры
Данный блок логически продолжает предыдущий. Логика следующая: в предыдущем блоке пользователь знакомиться с перечнем оборудования, которое наша компания может поставлять для разных целей, а в блоке ниже (как бы в продолжение прошлого блока) он видит, что все это оборудование от ведущих производителей, а значит он может быть уверен в качестве продуктов. Но важно подчеркнуть, что мы не ограничиваемся пулом текущих вендоров, а готовы искать решение за пределами текущего портфеля.

Блок должен визуально восприниматься как продолжение блока «Решения», но одновременно открывать новую смысловую тему - преимущества GTC. Не делать резкий переход к блоку «О компании».

Заголовок: Подбираем оборудование под задачу, а не ограничиваемся одним брендом
Подзаголовок: Работаем с ведущими производителями оборудования и подбираем конфигурацию под бюджет, требования и инфраструктуру клиента
Репрезентативная выборка технологий в портфеле GTC экономит время на проверку гипотез и тестирование совместимости оборудования (переписать)
Размещаем логотипы вендоров
Плашка меньшего размера, текст: Поставляем редкие позиции под заказ и задачи вашего бизнеса
Кнопка: Все производители (с ссылкой на полный каталог производителей)
О компании
Заголовок:
Подзаголовок:

  • Официальный импортер
  • 2022 год - начало работы компании
  • 30+ сотрудников
Преимущества и УТП
Заголовок: Не подстраивайте закупку под поставщика. Мы подстраиваем поставку под вашу задачу
Подзаголовок:
Делаем закупки предсказуемыми
  • Проверка совместимости
  • Наличие
  • Сроки
  • Документооборот
  • Комплектация
  • Логистика

масштаб;
сертификаты;
количество SKU;
логистика;
опыт;
гибкость;
другие реальные доказательства.

Официальный импортер, имеем сертификаты и лицензии на продажу оборудования, полностью белый импорт

Визуал: поп-апы https://kontur.ru/suppliers (см. блок "Подходит для всех")


Факты о копании
Документы без ошибок и доработок. Всё оформлено по стандартам — для отчётности и проверок
Контроль на всех этапах. От заявки до разгрузки на объекте — под нашим вниманием
Гарантия качества и поддержка по рекламациям. Только проверенные поставщики, решаем все вопросы по браку
Прямые поставки от производителей. Без посредников, с гарантией качества и лучшими условиями
Прозрачность всех этапов и регулярная отчётность

Сервисы
Задача блока: нужно презентовать сервисы как инструменты, которые уменьшают количество ручной работы клиента.

Заголовок: Упрощаем процесс закупки на каждом этапе
Подзаголовок: Мы работаем по модели Value Added Distribution (VAD), помогая партнерам эффективно и быстро решать бизнес-задачи с помощью дополнительных сервисов: налаженной логистики, технических консультаций, пресейла, обучения, маркетинговых и финансовых инструментов.

Плитка с карточками сервисов

Сервис 1.
API
Автоматизация регулярных закупок
Кнопка-ссылка: Подробнее + ссылка на страницу API

Сервис 2.
Доставка

Кнопка-ссылка: Подробнее + ссылка на страницу Доставка

Сервис 3.
ЭДО
Быстрый и точный документооборот
Кнопка-ссылка: Подробнее + ссылка на страницу ЭДО (будет позже)

Сервис 4.
Демофонд
Оборудование для тестирования перед поставкой
Кнопка-ссылка: Подробнее + ссылка на страницу Демофонд (будет позже)

Сервис 5.
Финансовые инструменты
Гибкие условия под вашу закупку
Без кнопки!

Сервис 6.
Персональный менеджер

Без кнопки!

Сервис 7.
Участие в коммерческих тендерах
Плашку с тендерами делаем приоритетной и самой заметной (или по размеру, или выделяем цветом/картинкой). Можно поставить ее на 1 место в плитке.
Подключимся, если вам нужен поставщик для тендерной закупки.
Аккредитованный поставщик на РОСЭЛТОРГ (может быть добавить логотип площадки (это самая крупная торговая площадка в РФ, а аккредитация - наше сильное преимущество) и обозначить галочкой (или как будто это виджет/бейдж с активированным режимом на площадке или еще как-нибудь) наличие аккредитации? хочется как-то акцентировать внимание на этом)
Кнопка: Пригласить в тендер

_________________________________________________________________________________________________________________

Референс: https://sotemgroup.ru/about - смотреть блок "Отличаемся от других поставщиков наличием штата..."
Нравится, что первые пункты оформлены в едином и относительно нейтральном стиле, а последняя карточка - яркая и выразительная, акцентирует на себе внимание, но при этом карточки выглядят целостно за счет единой цветовой палитры.


Этапы работы
Надзаголовок: Как мы работаем
Заголовок: Что мы берем на себя до поставки
Подзаголовок:
  • Проверка совместимости
  • Наличие
  • Сроки
  • Документооборот
  • Комплектация
  • Логистика

1. Определяем задачу
Разбираемся, что нужно оборудовать, в каком объеме и какие есть требования.
2. Подбираем решение
Формируем состав оборудования из подходящих категорий и производителей.
3. Согласовываем предложение
Рассчитываем стоимость, сроки поставки и условия.
4. Поставляем оборудование
Организуем поставку нужного объема в согласованные сроки.
5. Сопровождаем
Остаемся на связи и помогаем решать вопросы по заказу.

Визуал:
Кнопка основная:

Кейсы
Сделать оформление блока и скрыть его. Сами кейсы добавим позже, когда они будут готовы.
Заголовок: Реализованные проекты
Подзаголовок: Узнайте, как мы решаем реальные задачи наших корпоративных клиентов
По 1 кейсу по каждой отрасли - ИТ, финансы, образование, телеком
Кейсы будут описаны здесь: https://docs.google.com/spreadsheets/d/1YxUFzQx0C04A0gB4wMi43pdm3hmDKHHv2mJO1G_wKqg/edit?usp=sharing

Пример:
Акции
Блок пока что скрываем, откроем его позже
Заголовок: Специальные предложения для корпоративных клиентов
Подзаголовок: Помогаем сэкономить бюджет при первой закупке или плановом обновлении техники
Ниже выводим карточки из потока с фильтром "Акции" (я потом самостоятельно настрою) ИЛИ карусель с баннерами

Примеры:
https://kontur.ru/products#list
Форма заявки
Заголовок: Оснастим офис в любом регионе России

FAQ
Заголовок: Популярные вопросы
  • Какие есть виды оплаты для юридических лиц?
  • Как получить заказ?
  • Какой список документов необходим для выставления коммерческого предложения?
  • Могу ли я оформить заказ самовывозом со склада как корпоративный клиент?
  • Какие условия гарантийного обслуживания?
  • Как оформить заказ онлайн с доставкой?
Кнопка: Задать вопрос

Оформляем блок в виде раскрывающихся карточек