Кейс: разработка сайта TOPsharing.center
Когда мы начали работу над сайтом TOPsharing.center, у заказчика уже была чёткая услуга и сильная команда. Они занимаются арендой руководителей отделов продаж — помогают бизнесам выстраивать процессы, нанимать менеджеров и выходить на план по продажам. Но сайт не отражал системности, с которой они работают. Поэтому задача стояла не просто сделать красивый лендинг, а выстроить цифровую витрину, которая говорит на том же языке, что и сам продукт: спокойно, структурно, без суеты.
Мы начали с анализа рынка. Большинство сайтов в этой нише были похожи друг на друга — громкие заголовки, абстрактные обещания и минимум конкретики. Мы решили пойти другим путём: показать не эмоцию, а систему. После обсуждения с заказчиком согласовали структуру из нескольких разделов: главная, страницы о компании и услуге, кейсы, база знаний, экспресс-аудит, контакты и технические страницы вроде 404 и «Спасибо за заявку».
Главная страница сразу задаёт тон. Вместо стандартного баннера — бенто-сетка, где каждая карточка — отдельный смысловой блок. Чёткий оффер «Аренда РОПа для бизнеса», рядом — фото основателя и факты, которые вызывают доверие. Всё выстроено так, чтобы пользователь чувствовал спокойствие и порядок.
Дальше идут блоки, объясняющие, что именно делает компания: подбор менеджеров, адаптация, контроль CRM, аналитика, обучение. Всё подано кратко, через структурированные модули. Внизу — реальные показатели роста и цифры, но без акцента на «достижения», просто факты, которые можно проверить.
На странице «О компании» мы подробно рассказали, что такое TOPшеринг — через личность основателя и историю развития модели. Важно было показать, что за услугой стоит методика и опыт, а не просто аутсорсинг. Поэтому биографические факты собраны в аккуратный список, а история компании подана как хронология: от первых проектов до внедрения бирюзовых практик управления. Заканчивается всё манифестом — коротким набором принципов, по которым живёт команда.
Отдельная страница посвящена стоимости. Вместо сложных расчётов — понятная таблица и три пакета с прозрачными условиями. Это убирает главный барьер в B2B: человек сразу видит, за что платит и что получает.
Кейсы оформлены как библиотека: карточки с логотипами компаний, фильтры по направлениям и короткие описания. Сделали акцент на реальных историях роста, чтобы вместо лозунгов показать конкретику. Если пользователь не находит нужный пример, есть кнопка «Сделаем кейс вместе» — она мягко переводит к заявке.
В «Базе знаний» собраны статьи, видео и книги по продажам. Это не просто блог, а экспертная среда. Наверху — поиск и фильтры по темам, ниже — карточки статей и блок, где можно предложить свою тему. Такой приём добавляет интерактивности и вовлекает аудиторию.
«Экспресс-аудит» — это точка входа для новых клиентов. Объяснили, как проходит диагностика, что именно проверяется и какие зоны анализируются. Разбили всё на четыре направления — менеджеры, CRM, продукт и клиенты — и добавили трёхмесячный план, чтобы человек видел, что аудит — это начало процесса, а не формальность.
Страница «Контакты» сделана просто: карта, адрес, кнопка для связи в Telegram и форма обратной связи. Без лишних полей и всплывающих окон. Даже страницы 404 и «Спасибо за заявку» выдержаны в общем стиле — стеклянные формы, плавные линии, темный фон.
Визуальная система сайта основана на тёмной палитре, светлых линиях и стеклянных формах. Все элементы выстроены в единую сетку.
В итоге получился сайт, который говорит языком компании. Он показывает системность и экспертизу, не навязываясь, а объясняя. Пользователь получает представление о сервисе через структуру и логику подачи информации.
Проект в продакшене. Можно посмотреть вживую 👉 topsharing.center
#webdesign #uxui #дизайнсайта #кейсы #tilda #uxthinking #дизайндлябизнеса #диджиталдизайн #интерфейс #uxproject
