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АвтоперевезенняСкладські послугиПакувальні матеріалиПресцентрСторінка новиниКонтактиМенюФорми заявокАнімації переходівБібліотека елементів

Хочете такий самий проєкт?

Опишіть завдання – протягом робочого дня відповімо із запитаннями та попередньою оцінкою термінів.

Відповімо протягом робочого дня
Написати нам