Интернет-магазин техники Apple

Интернет-магазин техники Apple: айфоны, AirPods и аксессуары, корзина и оформление заказа. Магазин вымышленный, проект собственный.

Первый экран концепта интернет-магазина

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

Каталог — около двухсот пятидесяти вариантов: айфоны с двенадцатого по семнадцатый, AirPods и аксессуары. Руками они не заводились, а собираются из компактной таблицы «модель → объёмы → цвета → цена», поэтому правка цен занимает минуту, а не час.

Серверной части нет ни строки. Корзина живёт в браузере и переживает перезагрузку, оформление проверяет поля и выдаёт номер заказа, но никуда его не отправляет — на странице подтверждения стоит честная пометка, что это демонстрация.

Услуги
  • Структура
  • Дизайн
  • Вёрстка
  • Каталог и фильтры
  • Корзина
  • Оформление заказа
  • Поиск
Индустрия
  • Розничная торговля
  • B2C
  • Техника Apple
Цели проекта

Отработать полный путь покупателя — от каталога до подтверждения заказа — и собрать интерфейс магазина, который выглядит настоящим, но не требует сервера.

Что было сделано
  • Одиннадцать страниц: каталог, товар, корзина, оформление, подтверждение и текстовые
  • Каталог примерно на 250 вариантов, собранных из компактной таблицы
  • Фильтры по объёму, цвету и цене с сохранением выбора в адресе страницы
  • Корзина в браузере: переживает перезагрузку и синхронизируется между вкладками
  • Мини-корзина в шапке, отмена удаления и мгновенный пересчёт итога
  • Оформление с проверкой полей, маской телефона и номером заказа
  • Поиск с подсказками, понимающий запрос в неправильной раскладке