Интернет-магазин корейской косметики NP Beauty

Сайт с каталогом на Tilda для московского бутика корейской косметики: категории, поиск, карточки товаров, корзина и запись на анализ кожи.

Смотреть сайт  Обсудить похожий проект
Бутик корейской косметикиМоскваКаталог с категориями и поискомМетки «Новинка», «Бестселлер» и «Хит продаж»Готовые наборы уходаКорзина и оформление заказаЗапись на аппаратный анализ кожиМатериалы о том, как отбираются средстваАдаптив под все устройства
Женщина с подарочным боксом корейской косметики
о клиенте

Бутик корейской косметики в Москве

В каталоге NP Beauty маски, сыворотки, кремы, SPF, патчи, средства для очищения, ухода за губами, шеей, телом и волосами. Есть готовые наборы. Среди брендов — Centellian24 и CKD. На сайте можно записаться на аппаратный анализ кожи лица.

Бутик в Москве

Корейская косметика для ухода за кожей

Каталог по категориям

От масок и сывороток до SPF и наборов

Анализ кожи

Запись на аппаратную диагностику

задача

Собрать каталог корейской косметики в одном месте

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

01 —

Много категорий

Маски, сыворотки, кремы, SPF, патчи и уход за телом и волосами нужно разложить по разделам.

02 —

Новинки и хиты на виду

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

03 —

Покупка и услуга

Сайт принимает заказы через корзину и предлагает запись на аппаратный анализ кожи.

Итог задачи

Каталог с категориями и поиском, метки на карточках и корзина.

структура

Структура сайта для бутика косметики

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

Интерьер бутика NP Beauty
01

Первый экран

Фото, слоган и кнопка перехода в каталог.

02

Аппаратный анализатор кожи

Описание услуги и кнопка записи на анализ.

03

Каталог

Поиск по запросу и фильтр по категориям от наборов до декоративной косметики.

04

Карточки товаров

Фото, название, объём, кнопки «Подробнее» и «Добавить в корзину».

05

Метки на карточках

«Новинка», «Бестселлер», «Хит продаж» и «+ видео-гайд».

06

Страница товара

Галерея фото, описание и состав набора или средства.

07

Страница анализа кожи

Как проходит диагностика, фото бутика и запись.

08

О продукте

Рассказ о бренде Centellian24 и недельном курсе масок.

09

Почему работает

Этапы проверки средств и ссылки на статьи.

10

Контакты и подвал

Ссылки на Telegram, форма вопроса и юридические документы.

Ключевой раздел

Каталог с поиском и категориями

Покупатель ищет средство по запросу или выбирает категорию. На карточке видны фото, название, метка и кнопки перехода к товару и в корзину.

Полки с косметикой в бутике NP Beauty
что сделали

Что сделали

01
—

Разработали структуру каталога

категории, поиск и разделы главной страницы

02
—

Сделали дизайн и собрали сайт

на Tilda, в стиле бутика

03
—

Оформили карточки товаров

фото, метки и кнопки «Подробнее» и «Добавить в корзину»

04
—

Собрали страницы товаров и наборов

с галереей, описанием и составом

05
—

Добавили блок об анализе кожи

и отдельную страницу с записью

06
—

Сделали адаптивную версию

для телефонов и планшетов

Рабочее место с аппаратом для анализа кожи в бутике NP Beauty
Вход в бутик NP Beauty
дизайн

Дизайн сайта

Страницы сайта npbeauty.ru: главная, страница анализа кожи, карточки наборов и статья о выборе средств.

Главная страница — скриншот сайта npbeauty.ruСтраница анализа кожи — скриншот сайта npbeauty.ruКарточка эксклюзивного бокса — скриншот сайта npbeauty.ruКарточка набора «Система: ровный тон» — скриншот сайта npbeauty.ruСтатья «Смотрим клинические данные» — скриншот сайта npbeauty.ru
01 / 05
Перейти на сайт 
Блок об аппаратном анализаторе кожи — скриншот сайта
Каталог с категориями и карточками — скриншот сайта
Блок о недельном курсе масок — скриншот сайта
Блок «Мы отбираем только то, что работает» — скриншот сайта
Мобильная версия — главная — скриншот сайта
Мобильная версия — каталог — скриншот сайта

Результат

У бутика NP Beauty есть сайт с наполненным каталогом: покупатель выбирает корейскую косметику по категориям или через поиск, смотрит карточки и наборы, кладёт товар в корзину и записывается на анализ кожи.

Товары, фотографии и метки можно обновлять в редакторе Tilda.

Перейти на сайт 
на что обратить внимание

Что важно в сайте магазина косметики

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

Категории и поиск

фильтр по типам средств и строка поиска в каталоге

Метки на карточках

«Новинка», «Бестселлер» и «Хит продаж» выделяют товары

Корзина и заказ

кнопка «Добавить в корзину» и форма оформления заказа

Доверие к выбору

статьи о том, как отбираются средства, и описания составов

Запись на услугу

блок об анализе кожи на главной и отдельная страница с кнопкой записи

На сайте NP Beauty есть каталог корейской косметики с категориями и поиском, метки на карточках, корзина и запись на аппаратный анализ кожи.

что важно знать

Что нужно интернет-магазину косметики

Разработка интернет-магазина косметики начинается с каталога, в котором легко ориентироваться. Позиций много, и покупатель приходит либо с конкретной задачей, либо за конкретным средством. Ему помогают категории по типам ухода, строка поиска и метки на карточках, которые выделяют новинки и популярные товары. Для тех, кто выбирает впервые, полезны подборки и готовые наборы.

Косметика относится к товарам, где важны состав и способ применения, поэтому карточка должна быть подробной. Заказчику стоит подготовить фотографии упаковки в единой манере, описания, составы, объёмы, сведения о брендах и готовых наборах, а также материалы о том, как отбираются товары для магазина. Отдельная страница для услуги, не связанной с продажей, объясняет формат и записывает на приём.

  • Категории по типам средств и поиск по каталогу
  • Карточка товара с описанием, составом и объёмом
  • Метки «Новинка» и «Бестселлер» для быстрой навигации
  • Готовые наборы как отдельный раздел каталога
  • Дополнительная услуга, например запись на анализ кожи, на отдельной странице
другие кейсы

Сайты, которые уже приносят результат

/FAQ

А что если...

Отвечаю на частые вопросы, которые помогают
принять решение и чувствовать себя уверенно

01 /
Сделаете каталог с категориями и поиском?
+
Да. Каталог с категориями, строкой поиска и карточками товаров собираю на Tilda — так устроен сайт NP Beauty.
02 /
Сможем ли мы сами добавлять товары и менять наличие?
+
Да. Каталог на Tilda редактируется без разработчика: товары, фотографии, описания и наличие вы меняете в редакторе.
03 /
Как выделить новинки и хиты продаж?
+
Делаю метки на карточках: «Новинка», «Бестселлер» и «Хит продаж», как на сайте NP Beauty.
Остались вопросы? Напишите мне — с радостью отвечу! Написать в Telegram
/давайте создадим

Обсудим
ваш проект?

Заполните форму или напишите в удобный мессенджер. Отвечу в течение 1 рабочего дня.

Быстрый ответ
Отвечу в течение 1 рабочего дня
Понимаю задачу
Задаю точные вопросы и предлагаю решения
Прозрачный расчёт
Сразу по срокам и стоимости
Напишите в Telegram
@verasemeno_va
Написать
Напишите в MAX
MAX
Написать
Email
verasemeno-va@yandex.ru
Режим работы
Пн – Пт 10:00 – 19:00 мск
Отправить заявку