МагазинСайтАдминкаЗапущен

Gadgets Hub · Магазин

Интернет-магазин Apple, Samsung и JBL в Батуми на трёх языках: видео на главной, 444 товара в 139 моделях с выбором варианта, умный поиск, доставка сегодня, кабинет покупателя и своя админка с конструктором

Сайт магазина ghbatumi.com

9:41

Клиент: Gadgets Hub, магазин техники, Батуми
Сфера: Розница, электроника
Платформы: Веб, кабинет покупателя, админка на телефоне
Что сделали: Дизайн, логотип, разработка, перенос каталога, SEO
Статус: Запущен

Покупатели и заказы на экранах выдуманы. Товары, фото и цены настоящие, из каталога магазина.

01 · Клиент и задача

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

Задачи

Перенести 444 товара и собрать варианты в модели с выбором памяти, цвета и SIM
Сделать витрину уровня Apple: видео-баннер, каталог плитками, поиск с опечатками, корзину с доставкой сегодня
Дать покупателю кабинет со статусом заказа, а магазину заказы, аналитику и конструктор витрины

02 · В цифрах

444

товара перенесли с фото и ценами

139

моделей с выбором варианта

языка: русский, грузинский, английский

Главное

Витрина как у AppleВидео на главной и крупные фото

444 товара70 разделов и 139 моделей с вариантами

Выбор вариантаПамять, цвет и SIM на одной странице

Умный поискПонимает «айф», опечатки и раскладку

Доставка сегодняОбратный отсчёт до 18:00

ЗаказыСтатусы, которые видит покупатель

Модель и её вариантыЦены и наличие одной таблицей

Баннер без дизайнераРуководитель меняет его сам в конструкторе

03 · Сайт целиком

Магазин техники, который выглядит как сама техника

Белый фон, крупные фото на сером и много воздуха, как в фирменных магазинах. На главной видео новинки, ниже подборки, бренды и «Поможем с выбором». Листайте страницы целиком: главная, раздел iPhone, товар и каталог.

ghbatumi.com

ghbatumi.com/smartfony/iphone

ghbatumi.com/smartfony/iphone/iphone-17-pro-max/…

ghbatumi.com/catalog

04 · Главный баннер

Новинка встречает видео, а не картинкой

Баннер из слайдов: ролик новинки, название и кнопка «Оформить предзаказ». Фон слайда подхватывает цвет кадра, а снизу миниатюры, чтобы перейти к другой модели. Ролик и тексты магазин меняет сам в конструкторе.

Ролик новинки загружается в конструкторе
Предзаказ даже без цены
Миниатюры слайдов

Три языка. русский, грузинский, английский

Меню «Каталог». разделы с фото и флагман раздела

Старые адреса. ссылки из поиска ведут куда надо

05 · Конструктор · Баннер

Красивый баннер руководитель меняет сам, без дизайнера

Новинку или акцию руководитель ставит сам: правит слайд в полях справа, сайт меняется на глазах. Вёрстку и анимацию держит конструктор, поэтому баннер всегда красивый.

Слайд = один товар порядок стрелками
Фото или ролик MP4 до 150 МБ
Цветной или белый фон
Три языка RU · EN · KA

Правки видны сразу. сайт рядом с полями

Публикация кнопкой. черновик не уходит на сайт сам

Отменить. любая правка возвращается

06 · Поиск

Понимает с полуслова

Набрали «fqajy 17» в английской раскладке, а поиск показал iPhone 17. Ищет с первых букв («айф», «гэлакси»), прощает опечатки, знает бренды по-русски и поднимает сами устройства выше чехлов и стёкол.

Опечатки и раскладка. понимает и то и другое

Сначала устройства. аксессуары ниже

Сразу при вводе. фото, цена и наличие

07 · Карточка товара

Одна модель вместо двадцати похожих товаров

На старом сайте каждый цвет и объём памяти был отдельным товаром. Теперь это одна страница модели: выбираете память, цвет и SIM, а цена, фото и наличие меняются на месте. У каждого варианта остался свой адрес, поэтому поиск ничего не потерял.

Память, цвет, SIM
Цена и скидка сколько выгоды
«Сравнить» модели рядом

«С этим покупают». чехол и стекло именно для этой модели

Описание историей. разделы с фото и цифрами

Цена по запросу. кнопка WhatsApp вместо корзины

08 · С телефона

Покупка одной рукой

Снизу меню как в приложении: главная, каталог, поиск, корзина и кабинет. На странице товара кнопка «В корзину» появляется внизу, как только пролистали цену, а каталог открывается плитками с фото разделов.

9:41

09 · Корзина

«Закажите до 18:00, привезём сегодня»

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

Доставка сегодня обратный отсчёт
День и интервал
Бесплатно от 50 ₾

10 · Личный кабинет

Покупатель сам видит, где его заказ

Вход по телефону. В кабинете все заказы с лентой шагов «Принят → Подтверждён → В доставке → Выдан», имя и адрес подставляются в следующий заказ сами, а вместо безликой иконки у покупателя пушистая аватарка на выбор.

ghbatumi.com/account

ghbatumi.com/cart

ghbatumi.com/en

ghbatumi.com/ka

11 · Путь заказа

От видео на главной до курьера у двери

9:41

9:41
01Увидел новинку
Ролик на главной ведёт сразу на страницу модели.
9:41
02Выбрал вариант
Память и цвет, рядом чехол и стекло для этой модели.
9:41
03Оформил за минуту
День, интервал, адрес и телефон. Без регистрации.
9:41
04Магазин подтвердил
Заказ первым в «Новых», уведомление менеджеру, звонок или WhatsApp из карточки.
9:41
05Видит статус
В кабинете шаг меняется сам, как только магазин нажал кнопку.

444товара

перенесли со старого сайта с фото и ценами

139моделей

собрали из вариантов памяти, цвета и SIM

3языка

витрина, каталог и кабинет

12 · Админка · Заказы

Все заказы в одном списке, а не в мессенджерах

Сверху счётчики по статусам, ниже заказы с фото товаров, суммой, днём доставки и адресом. Предзаказы помечены отдельно. Поиск по номеру, имени, телефону или товару.

Новый заказ. уведомлением и в Telegram

Свои статусы. и текст, который видит покупатель

Связь с покупателем. звонок и WhatsApp из заказа

13 · Карточка заказа

Всё о заказе на одном экране

Товары по ценам на момент заказа, доставка, покупатель с историей покупок, заметка магазина, которую видит только команда, и лента: кто и когда сменил статус. Следующий шаг одной кнопкой.

Товары и итог
Покупатель звонок и WhatsApp
История статусов

14 · Товары

Модель с вариантами правится одной таблицей

Плитки моделей, разделы слева деревом. В карточке модели таблица вариантов: память, цвет, SIM, цена, старая цена, «в наличии» и «на сайте». Новый цвет добавляется копией строки, фото раскладываются по цветам.

15 · Аналитика

Что продаётся, а что просто смотрят

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

Выручка
Разделы и бренды
Посетители откуда и с чего

16 · Покупатели

Каждый покупатель с историей

Покупатели собираются из заказов сами: сколько купили, средний чек, адреса и заметки. Кабинет покупателя виден прямо в его карточке, а условия доставки (бесплатно от суммы, до какого часа «сегодня») меняются в одном окне.

17 · Конструктор

Витрину собирает сам магазин

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

Блоки и готовые секции. с превью и видами

SEO каждой страницы. и разметка для Google

Статьи. блог магазина на трёх языках

18 · Админка в телефоне

Магазин помещается в карман

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

9:41

19 · Было и стало

Вместо шаблона свой магазин и своя админка

Было: ghbatumi.com

Каждый цвет и объём отдельным товаром

Поиск только по точному названию

Заказы в переписке

Один язык

Правки через подрядчика

Стало: Gadgets Hub

Одна модель с выбором варианта

Поиск с опечатками, раскладкой и «айф»

Заказы со статусами и кабинет покупателя

Русский, грузинский и английский

Цены, баннеры и тексты меняет магазин

Запуск

Магазин уровня бренда.Который магазин ведёт сам.

Перенесли 444 товара со старого сайта, собрали их в 139 моделей с вариантами, сделали витрину на трёх языках, умный поиск, кабинет покупателя и админку, в которой магазин сам меняет цены, баннеры и тексты.

01Выглядит как техника

Видео, крупные фото и чистая сетка: покупатель видит товар, а не шаблон.

02Покупать быстро

Поиск с полуслова, вариант в одно касание и доставка сегодня с обратным отсчётом.

03Магазин управляет сам

Цены, наличие, баннеры и заказы меняются с телефона, без подрядчика.

Магазинghbatumi.com

Вся админка магазина

Главная, заказы, покупатели, товары, разделы, статусы, доставка, аналитика, конструктор, статьи и оформление.

Цвета и шрифт

AaInter Tight + Interქართული · Русский · English

05 · Результат

Магазин запущен на ghbatumi.com: витрина на трёх языках, умный поиск, кабинет покупателя и админка с учётом товаров работают на собственном сервере магазина. Старые адреса из поиска ведут на нужные страницы, а цены, остатки, баннеры и тексты магазин меняет сам, в том числе с телефона.

Next.js · SQLite · PWA · свой сервер