Кейсы

Редизайн
интернет-магазина
«Oscar Et Valentine»

Случается, что после запуска сайта сразу же требуется его редизайн. С сайтом Oscar Et Valentine произошла именно такая история.
2020
Маркетинг
Дизайн
Интеграции
Bitrix
Редизайн <br>интернет-магазина<br> «Oscar Et Valentine»

Oscar Et Valentine - это высококачественная одежда из кашемира для детей, которую проектирует и производит французская компания. Бренд выставлен в дорогих бутиках и моллах, таких как Цум и Детский Мир.

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

Задача, поставленная заказчиком

Привести в порядок дизайн магазина и донастроить интеграции с fullfilment системой.

Резюме проекта

Начало работ:
ноябрь 2019
Окончание работ:
март 2020

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

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

Нарисовали дизайн сайта

При разработке дизайна основывались на стилистике логотипа: логотип выполнен прописью. Цвет логотипа сделали акцентным, и используем на кнопках активного действия.
Для размещения логотипа придумали в дизайне скругление в центре шапки сайта. В мобильной версии разместили нижнюю навигационная панель, для быстрого доступа к пользовательским разделам и корзине.
Нарисовали дизайн сайта
Сайты
Сверстали дизайн
Верстку макетов сделали с использованием JQuery. Верстали блоками: старались упростить работу программистам, по подключениям верстки к шаблонам.
Скорость загрузки страницы 92 по PageSpeed, до установки счетчиков и подключения к Bitrix.

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

Переделали REST
архитектуру на SSR

Когда проект попал к нам на изучение, мы обнаружили, что магазин сделан на rest архитектуре: фронтенд приложение на vue.js и API вызовы в Bitrix.
Для магазина такого формата нам показалось это избыточным: новый дизайн подключили стандартными шаблонами, и генерируем страницы на стороне сервера.
Переделали REST архитектуру на SSR

Разработали
шаблон для рассылки в новом дизайне

Компаний активно работает с каналом e-mail. Мы сделали для менеджеров шаблон для рассылки в стиле, аналогичном сайту. В шаблоне предусмотрены все необходимые для составления писем блоки: заголовки, карточки товара, баннеры.
Разработали шаблон для рассылки в новом дизайне

Настроили
скидки в интернет-магазине

Скидки реализованы на стандартных модулях Bitrix: они включают в себя сезонные скидки на группы товаров, а также снижение стоимости на отдельные товарные позиции, в том числе с использованием промо-кода, который менеджеры выдавали подписчикам в Instagram.
Настроили скидки в интернет-магазин

Исправили
ошибку синхронизации сайта с malcolm

На сайте была сделана интеграция с фулфилментом: остатки, заказы, цены: все данные хранились в 1C фулфилмента.
При обмене не сходились сущности списания товарных остатков: сайт отправлял в api-фулфилмента. Кроме того, сайт генерировал не корректный документ обмена
Исправили ошибку синхронизации сайта  с malcolm

Сделали ретушь
фотографий продукции компании

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

Немного цифр

Считаем мы всегда, но не все цифры можем показывать.
Но некоторые немножко можем!
2 дня
Понадобилось, чтобы провести аудит сайта
120 + кадров
Подготовили для размещения на сайте наши ретушеры
18 макетов
Нарисовали для переделки сайта
2,7 сек
Скорость первой загрузки веб страницы после подключения к Bitrix
Заказать проект

У вас есть похожая задача? Напишите нам и мы поделимся опытом и поможем с реализацией!

Написать
Заказать проект
Кейсы
Cмотрите
похожие кейсы
Web-AR для GaussWeb-AR для Gauss
Web-AR
3D-моделирование
Сайт-визитка
Web-AR для Gauss
Сделали небольшой промо-сайт и решение с дополненной реальностью на web-ar для компании Вартон
2022
AmarylisAmarylis
Дизайн
Маркетинг
Брендинг
Bitrix
еще ...
Интернет-магазин
Интеграции
Amarylis
В 2019 году компания перезапускала интернет-магазин, и, столкнувшись с задачей проектирования интерфейса и создания дизайна обратилась
к нам за помощью.
2020
Конструктор стоекКонструктор стоек
Маркетинг
Дизайн
Frontend
еще ...
3D-моделирование
Одностраничный магазин
Конструктор стоек
Разработали крутой онлайн калькулятор
для складских стоек.
2020
B.Billionaire / OpiumB.Billionaire / Opium
Фото
Реклама
B.Billionaire / Opium
Фотосопровождение
магазинов люкс сегмента.
2019
Pro-CosmetikPro-Cosmetik
Маркетинг
Брендинг
Дизайн
еще ...
Bitrix
SMM
Реклама
Полиграфия
Интернет-магазин
Интеграции
Pro-Cosmetik
Интернет-магазин для сети
магазинов профессиональной
косметики.
2018
Стелла ТехникСтелла Техник
Фото
Стелла Техник
Фотосопровождение наших друзей
из компании Стелла Техник
2020
NoirotNoirot
Фото
Реклама
Noirot
Совместно с компанией ООО Нуаро наша команда провела предметную фотосъёмку для каталога и рекламы.
2019
CronwoodCronwood
Дизайн
Frontend
Одностраничный магазин
Quiz
еще ...
Cronwood
Краткий экскурс в мебельный мир Севастополя
2019
Страус-ХаусСтраус-Хаус
Маркетинг
Дизайн
Bitrix
еще ...
Фото
SMM
Сайт-визитка
Полиграфия
Интернет-магазин
Страус-Хаус
Маркетинг и позиционирование услуг
2018
Panam PizzaPanam Pizza
Дизайн
Верстка
Frontend
еще ...
Создание презентаций
Panam Pizza
Разработали набор промо-материалов для франшизы сети пиццерий Панам.


2022
Premium TechnologiesPremium Technologies
Интеграции
Реклама
Одностраничный магазин
еще ...
Промо-страница
Разработка
Маркетинг
Дизайн
Верстка
Landing page
Premium Technologies
Разработали промо-сайт и рекламные кампании для продвижения розничных и мелкооптовых продаж продукции Schüco и дополнительных услуг компании Премиум Технолоджис.
2021
АНО ДПО РИПКиПМРАНО ДПО РИПКиПМР
Маркетинг
Брендинг
Дизайн
Bitrix
еще ...
Реклама
Интернет-магазин
Сквозная аналитика
АНО ДПО РИПКиПМР
Создали интернет-магазин учебных программ для медицинских работников и рекламную кампанию на федеральном уровне.
2018
ПельменикиПельменики
Маркетинг
Дизайн
Промо-страница
Фото
еще ...
Полиграфия
Интернет-магазин
Пельменики
Креативное и маркетинговое
сопровождение проекта Пельменики.
2020
Показать еще