YASSE: интернет‑магазин
профессиональных ресниц
Магазин с каталогом больше чем из 1000 товаров, корзиной, избранным и онлайн-оплатой, а к нему админка с продажами и остатками. Клиент перешёл с маркетплейсов на собственный сайт.
Что нужно было сделать
YASSE производит профессиональные ресницы для наращивания и продаёт их мастерам и салонам. Нужен был не набор карточек на площадке, а свой магазин с понятной навигацией по огромному ассортименту и привычной аналитикой, как в кабинете продавца.
- Уйти с маркетплейсов на свой сайтКлиент продавал ресницы на маркетплейсах и решил получить собственный магазин и собственную витрину бренда.
- Главная по структуре брендаБлоки о компании и о магазине: кто производит, что в каталоге, как подобрать ресницы, отзывы.
- Каталог с категориямиВсе ресницы, наборы и пучки по понятным разделам с картинками.
- Множество фильтровЦена, длина, изгиб, толщина и другие параметры, по которым мастера выбирают ресницы.
- Корзина и заказ на сайтеДобавить в корзину, изменить количество и оформить заказ полностью на сайте.
- ИзбранноеОтложить понравившиеся позиции и вернуться к ним позже.
- Онлайн-оплатаОплата заказа картой прямо при оформлении.
- Перенос карточек с WildberriesБольше 1000 карточек товаров загрузить в магазин, а не заводить заново.
- Админка со статистикойПродажи, остатки и выгрузки в одном кабинете, который не зависит от чужих сервисов.
- Конвертер файлов для ТильдыСобирать файл так, чтобы остатки загружались в каталог одним шагом.
С чего мы начали
С того, как выбирают ресницы
Мастер ищет не «ресницы вообще», а конкретный изгиб, толщину и длину. Поэтому каталог, фильтры и даже блок «Как подобрать изгиб и толщину» построены вокруг этих параметров.
С переноса, а не с нуля
Карточки товаров загрузили с Wildberries, синхронизировали с каталогом магазина и дальше правили вручную: названия, категории, фото и описания.
С выбора платформы
Магазин собран на Тильде: каталог, корзина, избранное и оплата там готовые, а тексты и товары можно править без программиста. Всё остальное вынесли в отдельную админку.
С фирменного стиля
Светлый магазин с засечными заголовками, золотисто-розовой палитрой бренда и крупными фото ресниц. Админка оформлена в тех же цветах бренда.
Главная: бренд, ассортимент и доверие
Первый экран говорит, что ресницы производятся самим брендом, а ниже по порядку идёт всё, что нужно для решения о покупке.
Первый экран
Заголовок «Ресницы для наращивания», «Производим ресницы сами и продаём без посредников», кнопка «Выбрать ресницы» и три факта: от 2D до 7D и YY, собственное производство, 1000+ позиций в наличии.
Условие скидки
Постоянная плашка внизу: «При покупке от 10 000 ₽ скидка 10% на заказ» и кнопка перехода в каталог.
Категории и популярное
Три крупные плитки (ресницы 2D-7D, ресницы YY, наборы с клеем и ремувером) и карусель «Популярные товары».
Официальный сайт бренда
Блок «Покупайте у производителя напрямую»: оригинал без посредников, ведь это официальный сайт YASSE.
Шпаргалка и доказательства
Блок «Как подобрать изгиб и толщину», фото работ клиентов, «Почему стоит выбрать нашу компанию» и отзывы покупателей.
Блоки, которые помогают выбрать
Карусель популярных товаров и шпаргалка по изгибам и толщине: мастер сразу понимает, какой товар ему нужен.
Каталог: категории и фильтры по параметрам ресниц
Больше 1000 товаров должны искаться за пару нажатий, поэтому каталог разложен по категориям и параметрам.
Категории
Ресницы 2D, 3D, 4D, 5D, 6D, 7D, YY, их коричневые и цветные варианты, наборы с клеем и ремувером, накладные пучки, аниме пучки, ресницы с блёстками, классические ресницы и пинцеты. У каждой категории своя картинка и своя страница.
Фильтры
Цена, длина ресниц, изгиб, толщина, комплектация и состав. На телефоне они раскрываются отдельной шторкой с кнопками «Показать товары» и «Сбросить все».
Сортировка и поиск
По умолчанию, сперва старые или новые, по цене и по названию. Поиск есть в каталоге и в шапке сайта с подсказкой «Найдется все!».
Карточка в списке
Крупное фото с параметрами, название, цена и старая цена, сердечко «в избранное» и пометка «Нет в наличии», если остаток закончился.
Число товаров в крупных категориях по данным админки.
Карточка товара
Всё, что нужно для заказа, находится на одном экране: фото, артикул, цена, количество и кнопка.
Фото и навигация
Галерея из нескольких изображений, хлебные крошки «Каталог / категория / товар» и стрелка возврата в каталог.
Артикул и цена
Название, бренд, артикул, актуальная цена и зачёркнутая старая: покупатель видит выгоду без калькулятора.
Количество и корзина
Поле количества, кнопка «В корзину» и сердечко «в избранное» стоят рядом с ценой.
Описание и характеристики
Текст о товаре и параметры: длина, толщина, изгиб, состав, код ТН ВЭД, размеры упаковки и вес. Эти данные пришли вместе с карточками Wildberries.
Корзина, избранное и заказ
От выбора товара до оплаты покупатель не уходит с сайта.
Корзина
Состав заказа с фото, артикулом и ценой, изменение количества, удаление позиции и итоговая сумма.
Оформление
Форма из трёх полей: ФИО, электронная почта и телефон с выбором страны, согласие на обработку данных и кнопка «Оформить и оплатить». Оплата проходит картой через Т-Банк.
Личный кабинет покупателя
Над формой подсказка «Покупали ранее? Авторизуйтесь или зарегистрируйтесь»: постоянный покупатель входит и не вводит данные заново.
Избранное
Сердечко на карточке откладывает товар. Окно «Избранное» открывается справа из шапки и позволяет вернуться к отложенным позициям.
Карточки товаров: перенос с Wildberries
Заводить больше тысячи карточек заново дорого и долго, поэтому магазин начали с переноса готовых карточек клиента.
Загрузили карточки
Названия, фото, описания и характеристики товаров загрузили с Wildberries в каталог магазина, а не набирали заново больше тысячи позиций.
Синхронизировали
Привели категории, варианты (длина, изгиб, толщина, цвет) и артикулы к единому виду, чтобы товары находились фильтрами и совпадали с остатками.
Правили вручную
Тексты, порядок позиций, фото и привязку к категориям поправили под сайт: на площадке карточка живёт по правилам площадки, а на своём сайте по правилам магазина.
Получили свою витрину
Покупатель видит весь ассортимент бренда в одном месте, с поиском по параметрам и без отвлекающих предложений конкурентов.
Админка: продажи и остатки в одном месте
Чтобы видеть продажи так же удобно, как в кабинете продавца маркетплейса, мы сделали отдельную админку в цветах бренда.
Главная
Выручка, проданные единицы, заказы, средний чек, покупатели и доля повторных покупок, число товаров с низким остатком. Каждый показатель сравнивается с прошлым периодом.
Периоды и графики
Сегодня, неделя, месяц, квартал, год или любые даты. Графики выручки и единиц, заказы по дням недели, статусы заказов, топ-10 товаров и разбивка по длине, изгибу и толщине.
Продажи
Таблица заказов с поиском, фильтрами по статусу и дате. В заказе - состав, адрес доставки и способ оплаты, а также история покупок этого клиента по телефону.
Товары и остатки
Все позиции по артикулам с остатком, фильтры по толщине, длине, изгибу и цвету, отметка «низкий остаток» с настраиваемым порогом.
Выгрузки и доступ
Любую таблицу можно скачать в Excel или CSV. Логин и пароль клиентка меняет сама, а тему оформления переключает на светлую или тёмную.
На скриншотах условные заказы и остатки: настоящие данные покупателей и склада клиента здесь не показаны.
Остатки и конвертер для Тильды
Остатки меняются каждый день, а вносить их по одному в каталог Тильды долго. Эту работу берёт на себя конвертер.
Каталог из Тильды
Админка загружает полный CSV-экспорт каталога: все товары, категории, характеристики. Так в ней появляются позиции, которых нет в стандартной выгрузке Тильды для площадок.
Остатки из Excel
Клиентка ведёт остатки в привычной таблице. Нужные колонки админка находит по заголовкам сама. На реальной таблице клиентки все 1055 строк из 1055 сопоставились с каталогом по артикулу.
Файл для Тильды
Админка собирает CSV в формате Тильды (Tilda UID, артикул, количество, цена). Его загружают в каталог с галочкой «только обновлять, не создавать новые», и остатки на сайте обновляются.
Остаток закончился
На карточке товара автоматически появляется пометка «Нет в наличии», поэтому покупатель не оформит заказ на то, чего нет.
Компьютер, планшет и телефон
Магазин одинаково удобен на любом экране: меню собирается в бургер, фильтры раскрываются отдельной шторкой, а корзина занимает весь экран, чтобы форму было удобно заполнять одной рукой.
Основа для поиска
Базовые настройки заложены при запуске, чтобы магазин можно было продвигать в поиске без переделок.
Своё название и описание у каждой страницы
У главной, категорий и каждого товара свои заголовок и описание, например «Ресницы для наращивания 5D готовые пучки узкие D 8 мм 0.07 - YASSE».
Карта сайта со всем каталогом
Кроме страниц сайта в карте сайта есть отдельная карта магазина: товары и категории, больше 1100 адресов. Поисковики видят каждую позицию.
Превью для соцсетей и мессенджеров
Заданы название, описание и картинка, поэтому ссылка на магазин выглядит аккуратно, когда её отправляют в чат.
Аналитика
Подключена Яндекс Метрика: можно считать заказы и поведение покупателей по источникам.
На чём сделаны магазин и админка
Сложная часть не видна покупателю, но именно она экономит время каждый день.
Магазин
Тильда с каталогом, корзиной, избранным и онлайн-оплатой. Поверх - свои стили и шрифты бренда: Playfair Display в заголовках и Inter в тексте.
Админка
Отдельное приложение на Node.js с базой SQLite. Заказы приходят из магазина автоматически, остатки и каталог загружаются файлами, остальное считается само.
Файлы
Чтение и запись Excel и CSV, сопоставление товаров по артикулу, сборка файла в формате Тильды.
Сервер
Админка работает на отдельном сервере клиентки по своему адресу под защитой HTTPS: данные продаж не лежат у посредников.
Безопасность
Вход по логину и паролю, ограничение числа попыток, пароль хранится только в виде хэша. Данные покупателей в таблицах показываются безопасно: подставленный в имя код не выполнится.
Как шла работа
Порядок тот же, что и в других проектах: сначала аудитория и задача, потом экраны и данные.
- 01
Разбор задачи и ниши
Выяснили, как мастера выбирают и заказывают ресницы, чем бренд отличается от площадки и какие цифры клиентке нужны каждый день.
- 02
Структура и каталог
Продумали категории, фильтры и страницы магазина, а также поля, которые нужны админке.
- 03
Дизайн
Светлая витрина в цветах бренда с крупными фото ресниц. Тот же набор компонентов для компьютера и телефона.
- 04
Сборка магазина и перенос карточек
Настроили каталог, корзину, оплату и избранное на Тильде, загрузили и синхронизировали карточки с Wildberries.
- 05
Админка и конвертер
Собрали кабинет со статистикой, загрузкой каталога и остатков и выгрузкой файла для Тильды, проверили на реальных таблицах клиентки.
- 06
Запуск и передача доступов
Домен, HTTPS, перенос админки на сервер клиентки и передача доступов. После запуска дорабатываем по обратной связи.
Что получил клиент
Цифры продаж мы здесь не приводим: это коммерческие данные клиента.
Собственный магазин
yasse.shop принимает заказы и оплату на сайте: покупатель выбирает, кладёт в корзину и платит, не уходя на площадку.
Весь ассортимент в одном месте
Больше 1000 товаров в 18 категориях, с поиском и фильтрами по параметрам ресниц.
Аналитика как в кабинете продавца
Выручка, заказы, средний чек, повторные покупки, топ товаров и остатки видны в одном кабинете и выгружаются в Excel.
Остатки без ручной работы
Таблицу остатков не нужно перебивать по одной позиции: админка сама готовит файл для Тильды.
Что дальше
Магазин и админка работают, а дальше их можно развивать вместе с бизнесом клиента.
Автоматическое обновление остатков
Сейчас файл для Тильды загружается вручную. Следующий шаг - обновлять остатки без загрузки, по расписанию.
Свои страницы под запросы
Статьи о выборе изгиба и толщины и о работе с разными техниками наращивания помогут приводить мастеров из поиска.
Рассылки и повторные заказы
Админка уже знает покупателей и их покупки, на этой базе можно напоминать о повторном заказе.
Вопросы и ответы
Сколько стоит интернет-магазин?
Сайты у нас начинаются от 50 000 ₽, интернет-магазин делаем от 20 дней. Точную цену называем после разбора задачи: она зависит от числа товаров, функций и от того, нужны ли админка и выгрузки. До 300 000 ₽ предоплата 50%, проекты от 300 000 ₽ оплачиваются по этапам.
Можно ли перенести товары с Wildberries или Ozon?
Да. Карточки товаров (названия, фото, описания и характеристики) загружаем в каталог магазина, приводим к единому виду и правим вручную. Так сделан каталог YASSE: больше 1000 товаров переехали со склада маркетплейса на собственный сайт.
Почему магазин на Тильде, а не на коде?
Каталог, корзина, избранное и онлайн-оплата в Тильде готовые и надёжные, а магазин можно править без программиста. Всё, чего в Тильде нет (аналитика продаж, остатки, выгрузки), мы вынесли в отдельную админку. Для проектов, где нужна своя логика, делаем сайт на коде, как для TRIGATE.
Что умеет админка?
Показывает выручку, число заказов, средний чек, покупателей и повторные покупки, топ товаров и остатки по каждому артикулу. Загружает каталог и остатки из файлов и собирает файл для обновления остатков в Тильде. Данные выгружаются в Excel и CSV.
Нужно ли вручную обновлять остатки на сайте?
Остатки клиентка ведёт в Excel-таблице, а админка находит товары по артикулу и готовит файл в формате Тильды. Остаётся загрузить его в каталог с галочкой «только обновлять». Если остатка нет, у товара на сайте появляется пометка «Нет в наличии».
Можно ли сделать такую админку для моего магазина?
Да. Её можно собрать под ваш магазин и ваши таблицы: заказы приходят из магазина, остатки загружаются из Excel, отчёты строятся по вашим периодам и категориям. Начинаем с разбора того, какие цифры вам нужны каждый день.
Какая гарантия?
Гарантия на сайт - 6 месяцев: если после запуска что-то сломается по нашей вине, исправим бесплатно.
Нужен интернет-магазин или админка к нему?
Расскажите о товарах и о том, какие цифры вы хотите видеть каждый день, и мы подготовим план под ваш случай. Консультация бесплатная.