Магазин косметики И ПАРФЮМЕРИИ Frank

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

Магазин косметики И ПАРФЮМЕРИИ Frank

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

Официальные дистрибьюторы известных мировых брендов

Ниша:
География:
Instagram:
Магазин косметики
Сургут
@frank.keep.on.loving.u
Анастасия Франк, основательница компании, обратилась к нам в связи с открытием нового магазина. Сначала мы разработали фирменный стиль, о чем рассказали в кейсе. Теперь стояла задача создать онлайн-магазин, как дополнительный канал продаж с удобным функционалом и возможностью реализации товара по всей России.
Разработать онлайн-магазин с удобной навигацией и дополнительным функционалом
Задачи
• Важно было разработать сайт, который был бы удобен как для его владельца, так и для посетителей. Поэтому у Анастасии сразу были пожелания по внедрению дополнительного функционала в каталог. Например, возможность предзаказа товаров, которые сейчас не в наличии.
• Также были пожелания по визуалу. Хотелось, чтобы сайт был чистый и аккуратный, с современным дизайном и элементами фирменного стиля.

Этапы работы

Разработка структуры
Прототип
Дизайн-концепты
Дизайн сайта
Верстка
Тех. настройки

Структура и прототип

Начали разработку с составления структуры. Это скелет сайта, на котором видны основные смысловые составляющие каждой страницы и их связь друг с другом. На этом этапе мы тщательно продумали навигацию по сайту, деление каталога на разделы, количество страниц и основные блоки внутри них.
Это черно-белый вариант сайта без дизайна, но со смыслами и важными акцентами После того, как определились со структурой сайта, приступили к отрисовке прототипа. Здесь мы смотрим только на тексты и иерархию элементов. На этом этапе мы согласовали структуру и тексты. При утверждении прототипа поняли, какой контент будет на сайте. Начали собирать недостающие фотографии и необходимые ссылки.
Смотреть структуру подробнее
Смотреть прототип подробнее

Дизайн сайта

В дизайне опирались на фирменный стиль, который ранее мы разработали для бренда. В основе использовали нейтральный светло-бежевый цвет и много белого в качестве «воздуха». Акценты расставляли темно-серым.
Также использовали фирменную графику — глаз. «Оживили» его с помощью аккуратной анимации.

Каталог

Одним из пожеланий заказчицы было создать у пользователя желание разглядывать сайт, а также ощущение заботы. Поэтому каждую карточку товара мы собирали вручную, чтобы изображения были в одном стиле и располагались по единой сетке.
Навигация в онлайн-магазине очень важна. Поэтому мы предусмотрели деление категорий по назначению, типу товара и бренду. Таким образом повышается шанс, что пользователь найдет нужный ему товар и совершит покупку.

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

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

Товары Zielinski & Rozen

По желанию заказчицы для товаров бренда Zielinski & Rozen разработали индивидуальные карточки товара, где вместо кнопки «В корзину» сделали кнопку «Узнать о наличии».
Информацию о заинтересовавшем пользователя товаре определяется автоматически, после чего менеджер может связаться с клиентом и, например, забронировать нужный товар в магазине.

Оплата в рассрочку

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

Подарочные сертификаты

На сайте можно купить бумажный сертификат или электронный. Электронный сертификат реализован через сервис Дигифт.
Получателю приходит смс с подробной информацией о сертификате. Далее он может использовать сертификат для покупок в онлайн-магазине.

Верстка: Аккуратно перенесли дизайн на Тильду и провели все технические настройки

Сверстали весь сайт точно по отрисованному дизайну. Добавили интересную анимацию, которая притягивает взгляд к странице, но не отнимает внимание от главного. Адаптировали все страницы для разных девайсов.
Подключили домен и формы обратной связи. Настроили все кнопки, фавикон и бейдж, чтобы сайт хорошо смотрелся, когда им делятся в соцсетях. Провели базовую настройку SEO, чтобы сайт хорошо индексировался поисковиками и его можно было продвигать.
(Сайт расположен по адресу https://frankstore.ru/)

Результат нашей работы

Создали дизайн сайта в единой для бренд стилистике. Сделали визуал аккуратным и светлым, добавив при этом фирменную графику и уместную анимацию.
Разработали дизайн на основе фирменного стиля
Добавили возможность оформить предзаказ товаров, которых сейчас нет в наличии. А для части товаров убрали возможность покупки, вместо этого разместили только заявку «Узнать о наличии».
Разработали дополнительный функционал в каталоге
Настроили формы обратной связи для заявок. Подключили уведомления, домен, провели базовые настройки SEO. Записали удобную видео-инструкцию о работе с сайтом в дальнейшем.
Провели все технические настройки

Хотите так же?

Заполните короткую форму, мы свяжемся с вами в WhatsApp или Telegram, проконсультируем по услугам и ответим на все ваши вопросы.

Вам может быть интересно

Beauty Box
(Магазин косметики)
Want Aroma
(Магазин ароматов)

Делаем не только сайты. Комплексно помогаем бизнесу расти