Готовая позиция
Каталог → Товар → Корзина → Оформление
У посетителя уже есть предмет покупки. Карточка показывает товар и стоимость, а оформление собирает сведения для заказа.
Сайт типографии / Интернет-магазин
Графика+
Два способа заказать.
Одна точка входа.
Кому-то нужна готовая позиция из каталога. Кто-то приходит с идеей, которую ещё предстоит рассчитать. Я связала оба сценария с оформлением заказа, оплатой и работой сотрудника — в одном проекте.
ПродуктМагазин и услуги типографии
СценарииПокупка и индивидуальный расчёт
ПродолжениеОплата · кабинет · админка
01 / Два разных намерения
Не каждый заказ
начинается с товара.
Готовый товар можно выбрать и положить в корзину. Для индивидуальной печати сначала нужны параметры: что изготовить, какой макет есть и что ещё требуется уточнить.
Я разделила эти действия. Каталог помогает купить конкретную позицию; форма расчёта помогает передать задачу сотруднику.
Индивидуальное изготовление
Услуга → Описание задачи → Расчёт
Вместо случайного товара — описание задачи и файл. Сотрудник уточняет параметры и стоимость. Отправка обращения ещё не означает оплату.
02 / Посмотреть последовательность
У каждого пути
свой следующий шаг.
Найти конкретную позицию
Каталог ведёт к товару с ценой. Это начало самостоятельного пути покупки.
Разбор сценария: переключения показывают экраны и объясняют переходы, не создавая заказ.
03 / Оплата — отдельный этап
За оформлением
есть продолжение.
К проекту подключена оплата через ЮKassa. При выборе этого способа сайт создаёт платёж и переводит покупателя на платёжную форму платёжного сервиса.
Для оплаты по счёту предусмотрен отдельный документ. Возврат на сайт и уведомление об оплате — разные части процесса: первый возвращает покупателя в интерфейс, второе используется для обновления статуса заказа.
- СайтЗаказ и сумма
Позиции, способ оплаты и номер заказа.
- Платёжный шлюзПлатёжная форма
Переход к оплате по ссылке платёжного сервиса.
- Продолжение работыСтатус заказа
Возврат покупателя и обработка уведомления от платёжной системы.
Для индивидуального изготовления расчёт и согласование предшествуют оплате.
04 / По другую сторону интерфейса
Админка —
рабочее место,
а не приложение к сайту.
После покупки или обращения работа продолжается у сотрудника. В административном разделе я предусмотрела управление заказами: поиск, фильтры по статусу, оплате, доставке и датам.
Каталог тоже управляется из интерфейса: товары, категории и бренды. Поэтому витрина и служебная часть рассматриваются как связанные части одного проекта.
Витрина
Товары и категории
Содержание, которое видит покупатель.
Работа с заказами
Поиск и статусы
Номер, состав заказа, оплата, доставка.
Личный кабинет
Связь с клиентом
Заказы, обращения и сообщения по заказу.
Схема возможностей реализованных разделов. Ниже — настоящие экраны локальной копии с вымышленными данными.
ДЕМО / Внутри системы
Что видит клиент.
С чем работает сотрудник.
ДЕМО. Скриншоты локальной копии сайта. Все пользователи, заказы и акции созданы специально для показа. Это не рабочие клиентские данные и не действующие предложения.
Личный кабинет клиента
Профиль, обращения на расчёт и история заказов. Пример: вымышленный покупатель и заказ DEMO-003.
Нажмите на изображение, чтобы рассмотреть его крупнее.Админка: работа с заказами
Список демонстрационных заказов, их статусы, суммы и фильтры. Сотрудник видит сведения, необходимые для продолжения работы.
Нажмите на изображение, чтобы рассмотреть его крупнее.Страница акций и новостей
Пример публикации трёх вымышленных акций. Содержание заполняется в локальной базе и выводится настоящим шаблоном сайта.
Нажмите на изображение, чтобы рассмотреть его крупнее.
05 / Мобильный сценарий
Тот же путь.
Другой экран.
Для индивидуальной задачи важно не потерять смысл в полях. Форма собирает описание, контакт и макет; дополнительные опции позволяют отметить нужную помощь.
Имя, телефон и задача проверяются до сохранения обращения. Файл проходит отдельную обработку. При ошибке пользователь получает сообщение, а не ложное подтверждение отправки.
Посмотреть раздел услуг ↗06 / Результат и моя работа
Система складывается
из связей.
Я связала публичную часть сайта с оформлением покупки и индивидуального обращения. В проекте есть онлайн-оплата, счета, личный кабинет и административные инструменты для продолжения работы с заказом.
Стоимость нестандартной задачи и производственные решения остаются за типографией. Сайт помогает передать информацию и продолжить процесс.
Открыть Графика+ ↗Фонд Учитель ↗
