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

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

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

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

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

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

Раздел описывает практическую сборку прототипа с использованием выбранного инструмента. В него добавляются примеры карточек товаров, категории, элементы навигации и последовательность оформления заказа. Если прототип не подключён к реальной оплате и доставке, это отдельно указывается, чтобы не создавать впечатление действующего коммерческого сервиса. Итогом становится наглядная модель будущего интернет-магазина.

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

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

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