Скриншоты
Как это выглядело в работе
Экраны прототипа: корзина и сценарии оформления заказа.
Проектирование интернет-магазина по продаже морепродуктов в Москве: от анализа конкурентов и коммерческих факторов до детального прототипа корзины с отдельными сценариями оформления заказа для физических и юридических лиц.
Перед разработкой интернет-магазина морепродуктов в Москве нужно было понять: какие страницы должны быть на сайте, с какими коммерческими факторами и как они связаны между собой. Ошибка на этом этапе дорого обходится позже — переделывать готовый сайт всегда дороже, чем поправить прототип.
Прототип решает две задачи сразу: экономит время на реализацию дизайна и закладывает SEO-требования в сам скелет сайта. Дизайнер получает готовую логику блоков, а оптимизатор — правильные зоны для ключевых фраз и перелинковки.
Важная деталь ниши: морепродукты покупают и частные клиенты, и бизнес (рестораны, магазины), поэтому оформление заказа нужно было спроектировать под оба сценария.
Каждый элемент страницы обоснован пересечением коммерческих факторов конкурентов.
Проанализировали 15 конкурентов, выбрали растущих и выписали страницы каждого. Затем сравнили коммерческие факторы: логотип, телефон, кнопка «Заказать звонок», гео, слайдер, категории, оплата, работы, отзывы, вопрос-ответ, прайс. Получили список пересечений — то, что есть у всех лидеров и обязано быть у нас.
Построили структуру типовых страниц и карту их вложенности — стало ясно, какие прототипы нужно реализовать. Детально проработали сценарий корзины: список товаров с мини-фото и ссылками в зоне тега <a>, количество, цены, итоговый вес — и два пути оформления: для физлиц (ФИО, телефон с запретом букв, почта с валидацией, адрес с подсказками, варианты оплаты) и для юрлиц (компания, юридический адрес, ИНН, КПП, почта для чека).
Завершает сценарий страница приёма заказа: номер, перечень товаров с пагинацией, стоимость, получатель, способ и статус оплаты, печать полного заказа. Всё это — готовое ТЗ для дизайнера и разработчика.
Экраны прототипа: корзина и сценарии оформления заказа.
Получился полный комплект проектной документации: структура типовых страниц, карта вложенности и детальные прототипы сценария покупки — от корзины до страницы приёма заказа, с отдельными путями для частных и корпоративных клиентов.
Прототип — это не дизайн: расположение кнопок в макетах может меняться, но суть и логика сохраняются. Зато дизайнер не изобретает структуру с нуля, а SEO-требования — зоны ссылок, H1, коммерческие факторы — заложены до начала разработки.
Расскажите о проекте — покажем, как спроектировать сайт под SEO ещё до дизайна, и пришлём план работ с часами, как в этом кейсе.
Получить бесплатный аудитЗаполните форму — ответим в течение рабочего часа.
Нажимая кнопку, вы соглашаетесь с политикой обработки ПДн и даёте согласие