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

Сделано HeadPills для себя, без клиента и без брифа снаружи. В подсчёт клиентских проектов не входит.

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

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

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

Месячный объём связывает расчёт и сравнение. записи проекта и сохранённые экраны

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

Значения относятся к вымышленной модели. записи проекта и сохранённые экраны

Семь разделов

Нумерованная навигация на одной странице. записи проекта и сохранённые экраны

Проект

Задача, подход и результат

Задача

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

Подход

Управление объёмом, карточки результата и сообщения порога объединены одним сценарием; линейные иллюстрации сопровождают открытую структуру цены.

Что подготовили

Собственный одностраничный концепт с калькулятором, демонстрационными тарифами, нумерацией и обращением. Без складского клиента и измеренных коммерческих результатов.

Сайт фулфилмента, который начинает разговор с расчёта

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

Первый экран делает вопрос предметным

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

Так у первого экрана появляется определённая задача. Человеку, который рассматривает передачу обработки заказов, нужно понять изменения в собственной работе. Наглядное сравнение начинает этот разговор раньше общей фразы о надёжной логистике. Концепт не утверждает, что передача на склад всегда дешевле. Основное взаимодействие специально связывает ответ с объёмом и исходными предположениями модели.

На сохранённом экране есть несколько готовых вариантов объёма и ползунок. В панели результата показаны две подписанные суммы и разница между ними. Подписи принципиальны: яркую экономию легко заметить, но трудно оценить без понимания сравниваемых сценариев. Ввод и результат находятся в одной композиции, поэтому посетитель может связать выбранное значение с его последствием.

Одно значение связывает разные части страницы

В проектных записях месячный объём заказов описан как общее значение для первого экрана, ползунка порога и сравнительных карточек. Изменение должно создавать единый сценарий во всех разделах. Это больше, чем анимация счётчика. Если одна часть показывает новый объём, а другая сохраняет прежний результат, человек незаметно для себя сравнивает разные ситуации.

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

Полезный результат объясняет собственные границы. В концепте предусмотрены состояния «слишком рано», «пограничный вариант» и «пора переходить». Это сообщения внутри демонстрационной модели, а не универсальные пороги для любого продавца. В заказном проекте формулировка должна соответствовать расчёту: условная оценка остаётся условной, даже если дизайн делает рекомендацию очень заметной.

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

Показывать сценарий
Выбранный объём остаётся рядом с результатом. Читатель должен понимать, что именно он изменил и почему поменялся ответ. Тогда взаимодействие работает как сравнение, а не декоративная анимация чисел. Для нового проекта также нужно обозначить предположения, которые остаются постоянными при движении ползунка.
Раскрывать структуру цены
Концепт размещает свою тарифную таблицу прямо на странице, не связывая каждую подробность цены с заявкой. Это не означает, что все логистические услуги можно оценивать одинаково. Мы показываем, как компания с утверждённой публикуемой моделью может объяснить расчёт и оставить для разговора действительно переменные вопросы.
Допускать неподходящий результат
Калькулятор мало помогает, если любое значение приводит к одинаковому призыву купить. Northdock исследует вариант, при котором модель может показать, что предложенная услуга пока не подходит лучше всего. Это гипотеза о более ясной квалификации обращения, а не заявление о полученных прибыльных клиентах.

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

В записанном объёме есть полная тарифная таблица, используемая концептом. Она поддерживает калькулятор: посетитель может изучить составляющие вывода. Итог без пояснения выглядит произвольным. Отдельная таблица без связи с выбранным сценарием тоже затрудняет понимание. Задача дизайна — сохранить понятную связь между расчётом и его составом.

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

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

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

Northdock описан как одна страница с семью пронумерованными разделами и навигационной полосой слева. Полоса делает структуру длинного объяснения узнаваемой. Посетитель переходит между предложением, расчётом и дополнительными сведениями без отдельной страницы на каждый вопрос. Нумерация одновременно участвует в визуальном характере сайта и помогает ориентироваться в содержании.

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

На небольшом экране аналогичному интерфейсу нужны понятные элементы управления без зависимости от боковой полосы. Объём, единицы и подписи результатов должны сохранять разумный порядок чтения. Узкая верстка не должна обрезать таблицу или уносить важные предположения далеко от оценки. Это требования к приёмке будущей реализации, а не измеренный рост конверсии данного концепта.

Заявка продолжает начатый расчёт

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

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

Как перейти от концепта к заказному калькулятору

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

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

  2. Связать интерфейс

    Объединить управление объёмом, карточки результата и объяснение одним сценарием. Определить понятное начальное состояние и поведение на границах поддерживаемого диапазона. Посетителю нужно понимать изменённый результат без необходимости угадывать формулу исключительно по движению элементов или их цвету.

  3. Подготовить обращение

    Согласовать сведения, которые получит команда после изучения сценария посетителем. Объяснить следующий шаг и статус оценки. Готовую работу проверяют по корректности вычислений, читаемости представления и рабочему контактному маршруту; эти проверки подтверждают разные свойства и не заменяют друг друга.

Что эта работа добавляет в портфолио

Northdock показывает авторский интерфейс, связанный калькулятор, открытую демонстрационную тарифную таблицу и организованное объяснение на одной странице. Работа помечена как студийный концепт и отделена от клиентских проектов. Если вашей услуге нужно понятное сравнение сложных вариантов, начинать стоит с утверждённой модели и вопросов покупателей, а не с вымышленных цен из этой демонстрации.

Что делает сайт

Особенности проекта

  • Сравнить сценарии

    Оценка связана с обозначенными предположениями.

  • Изменить объём

    Связанные управление и результаты.

  • Изучить модель

    Демонстрационная тарифная таблица открыта.

  • Продолжить разговор

    Обращение запрашивает настоящие рабочие показатели.

Вопросы

Факты о проекте NORTHDOCK

Northdock это настоящий склад?

Нет. Это студийный концепт без клиента со складом, отделённый от клиентских работ.

Что делает калькулятор Northdock?

Сравнивает сценарии при выбранном месячном объёме внутри вымышленной демонстрационной модели. Это не действующий складской расчёт.

Зачем публиковать весь прайс на сайте склада?

Открытый прайс позволяет изучить демонстрационный расчёт до контакта. Кейс не обобщает ценовую практику всей отрасли.

Начните похожий проект.

Расскажите, что должен делать ваш сайт. Короткий разговор, потом фиксированная цена письменно.