Eurostar
Корпоративный сайт международной логистической компании
Eurostar — международная логистическая компания, которая занимается перевозкой премиальных автомобилей по Европе.
В числе её крупных партнеров Volkswagen Poznań, Tesla Berlin Factory, Lamborghini Warszawa, Luxury Cars Hamburg, Hollmann International, Brabus и BLG Logistics.
Наша задача заключалась в разработке уникального сайта, который ярко отразит позиционирование компании и её ключевые преимущества. Фокус был на том, чтобы подчеркнуть сотрудничество с премиальными клиентами и перевозку эксклюзивных автомобилей, наполнив каждый элемент дизайна энергией и стилем, которые не оставят равнодушным ни одного пользователя.
Дополнительно нам предстояло разработать решение в виде чат-бота, которое обеспечит клиентам удобный способ отслеживания статуса доставки автомобилей, а менеджерам предоставит инструменты для гибкого управления данными в реальном времени.
На этапе проектирования мы тщательно исследовали рынок автомобильных перевозок в Европе и создали структуру сайта, сосредоточившись на актуальности и удобстве каждого элемента.
Мы разработали User Flow для разных сегментов целевой аудитории, чтобы обеспечить плавный путь к их целям. Сделали эффектным главный экран для привлечения внимания и четкого представления компании, разместив за ним блок с услугами для быстрого понимания предложения и раздел с кейсами, демонстрирующий экспертность компании через успешные проекты.
Веб-дизайн.Дизайн-концепция
При разработке дизайн-концепции, основываясь на успешном опыте предыдущего сотрудничества и понимании ожиданий клиента, мы выбрали строгий бенто-стиль, дополнив его живой анимацией для улучшения взаимодействия с интерфейсом.
Наша цель была ясно и эффектно передать статусность и современность компании через яркий и запоминающийся дизайн. Мы сосредоточились на простом и элегантном шрифте без засечек, вдохновленном модернизмом, и использовали чистые белый, черный и красный цвета для акцентирования ключевых элементов.
Веб-дизайн.Главная страница
- Главная страница сайта была разработана с использованием смелых и креативных решений. С помощью AI мы создали эффект движения для фотографий и зациклили его, что дало эффектное видео, не мешающее основному контенту.
- Мы выбрали Bento стиль и Flat Design, сочетающие брутальность с креативной блочной системой, плоскими иконками и акцентным цветом. Такой подход обеспечил современный и привлекательный вид главной страницы.
Веб-дизайн. Кейсы
Для блока с кейсами мы разработали уникальное решение, позволяющее максимально эффективно показать фото каждого заказа.
Поскольку информации для создания отдельной страницы проекта было недостаточно, мы решили использовать поп-ап, где отображается основная информация о заказе и все фотографии. Это позволило сохранить целостность и насыщенность контента, не перегружая страницу.
Веб-дизайн. Карта
Мы создали интерактивную карту с анимацией, которая не только визуально привлекает внимание, но и обеспечивает наглядное представление о географии обслуживания и зонах доставки компании Eurostar.
Благодаря этой карте пользователи могут легко понять, в каких странах доступны услуги компании. Мы также акцентировали внимание на GPS-мониторинге, который позволяет отслеживать перемещения грузов в режиме реального времени.
Веб-дизайн. О компании
Страница «О компании» была разработана с акцентом на легкость и запоминаемость. Мы представили всю важную информацию о компании, рассказали историю и принципы, а также показали фотосессию с предыдущих заказов и познакомили пользователей с командой. Этот блок помог создать доверие и повысить интерес к компании.
Цветовая палитра.Типографика
- Urbanist — это вариативный готический шрифт, вдохновленный модернистской типографикой. Созданный из элементарных форм, он обладает преднамеренной нейтральностью, что делает его универсальным для различных печатных и цифровых носителей.
- Для строгого корпоративного сайта мы использовали чистые белый, черный и красный цвета для акцентирования ключевых элементов.
Фронтенд
- Для разработки сайта мы использовали платформу Tilda, которая помогла реализовать наши креативные идеи и создать функциональный, удобный и визуально привлекательный сайт. Tilda предоставила все необходимые инструменты, упрощая процесс создания и позволяя сосредоточиться на дизайне.
- Дополнительно были применены CSS, HTML, jQuery, GSAP и другие библиотеки для улучшения пользовательского опыта. Каждый элемент сайта был тщательно проработан и анимирован, чтобы обеспечить плавное и приятное взаимодействие, без перегрузки.
Telegram-бот.
Цели и задачи
Наша задача состояла в разработке решения, которое одновременно улучшит качество обслуживания клиентов и оптимизирует операционные процессы сотрудников логистической компании. Чат-бот обеспечивает клиентам удобный способ отслеживания статуса доставки автомобилей, а менеджерам предоставляет инструменты для гибкого управления данными в реальном времени.
Ключевые задачи, которые мы определили:
- Собрать всю необходимую клиенту информацию в одном месте, чтобы исключить необходимость обращения в поддержку по каждому вопросу.
- Обеспечить круглосуточный доступ к данным, позволяя пользователям взаимодействовать с системой в любое время суток.
- Настроить автоматическую отправку уведомлений, чтобы клиенты всегда были в курсе изменений и обновлений.
- Создать удобный интерфейс для управления данными, который позволит компании легко обновлять информацию и контролировать рабочие процессы даже с мобильных устройств.
Telegram-бот.
Реализация
Собрали всю ключевую информацию в одном интерфейсе для клиентов и менеджеров:
- Карта с реальным местоположением автомобиля, отслеживаемым трекером.
- Бот отправляет фотографии на каждом этапе перевозки и моментально отправляет уведомление клиенту при смене статуса.
- Менеджеры компании имеют доступ к функциональному меню, что позволяет легко создавать, редактировать и мгновенно делиться информацией с клиентами прямо в чат-приложении.
- Добавили умный выбор клиента — бот сам подтянет нужного, если с одним клиентом работаешь по нескольким авто.