AV-Logist

редизайн сайта для транспортной компании

Интегрировала обновленный фирменный стиль, адаптировала сайт под новую ЦА, улучшила юзабилити

Контекст и запрос

Авангард Логистика— транспортно-логистическая компания, специализирующаяся на перевозках негабаритных и тяжеловесных грузов по территории РФ и за рубежом

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

Также нужно было адаптировать визуальную часть под обновленный фирменный стиль, выстроить более серьёзный, современный образ и подчеркнуть опыт компании в работе со сложными грузами

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

цели и задачи проекта

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

исходя из цели я сформировала следующие задачи:

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

Внедрить элементы актуального брендбука: шрифты, цвета и визуальные акценты

Переработать визуальную подачу и контент с ориентацией на крупные компании-производители специализированной техники

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

подход и процесс

[
01
]
Аналитика и погружение

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

[
02
]
структура и смыслы

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

[
03
]
визуальные концепции

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

[
04
]
Дизайн и адаптивы

На основе выбранной концепции создала UI-дизайн всех страниц, включая мобильные версии. Продумала визуал так, чтобы он выглядел современно, был удобным для пользователей и подчёркивал компетентность компании

UX-решения

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

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

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

На ключевых страницах разместила понятные CTA: «Получить расчёт», «Уточнить условия», «Задать вопрос». Формы упрощены, а контакты — дублируются в нужных местах. Это повышает вероятность обращения и делает взаимодействие с сайтом простым и комфортным

UI-решения

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

01/

Применяла крупную типографику для ключевых сообщений, чтобы быстрее донести ценность услуг и помочь пользователю ориентироваться в контенте

02/

Добавила фоновое видео на первый экран, передающее масштаб и специфику работы компании: негабаритные перевозки, спецтехника, сложные грузы

03/

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

04/

Обеспечила визуальную иерархию с помощью цветовых акцентов и контрастов — это помогает быстрее считывать информацию без лишних усилий

05/

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

06/

Результат

Сайт стал ориентирован на новую аудиторию — крупные предприятия и производители спецтехники, что позволило точнее транслировать экспертность компании

Удалось значительно повысить информативность: вместо шаблонных блоков — чёткие смыслы, структурированный контент и сильные офферы

Улучшена визуальная коммуникация: современный дизайн, видео и крупная типографика усилили первое впечатление и повысили доверие

Навигация стала проще и логичнее, что сократило путь пользователя к целевым действиям и уменьшило риск потери лидов

Обновлённая подача услуг и кейсов помогает компании убедительнее презентовать опыт и привлекать клиентов на долгосрочное сотрудничество

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

перейти на сайт

выводы

Проект стал примером того, как продуманная структура, простота решений и внимание к деталям формируют сильный пользовательский опыт

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

мойкрас.рф

Многостраничный B2B-сайт для клининговой компании: Создала визуальный стиль и UX-логику, адаптировала контент под три языковые версии

zhuk avto

Дизайн сайта-каталога: разработала структуру с удобной навигацией, поиском по параметрам и информативными карточками авто

tizzo

UX/UI-дизайн интернет-магазина
с фокусом на эстетику и удобство: разработала структуру и интерфейс, усиливающие доверие к бренду

tizzo

UX/UI-дизайн интернет-магазина
с фокусом на эстетику и удобство: разработала структуру и интерфейс, усиливающие доверие к бренду

Заказать сайтмария самойло