ТОПШеринг: как мы сделали дизайн более имиджевым и современным

Перед нами стояла задача обновить сайт компании ТОПШеринг: улучшить структуру и навигацию, повысить удобство использования и усилить смысловые акценты.

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

Прежде чем что-либо придумывать, мы изучили рынок. Мы провели разбор конкурентов и собрали референсы. 

Это помогло нам понять, как другие рассказывают о сложных услугах, выделить удачные находки и, что важнее, увидеть общие ошибки — скучные тексты, перегруженность терминами. Наша цель была стать лучше и говорить яснее.

Чтобы у заказчика был выбор, мы разработали две дизайн-концепции.


Первая —  более имиджевая и насыщенная, построенная на тёмном фоне.

Вторая —
деловая, в светлой цветовой гамме с контрастными тёмными акцентами.


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

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

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

На основе выбранной концепции мы разработали полный набор экранов сайта и UI-kit, охватывающий все ключевые пользовательские сценарии и бизнес-задачи

— Главная — понятное объяснение модели сервиса и ключевых преимуществ
 

— О ТОПШеринге — информация о компании и формате работы
 

— Что входит и сколько стоит — структура услуг и логика ценообразования
 

— Кейсы — подборка реализованных проектов
 

— База знаний — экспертные материалы и статьи
 

— Экспресс-аудит — целевая страница для сбора заявок
 

— Контакты — форма обратной связи
 

— Страницы кейсов — детальные разборы проектов
 

— Страницы статей — шаблоны для публикаций

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

Такой подход позволил нам создать не просто набор красивых страниц, а целостную и логичную систему, где каждая страница ведет пользователя к главной цели — оставить заявку на услугу.

Отдельно мы разработали технические страницы:


• 404 ошибка — чтобы пользователи не терялись, если что-то пойдет не так


• «Спасибо за заявку» — чтобы подтвердить отправку формы и объяснить, что будет дальше

Эти страницы помогут сохранить пользователя на сайте даже в нестандартных ситуациях и сделать общее впечатление от сервиса более профессиональным и продуманным.

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


Сайт стал удобнее в использовании, визуально чище, но при этом выразительнее за счет темного фона — он лучше отражает уровень сервиса и усиливает имидж бренда.

Теперь пользователям проще ориентироваться в услугах, а бизнесу — доносить ценность продукта.


Интерфейс работает быстро и стабильно на всех устройствах.

Проект запущен и доступен по адресу: topsharing.center