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

Ниша:

География:

Instagram:

Магазин косметики

Сургут

@frank.keep.on.loving.u

Анастасия Франк, основательница компании, обратилась к нам в связи с открытием нового магазина. Сначала мы разработали фирменный стиль, о чем рассказали в кейсе. Теперь стояла задача создать онлайн-магазин, как дополнительный канал продаж с удобным функционалом и возможностью реализации товара по всей России.

Разработать онлайн-магазин с удобной навигацией и дополнительным функционалом

Задачи

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

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

Разработка структуры

Прототип

Дизайн-концепты

Дизайн сайта

Верстка

Тех. настройки

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

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

Смотреть структуру подробнее

Смотреть прототип подробнее

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

Также использовали фирменную графику — глаз. «Оживили» его с помощью аккуратной анимации.

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

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

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

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

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

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

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

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

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

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

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

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

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

Разработали дизайн на основе фирменного стиля

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

Разработали дополнительный функционал в каталоге

Настроили формы обратной связи для заявок. Подключили уведомления, домен, провели базовые настройки SEO. Записали удобную видео-инструкцию о работе с сайтом в дальнейшем.

Провели все технические настройки

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