Концепт студії · Логістика

Зроблено HeadPills для себе, без клієнта і без брифу ззовні. У підрахунок клієнтських проєктів не входить.

Northdock: концепт калькулятора фулфілменту.

Односторінковий експеримент студії: пов’язаний калькулятор обсягу замовлень, відкрита демонстраційна тарифна таблиця та сім пронумерованих розділів.

  • Логістика
  • Фулфілмент
  • Концепт студії
  • Одна сторінка
  • Калькулятор
  • США
northdock.pages.devпревʼю сайту NORTHDOCK
Спільний сценарій

Місячний обсяг пов’язує розрахунок і порівняння. записи проєкту та збережені екрани

Демонстраційні тарифи

Значення належать до вигаданої моделі. записи проєкту та збережені екрани

Сім розділів

Нумерована навігація на одній сторінці. записи проєкту та збережені екрани

Проєкт

Завдання, підхід і результат

Задача

Дослідити порівняння самостійної обробки замовлень і фулфілмент-сервісу до відправлення звернення.

Підхід

Керування обсягом, картки результату й повідомлення порогу об’єднані одним сценарієм; лінійні ілюстрації супроводжують відкриту структуру ціни.

Що підготували

Власний односторінковий концепт із калькулятором, демонстраційними тарифами, нумерацією та зверненням. Без складського клієнта й виміряних комерційних результатів.

Сайт фулфілменту, який починає розмову з розрахунку

Northdock — власний концепт HeadPills для вигаданого фулфілмент-сервісу. За ним немає клієнта зі складом. Ми досліджували комерційний інтерфейс, у якому обсяг замовлень змінює порівняння до пропозиції зв’язатися. Цифри показують роботу інтерфейсу за обраних припущень; це не чинний тариф складу й не індивідуальна комерційна пропозиція.

Перший екран робить питання предметним

На збереженій головній велика чорна типографіка розташована на світлому тлі, жовті елементи керування сусідять із темно-зеленою панеллю розрахунку. Лінійні малюнки посилок, скотчу та стрілок пов’язують композицію з пакуванням і відправленням. Замість фотографії безіменного складу екран пропонує продавцю вивчити конкретний сценарій: місячний обсяг замовлень і пов’язані з ним витрати.

Так у першого екрана з’являється визначене завдання. Людині, яка розглядає передачу обробки замовлень, потрібно зрозуміти зміни у власній роботі. Наочне порівняння починає цю розмову раніше за загальну фразу про надійну логістику. Концепт не стверджує, що передача на склад завжди дешевша. Основна взаємодія спеціально пов’язує відповідь з обсягом і вихідними припущеннями моделі.

На збереженому екрані є кілька готових варіантів обсягу та повзунок. У панелі результату показані дві підписані суми й різниця між ними. Підписи принципові: яскраву економію легко помітити, але важко оцінити без розуміння порівнюваних сценаріїв. Введення й результат містяться в одній композиції, тому відвідувач може пов’язати обране значення з його наслідком.

Одне значення пов’язує різні частини сторінки

У проєктних записах місячний обсяг замовлень описаний як спільне значення для першого екрана, повзунка порогу та порівняльних карток. Зміна має створювати єдиний сценарій у всіх розділах. Це більше, ніж анімація лічильника. Якщо одна частина показує новий обсяг, а інша зберігає попередній результат, людина непомітно для себе порівнює різні ситуації.

Для схожого калькулятора ми спершу визначили б введені дані, сталі припущення та результати, а вже потім розташували елементи інтерфейсу. Один обсяг замовлень не описує кожну складську операцію. Зберігання, характеристики товару, пакування та склад обслуговування можуть впливати на справжній розрахунок. Тут потрібна затверджена модель оператора; вигадані тарифи Northdock не можна переносити в продаж як доведені ринкові значення.

Корисний результат пояснює власні межі. У концепті передбачені стани «зарано», «пограничний варіант» і «час переходити». Це повідомлення всередині демонстраційної моделі, а не універсальні пороги для кожного продавця. У замовному проєкті формулювання має відповідати розрахунку: умовна оцінка залишається умовною, навіть якщо дизайн робить рекомендацію дуже помітною.

Три рішення в основі калькулятора

Показувати сценарій
Обраний обсяг залишається поруч із результатом. Читач має розуміти, що саме він змінив і чому змінилася відповідь. Тоді взаємодія працює як порівняння, а не декоративна анімація чисел. Для нового проєкту також потрібно позначити припущення, які залишаються сталими під час руху повзунка.
Розкривати структуру ціни
Концепт розміщує свою тарифну таблицю безпосередньо на сторінці, не пов’язуючи кожну подробицю ціни із заявкою. Це не означає, що всі логістичні послуги можна оцінювати однаково. Ми показуємо, як компанія із затвердженою моделлю може пояснити розрахунок і залишити для розмови справді змінні питання.
Допускати невідповідний результат
Калькулятор мало допомагає, якщо кожне значення веде до однакового заклику купити. Northdock досліджує варіант, у якому модель може показати, що запропонована послуга поки не підходить найкраще. Це гіпотеза про зрозумілішу кваліфікацію звернення, а не заява про отриманих прибуткових клієнтів.

Тарифна таблиця пояснює походження результату

У записаному обсязі є повна тарифна таблиця, яку використовує концепт. Вона підтримує калькулятор: відвідувач може вивчити складові висновку. Підсумок без пояснення видається довільним. Окрема таблиця без зв’язку з обраним сценарієм також ускладнює розуміння. Завдання дизайну — зберегти зрозумілий зв’язок між розрахунком та його складом.

У справжньої фулфілмент-компанії ми уточнили б регулярні платежі, стартові витрати й суми, залежні від використання. Оператор затверджує значення, одиниці та умови застосування. Сайт не повинен непомітно змішувати місячну суму з одноразовою оплатою. Якщо позиція потребує окремої оцінки, цей статус слід пояснити поруч, а не приховати за привабливою загальною цифрою.

Тому ми не повторюємо старе твердження, ніби майже жоден склад не публікує ціни. Цінність Northdock не потребує доведення, що вся галузь працює погано. Кейс показує конкретний підхід: зробити модель доступною для вивчення, пояснити вплив введеного значення та допомогти відвідувачу зрозуміти, чи потрібна йому докладна розмова про власну ситуацію.

Сім пронумерованих розділів організовують пояснення

Northdock описаний як одна сторінка із сімома пронумерованими розділами та навігаційною смугою ліворуч. Смуга робить структуру довгого пояснення впізнаваною. Відвідувач переходить між пропозицією, розрахунком і додатковими відомостями без окремої сторінки на кожне питання. Нумерація водночас формує візуальний характер сайту й допомагає орієнтуватися у змісті.

Лінійні ілюстрації пов’язують сторінку з робочими процесами, не створюючи враження, що HeadPills знімала справжній склад Northdock. Стримана деталізація залишає місце для чисел. Жовті акценти позначають дії, зелена зона відокремлює результат від навколишнього тексту. Так розрізняються читання, зміна сценарію та вибір наступного кроку без зайвої декоративної конкуренції.

На невеликому екрані аналогічному інтерфейсу потрібні зрозумілі елементи керування без залежності від бічної смуги. Обсяг, одиниці й підписи результатів мають зберігати розумний порядок читання. Вузька верстка не повинна обрізати таблицю чи відносити важливі припущення далеко від оцінки. Це вимоги до приймання майбутньої реалізації, а не виміряне зростання конверсії цього концепту.

Заявка продовжує розпочатий розрахунок

Контактний маршрут концепту запитує реальні показники роботи. Він продовжує завдання сторінки: перейти від ілюстративного сценарію до обговорення конкретного бізнесу. Повідомлення лише про зацікавленість втратило б значну частину контексту калькулятора. Для замовної версії команда визначає, які параметри передати разом зі зверненням і що відвідувач має перевірити перед відправленням.

Команді-отримувачу також важливо розрізняти оцінку та пропозицію. Результат калькулятора не резервує складські потужності й не укладає договір обслуговування. Корисна передача допомагає оператору перевірити припущення та підготувати змістовну відповідь. У нас немає клієнтських даних про продажі Northdock, тому студійний експеримент не представлений як доказ збільшення виторгу складу.

Як перейти від концепту до замовного калькулятора

  1. Затвердити модель

    Почати з правил бізнесу й одиниць розрахунку: що входить до оцінки та що потребує індивідуального розгляду. Порівняти очікувані результати на прикладах оператора. Вебкоманда не має вигадувати комерційно обов’язкові тарифи лише для того, щоб демонстрація видавалася завершеною та переконливою.

  2. Пов’язати інтерфейс

    Об’єднати керування обсягом, картки результату й пояснення одним сценарієм. Визначити зрозумілий початковий стан і поведінку на межах підтримуваного діапазону. Відвідувачу потрібно розуміти змінений результат без необхідності вгадувати формулу виключно за рухом елементів або їхнім кольором.

  3. Підготувати звернення

    Погодити відомості, які отримає команда після вивчення сценарію відвідувачем. Пояснити наступний крок і статус оцінки. Готову роботу перевіряють за правильністю обчислень, читабельністю представлення та робочим контактним маршрутом; ці перевірки підтверджують різні властивості й не замінюють одна одну.

Що ця робота додає до портфоліо

Northdock показує авторський інтерфейс, пов’язаний калькулятор, відкриту демонстраційну тарифну таблицю та організоване пояснення на одній сторінці. Робота позначена як студійний концепт і відокремлена від клієнтських проєктів. Якщо вашій послузі потрібне зрозуміле порівняння складних варіантів, починати варто із затвердженої моделі й питань покупців, а не з вигаданих цін цієї демонстрації.

Що робить сайт

Особливості проєкту

  • Порівняти сценарії

    Оцінка пов’язана з позначеними припущеннями.

  • Змінити обсяг

    Пов’язані керування та результати.

  • Вивчити модель

    Демонстраційна тарифна таблиця відкрита.

  • Продовжити розмову

    Звернення запитує справжні робочі показники.

Питання

Факти про проєкт NORTHDOCK

Northdock це справжній склад?

Ні. Це студійний концепт без клієнта зі складом, відокремлений від клієнтських робіт.

Що робить калькулятор Northdock?

Порівнює сценарії за обраного місячного обсягу всередині вигаданої демонстраційної моделі. Це не чинний складський розрахунок.

Навіщо публікувати весь прайс на сайті складу?

Відкрита таблиця дозволяє вивчити демонстраційний розрахунок до контакту. Кейс не узагальнює цінову практику всієї галузі.

Почніть схожий проєкт.

Розкажіть, що має робити ваш сайт. Коротка розмова, потім фіксована ціна письмово.