Интернет-магазин техники Apple «iDaphone»
Магазин оригинальной техники Apple в Санкт-Петербурге. Собрали iPhone, AirPods и Apple Watch на одной витрине: цена, память и цвет выбираются на карточке, а гарантия, Trade-in и доставка стоят рядом с каталогом.
Офлайн-доверие перенести на сайт
iDaphone – магазин оригинальной техники Apple в Санкт-Петербурге. Команда торгует цифровой техникой с 2012 года, и многие покупатели возвращаются к ней каждый год, когда выходят новые iPhone. Своего интернет-магазина при этом не было.
Задача: показать три линейки, iPhone, AirPods и Apple Watch, так, чтобы человек выбирал модель, память и цвет сам и видел цену сразу, без вопроса менеджеру. Покупка должна занимать несколько касаний, в том числе с телефона.
Вторая задача – доверие. iPhone стоит от 44 700 до 97 900 ₽, и такую сумму отдают тому, кому верят. Поэтому гарантию на год, Trade-in, бесплатную доставку и отзывы вынесли на главную, к каталогу, а не убрали в подвал.
Одна страница, на которой всё решается
Сайт собран как длинная витрина с якорным меню: iPhone, AirPods, Apple Watch, «О нас», «Отзывы», «Контакты». Выбор, аргументы и контакты лежат на одном скролле.
- 01Навигация
Шесть пунктов меню ведут якорями к каталогу, магазину, отзывам и контактам. На телефоне меню открывается панелью.
- 02Доверие
Рейтинг на первом экране, гарантия на год, оригинальная техника и отзывы покупателей рядом с каталогом.
- 03Конверсия
Цена и кнопка «В корзину» видны сразу, память и цвет выбираются на карточке, недоступные варианты перечёркнуты.
Три линейки в общей сетке
iPhone 14, 15 и 16, AirPods и Apple Watch идут тремя блоками по четыре карточки в ряд. В каждой карточке есть фото с листалкой, название, цена, кнопка покупки и переключатели варианта: объём памяти, цвет, у часов ещё размер ремешка или экран.
Магазин, которому можно отдать деньги
Блок «О нашем магазине» рассказывает про работу с 2012 года и показывает точку продаж, ниже идут четыре отзыва покупателей, а телефон, адрес и мессенджеры повторены в подвале и в плавающей кнопке «Напишите нам».
Каталог на экране телефона
На телефоне оффер и рейтинг занимают первый экран, предложения встают карточками друг под другом, а каталог переходит в две колонки с теми же переключателями памяти и цвета. Горизонтальной прокрутки нет.
Что работает на сайте
Всё, что покупатель видит на витрине и использует при заказе.
Чёрный, светло-серый и один синий
Чёрный первый экран и чёрные кнопки покупки, светло-серый фон витрины, синий только в блоке Trade-in. Цвет приходит от самих устройств на фотографиях, а интерфейс остаётся спокойным, как у витрины Apple. Весь сайт набран одной гарнитурой SF Pro Display, как в интерфейсах Apple: иерархию держат размер и насыщенность шрифта.
Одна гарнитура на весь сайт: второго шрифта нет, цены и названия моделей отличаются только весом и размером.
Что получил клиент
Собственную онлайн-витрину вместо торговли только по звонкам: 18 моделей Apple с ценой и выбором конфигурации на одном экране, а Trade-in, доставка, способы оплаты и отзывы стоят рядом с каталогом и закрывают вопросы до обращения к менеджеру.
Частые вопросы
Сколько стоит разработка интернет-магазина техники Apple?
Интернет-магазин с корзиной и оплатой стоит от 250 000 ₽. В этом проекте в работу вошли каталог из 18 моделей с выбором памяти, цвета, экрана и ремешка, корзина и личный кабинет, блоки Trade-in, доставки и оплаты, отзывы, кнопка связи с мессенджерами и мобильная версия. Точную цену называем после брифа.
Как уместить iPhone, AirPods и Apple Watch на одной странице?
Каждая линейка получила свой блок с якорем в меню и одинаковую сетку из четырёх карточек в ряд. Покупатель сразу видит всю линейку с ценами, а выбор памяти, цвета и ремешка происходит на самой карточке, без перехода на отдельную страницу товара.
Как интернет-магазин техники вызывает доверие у покупателя?
Всё, что снимает страх переплатить или получить не то, вынесено рядом с каталогом: рейтинг на первом экране, гарантия на год на всю технику, оригинальная продукция, рассказ о работе с 2012 года, живые отзывы, а также телефон, адрес и мессенджеры, которые видны в шапке, подвале и плавающей кнопке.
Что на сайте работает на повторные покупки и Trade-in?
Trade-in вынесен отдельным предложением на главную: владелец старого iPhone сразу видит, что получит скидку на новый. Покупатели магазина возвращаются при выходе новых моделей, поэтому витрина собрана на однотипных карточках, и новая модель встаёт в ту же сетку.
Как устроена мобильная версия магазина?
На телефоне первый экран держит рейтинг и оффер, предложения о доставке и обмене идут карточками друг под другом, а каталог перестраивается в две колонки с теми же переключателями памяти и цвета. Меню открывается панелью, горизонтальной прокрутки на странице нет.
Дорогая покупка?
обсудим за 25 минут
Расскажите, что вы продаёте и чем надёжнее других. Выведем это на витрину рядом с каталогом, чтобы покупатель решался без звонка менеджеру.
