Компания Никавесттранс — организация, предоставляющая услуги в сфере логистики и транспортных перевозок.
Задача
Представит компанию в интернете;
Подробно расскажет об услугах;
Будет собирать заявки от потенциальных клиентов.
До этого сайт у компании отсутствовал, поэтому проект создавался с нуля.
Клиенту требовался современный сайт, который:
Что делали
Провели интервью с представителями компании, чтобы понять, какие особенности бизнеса важно отразить на сайте. Согласовали стратегию, определились с функционалом и структурой будущего ресурса.
1. Бриф
Изучили сайты прямых и косвенных конкурентов, отметили сильные решения и выявили недочёты. Это помогло создать более продуманный и удобный сайт.
2. Анализ конкурентов
Бриф. Таблица анализа конкурентов
Разработали чёткую и логичную структуру:
Главная страница с общей информацией об услугах;
Страница с подробным описанием каждой услуги;
Страница «О нас» с описанием компании и её преимуществ;
Контакты с формой обратной связи.
3. Структура сайта и прототип
Структура сайта
Собрали референсы по сетке, шрифтам и цветовой гамме. Клиенту предложили мудборд, на котором была утверждена цветовая палитра в сине-бело-голубых тонах и фотографии по тематике логистики.
4. Дизайн-концепция
Moodboard
Разработали макеты страниц в Figma. Для заголовков выбрали шрифт Bebas Neue — строгий и уверенный, чтобы подчеркнуть надёжность компании. Сначала прорабатывали всё в Figma, чтобы быстро согласовывать и вносить правки.
5. Дизайн сайта в Figma
Макеты страниц в Figma
После утверждения макетов приступили к верстке. Сайт сделали адаптивным для всех устройств.
На первом экране главной страницы в качестве фона разместили видео. В блоке «О компании» реализовали анимацию цифр, а логотипы партнёров оформили в виде бегущей строки.
Для точного переноса дизайна из Figma использовали Zero-блоки. Также была разработана английская версия сайта.
6. Сборка сайта на Tilda
Сборка сайта на Tilda. Zero-блок. Адаптив
Перед запуском протестировали функционал и корректность отображения на разных устройствах.
Мобильная версия сайта
Результат
Компания получила современный, визуально привлекательный сайт, который подчёркивает её профессионализм и надёжность.
Благодаря подробному описанию услуг и удобной форме обратной связи, сайт стал новым каналом привлечения клиентов.