Кейс · интернет-магазин

Интернет-магазин аксессуаров для смартфонов: кейс EM7

Интернет-магазин на 1С-Битрикс, разработан с нуля за 2 месяца. Минимализм, скорость и внимание к деталям.

0,4 соткрывается каталог с большим объёмом данныхДанные студии GreenOak

Упаковка чехла EM7
Главная страница интернет-магазина аксессуаров для смартфонов EM7
Чехол EM7 в фирменной упаковке

Факты о проекте

Результат
0,4 соткрывается каталог с большим объёмом данныхДанные студии GreenOak
Клиент
EM7 Accessoriesбренд аксессуаров для смартфонов
Тип проекта
Интернет-магазин с нуля
Срок
2 месяцадизайн и подключение доставки шли параллельно
Платформа
1С-Битрикс + 1С
Обсудить такой проект

EM7 Accessories делает аксессуары для смартфонов. Мы сделали для бренда интернет-магазин с нуля на 1С-Битрикс, с обменом данными с 1С. Срок: 2 месяца. Каталог с большим объёмом данных открывается за 0,4 секунды (замер студии).

Задача клиента

Сайт нужен был как витрина бренда: продажи шли через маркетплейсы. Поэтому главными задачами стали визуал и скорость.

Магазин должен выглядеть так же аккуратно, как упаковка и чехлы, и не тормозить даже при большом каталоге.

Что мы сделали

  1. Дизайн в духе минимализма: светлый фон, шрифт Inter, графитовые акценты, стиль упаковки бренда перенесён на сайт.
  2. Умный каталог с фильтрами: открывается за 0,4 секунды.
  3. Личный кабинет покупателя с накопительной программой баллов.
  4. Доставка: СДЭК, Яндекс Доставка, Почта России, Авито Доставка.
  5. Онлайн-оплата через ЮKassa и SMS-уведомления.
  6. Магазин на 1С-Битрикс с обменом с 1С, версия для телефона.

Фирменный стиль и интерфейс

Мы перенесли эстетику физической упаковки в цифровое пространство. Интерфейс сделан в духе Apple: ничего лишнего, только продукт.

Упаковка

Стиль бренда

Фирменная упаковка бренда аксессуаров EM7
Интерфейс

Концепты интерфейса

Концепт интерфейса EM7, вариант 1
Концепт интерфейса EM7, вариант 2
Концепт интерфейса EM7, вариант 3
Концепт интерфейса EM7, вариант 4

Умный каталог и фильтры

Умный каталог с фильтрами: каталог с большим объёмом данных открывается за 0,4 секунды. Макеты каталога, карточки товара и страниц магазина.

Каталог интернет-магазина EM7 с фильтрами
Наведите, чтобы посмотреть
Страница товара в интернет-магазине EM7: чехол для смартфона
Наведите, чтобы посмотреть
Страница о компании EM7
Наведите, чтобы посмотреть
Страница сотрудничества EM7
Наведите, чтобы посмотреть
Наведите, чтобы посмотреть
Наведите, чтобы посмотреть
Наведите, чтобы посмотреть
Наведите, чтобы посмотреть
// Личный кабинет

Личный кабинет
и логистика

Магазин работает с 1С: данные обмениваются между сайтом и 1С. В личном кабинете покупатель видит заказы и баллы.

Система лояльности

Накопительная программа баллов: покупатель видит начисления и списания в личном кабинете.

Пример интерфейса
EM7 CLUB EM7
Текущий баланс
1,450 Баллов
Покупка #4092 +120
Отзыв о товаре +50
Списание (Заказ #3021) -300

Умная логистика

Подключены СДЭК, Яндекс Доставка, Почта России и Авито Доставка.

Пример интерфейса
Заказ #4092 В пути
Заказ оформлен 12 Фев, 14:30
Передан в доставку 12 Фев, 18:45 • Москва, Сортировка
В пути (СДЭК) 13 Фев, 09:20 • Ожидается завтра
Доставлен Курьер свяжется за час
Правила оформления

Шрифт и цвет

Aa Aa

Шрифт Inter

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

Палитра
#1D1D1F Глубокий чёрный
#F5F5F7 Фон
#48484A Графит / наведение
Знак бренда
EM7

Срок и этапы

2 месяца от старта до запуска

  1. ДизайнСтиль в духе упаковки бренда, макеты каталога, карточки товара и кабинета, версия для телефона
  2. Параллельно: доставка и оплатаСДЭК, Яндекс Доставка, Почта России, Авито Доставка, ЮKassa, SMS-уведомления

Магазин запустили сразу после завершения дизайна: интеграции к этому времени были готовы.

Результат

0,4 с открывается каталог с большим объёмом данных Данные студии GreenOak

Для витрины бренда скорость часть впечатления: покупатель не ждёт и сразу смотрит товары, фильтры отвечают без задержек.

Магазин задумывали как витрину, продажи шли через маркетплейсы, поэтому главными показателями были визуал и скорость, а не число заказов с сайта.

Клиент остался очень доволен.

СМОТРЕТЬ ДРУГИЕ РАБОТЫ

Разработка креативного лендинга — Кейс BatoMedia
Имиджевый лендинг с WebGL-эффектами

Разработка креативного лендинга — Кейс BatoMedia

ДизайнЛэндинг
Редизайн сайта строительной компании: кейс Pinewood Homes
Редизайн сайта строительной компании, 2024

Редизайн сайта строительной компании: кейс Pinewood Homes

Real EstateSMM
Редизайн сайта боулинг-парка: кейс Bowling Park Mandarin
Редизайн сайта боулинг-парка, 2024

Редизайн сайта боулинг-парка: кейс Bowling Park Mandarin

Mobile FirstSMM дизайн
Сайт автосервиса: кейс Gekata
Корпоративный сайт автосервиса по восстановлению дисков Gekata, 2023

Сайт автосервиса: кейс Gekata

АвтосервисАдаптивный дизайн
Сайт для команды бренд-шефов: кейс Chef Menu
Сайт для команды бренд-шефов

Сайт для команды бренд-шефов: кейс Chef Menu

Сайт для фотографа еды: кейс fotograf-food.ru
Сайт для фотографа еды

Сайт для фотографа еды: кейс fotograf-food.ru

Сайт производителя противопожарных конструкций: кейс ПСК ГОСТ
Корпоративный сайт производителя противопожарных конструкций ПСК ГОСТ: 65 страниц, 77 заявок за 8 месяцев, 2026

Сайт производителя противопожарных конструкций: кейс ПСК ГОСТ

Сайт студии оклейки авто: кейс Kitkar Pro
Корпоративный сайт студии оклейки автомобилей защитной плёнкой и винилом Kitkar Pro, 2026

Сайт студии оклейки авто: кейс Kitkar Pro

Автомобильная тематика
Сайт игровой платформы Counter-Strike 2: кейс DaVinci Media
Сайт игровой платформы DaVinci Media для Counter-Strike 2 с личным кабинетом, турнирами и магазином, 2026

Сайт игровой платформы Counter-Strike 2: кейс DaVinci Media

Редизайн сайта центра дооснащения автомобилей: кейс XT-Tuning
Редизайн сайта центра дооснащения автомобилей XT-Tuning в Москве: новый дизайн, 70 страниц услуг и разделов, блог и новости

Редизайн сайта центра дооснащения автомобилей: кейс XT-Tuning

Автомобильная тематика
Лендинг для мотошколы: кейс Unique Racing Team 96
Лендинг для мотошколы и команды Unique Racing Team 96

Лендинг для мотошколы: кейс Unique Racing Team 96

Лендинг для студии массажа: кейс «Песочные часы»
Лендинг для студии массажа «Песочные часы», 2026

Лендинг для студии массажа: кейс «Песочные часы»

Лендинг для службы эвакуации: кейс ТЕХЭКСПЕРТ
Лендинг для службы эвакуации автомобилей ТЕХЭКСПЕРТ в Самаре, 2026

Лендинг для службы эвакуации: кейс ТЕХЭКСПЕРТ

Автомобильная тематика
Интернет-магазин защитных плёнок: кейс MARPREMIER
Интернет-магазин антигравийных полиуретановых защитных плёнок для автомобилей MARPREMIER, 2026

Интернет-магазин защитных плёнок: кейс MARPREMIER

Автомобильная тематикаИнтернет-магазин
Интернет-магазин игровых ключей: кейс Orion
Интернет-магазин игровых ключей с автовыдачей

Интернет-магазин игровых ключей: кейс Orion

APIAutomation
Корпоративный сайт для автосервиса: кейс СТОКТ
Корпоративный сайт для ремонта коммерческого транспорта, 2025

Корпоративный сайт для автосервиса: кейс СТОКТ

AutoCatalog
Сайт школы астрологии: кейс Jyotish Academy
Сайт онлайн-школы ведической астрологии, 2025

Сайт школы астрологии: кейс Jyotish Academy

ОбразованиеТёмная тема
Сайт центра дооснащения авто: кейс XT-Tuning
Корпоративный сайт центра дооснащения автомобилей XT-Tuning в Москве, 2023

Сайт центра дооснащения авто: кейс XT-Tuning

АвтобизнесВеб-дизайн
Корпоративный сайт швейной фабрики: кейс 4Look
Корпоративный сайт швейной фабрики, 2022

Корпоративный сайт швейной фабрики: кейс 4Look

B2BКаталог продукции
Редизайн интернет-магазина цветов: кейс Бирюза
Редизайн интернет-магазина цветов, 2023

Редизайн интернет-магазина цветов: кейс Бирюза

E-COMMERCEMobile First
Сайт студии эстетики: кейс Beauty Grace
Корпоративный сайт студии красоты и эстетики Beauty Grace, 2024

Сайт студии эстетики: кейс Beauty Grace

Адаптивная вёрсткаВеб-дизайн
Сайт компании по разметке данных: кейс СБиР
Корпоративный сайт компании по сбору и разметке данных СБиР, 2026

Сайт компании по разметке данных: кейс СБиР

Корпоративный сайтРазметка данных
Сайт производителя кованых дисков: кейс Buffalo
Сайт производителя кованых дисков, 2023

Сайт производителя кованых дисков: кейс Buffalo

Автомобильная тематикаДизайн интерфейсов
Сайт компании по ОДД: кейс ИнтелТранс
Корпоративный сайт ИнтелТранс, компании по организации дорожного движения (ОДД), 2023

Сайт компании по ОДД: кейс ИнтелТранс

B2GОДД
Лендинг для франшизы общепита: кейс РашЛаваш
Лендинг для франшизы общепита, 2023

Лендинг для франшизы общепита: кейс РашЛаваш

E-COMMERCEPROMO
Сайт загородного клуба с инвестиционными коттеджами: кейс
Корпоративный сайт загородного клуба с инвестиционными коттеджами, 2023

Сайт загородного клуба с инвестиционными коттеджами: кейс

Загородный клубКорпоративный сайт
Сайт для фитнес-студии: кейс Best Life Studio
Сайт для фитнес-студии, 2023

Сайт для фитнес-студии: кейс Best Life Studio

BeautyBrutalism
Лендинг для бренда чая: кейс Funny Faces
Лендинг для бренда чая, 2022

Лендинг для бренда чая: кейс Funny Faces

CREATIVEE-COMMERCE
Разработка аналитической платформы для строительства — Bimograph
Аналитика строительства

Разработка аналитической платформы для строительства — Bimograph

B2BBig Data
Сайт капсульного отеля: кейс PodSpot
Лендинг для капсульного отеля PodSpot, 2024

Сайт капсульного отеля: кейс PodSpot

Адаптивный дизайнГостиничный бизнес

Понравился проект? Хочу такой же магазин: условия и цены · Другие примеры работ