not the same
● Логистика · Казахстан

Zammler: дизайн и сайт логистической компании

Zammler Kazakhstan – логистическая компания группы Zammler: логистика для e-commerce, автоперевозки, складские услуги и упаковочные материалы. Мы спроектировали новый корпоративный сайт – все ключевые страницы для десктопа и телефона, библиотеку элементов, меню, анимации переходов и формы заявок – и собрали его первую версию. Позже компания перевела сайт на другую платформу, поэтому показываем наши макеты из Figma.

Клиент
Zammler Kazakhstan, логистика и фулфилмент
Что сделали
UX/UI-дизайн, дизайн-система, адаптивные макеты, разработка первой версии сайта
Объём
9 типов страниц, версии 1440 и 375 px
Сайт
Макеты в Figma
Проект Zammler
01 О проекте

У Zammler в Казахстане четыре направления с разными клиентами: продавцы маркетплейсов, грузовладельцы, компании, которым нужен склад, и покупатели упаковки. Старый сайт говорил со всеми одинаково. Новый должен был с первого экрана вести каждого в своё направление, показывать реальную инфраструктуру – склады, автопарк, пункты приёма – и собирать заявки, а пресс-центр и раздел карьеры – работать на бренд работодателя.

Что сделали
UX-структураUI-дизайнДизайн-системаАдаптивные макетыАнимации переходовФормы заявокРазработка первой версии
Технологии
FigmaUI/UX
02 Дизайн

Стиль

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

Бирюзовый, фирменный
#00727F
Светлый бирюзовый, плашки
#2F9998
Графит, первый экран
#1A1C1E
Серый, фоны секций
#D8DEE1
Светлый фон
#F2F4F5
03 Экраны

Главная и страницы услуг

На главной первый экран с видео и заголовком «Логистика, которой доверяют», ниже – о компании, табы по направлениям, кейсы клиентов, ответы на частые вопросы по темам, партнёры и пресс-центр. У каждой услуги своя страница с фото на первом экране, преимуществами, схемой процесса и своим блоком вопросов.

Главная
Автоперевозки
Автоперевозки
Решения для e-commerce
Решения для e-commerce
04 Мобильная версия

Мобильная версия

Каждая страница отрисована отдельно для телефона: меню на весь экран, табы превращаются в прокрутку, схемы процессов перестроены в вертикаль, формы заявок – в одну колонку.

Главная
Главная
Автоперевозки
Автоперевозки
Складские услуги
Складские услуги
05 Задача

Задачи

  • 01Развести четыре аудиторииE-commerce, автоперевозки, склад и упаковка – у каждого направления своя страница, свой первый экран и своя заявка.
  • 02Показать инфраструктуруСклады, автопарк и пункты приёма – на реальных фото и схемах, а не на стоковых картинках.
  • 03Снять вопросы до звонка менеджеруЧастые вопросы сгруппированы по направлениям прямо на страницах, с переходом ко всем вопросам темы.
  • 04Собрать систему, а не набор страницБиблиотека элементов и состояний, чтобы новые страницы собирались из готовых блоков.
06 Ключевые решения

Ключевые решения

Табы по направлениям
Решение 01

Табы по направлениям

На главной блок «Точные решения для ваших задач»: вкладки E-commerce, Автоперевозки, Склад и Упаковка с фото, ключевой цифрой и переходом на страницу услуги.

Схема доставки для Kaspi.kz
Решение 02

Схема доставки для Kaspi.kz

Страница e-commerce объясняет путь заказа от продавца до покупателя линейной схемой: приём, сортировка, транзит, пункты выдачи и адресная доставка.

Процессы склада на одной схеме
Решение 03

Процессы склада на одной схеме

Страница складских услуг показывает весь цикл обработки заказа – от приёмки до отгрузки – иконками и связями, без длинного текста.

Отдельный вход для перевозчиков
Решение 04

Отдельный вход для перевозчиков

На странице автоперевозок блок «Ты перевозчик?» с условиями партнёрства и кнопкой анкеты: компания ищет перевозчиков на том же сайте, где продаёт услуги.

Вопросы по темам
Решение 05

Вопросы по темам

Блок «Вопросы бывают сложными. Ответы – нет»: вопросы разложены по направлениям, у каждой темы ссылка на полный список.

07 Стек

Что вошло в макеты

ГлавнаяО компанииE-commerceАвтоперевозкиСкладские услугиУпаковочные материалыПресс-центрСтраница новостиКонтактыМенюФормы заявокАнимации переходовБиблиотека элементов

Хотите такой же проект?

Опишите задачу – в течение рабочего дня ответим с вопросами и предварительной оценкой сроков.

Ответим в течение рабочего дня
Написать нам