Задача

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

GoldenSite.pngicon
Dprofile.pngicon

3 наград за проект

О проекте
Клиент
Laplandia — производитель премиальной верхней одежды для мужчин и женщин. Компания активно расширяется и открывает новые магазины в разных городах России.
Задачи
  • Разработать интернет-магазин с удобным интерфейсом и стильным современным дизайном.
  • Полностью перенести весь функционал предыдущей версии сайта, разработанной на Shopify. Сделать интеграцию с 1С.
  • Увеличить конверсию и время пребывания клиента на сайте.
ЦА
Те, кто следит за модой, ценит комфорт и высокое качество.
Решение
Клиент обратился к нам в начале лета, и нашей главной задачей было успеть запустить сайт к осени. Мы не только успели к старту продаж, но сделали полноценный стильный и современный интернет-магазин.

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

Для бэкенд-разработки использовали фреймворк Laravel.
Для фронтенда — фреймворк Nuxt 3.0. После разработки десктопной версии адаптировали весь функционал под мобильные устройства — с их помощью пользователи чаще делают заказы.

Сделали интеграцию с 1С, где хранилась вся информация о товарах
и финансах.

Внедрили несколько функций, которые делают процесс покупки удобнее и интереснее — истории, журнал, динамические фильтры.

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

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

  • Компания Shopify объявила о прекращении работы в России;
  • Это решение не подходит, когда нужно быстро и легко изменить фронтенд;
  • Клиент хотел реализовать несколько новых фишек — таких коробочных решений для Shopify не было.

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

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

Фронтенд и бэкенд
Интеграция

Небольшие сложности, с которыми столкнулись в процессе разработки — интеграция с 1С и реализация программы лояльности.

Информация о финансах и товарах хранилась в 1С. Настроили интеграцию с 1С, почтовыми сервисами и онлайн-чатами
для эффективного взаимодействия «клиент — менеджер»
и для автоматизации процессов отгрузки товара.

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

Какие ещё сервисы мы интегрировали:

  • «ЮKassa» — для оплаты;
  • «Яндекс Сплит» — для оплаты частями;
  • Интеграция API для проверки адреса по КЛАДР.
Дизайн-система
Элементы
интерфейса не отвлекают пользователя от главной задачи — выбора подходящей одежды.
На первом месте — удобство покупателя. Дизайн-система разработана с учётом
всех пользовательских сценариев.
Разработка

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

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

alex laguta

Александр Лагута
Сооснователь Dprofile,
ведущий дизайнер
Wemakefab

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

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

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

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

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

Журнал

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

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

Можно тратить полностью или частично только на сайте.
Клиент планирует использовать сертификаты в качестве призов
за участие покупателей в маркетинговых активностях.

Динамические
фильтры

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

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

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

Внедрили программу лояльности, которая увеличивает LTV клиента.
За счёт интеграций с разными сервисами увеличили конверсию интернет-магазина.

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

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

alex laguta

Валерия Коткас
руководитель
проектного офиса
Wemakefab

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

Благодарность клиента

Разработка

Разработка

development icon
development icon
development icon

Фронтенд

Vue.js

Nuxt.js

Бэкенд

Laravel

Интеграции

ukassaiconspliticon1ciconkladricon
Юкасса, Яндекс сплит, , КЛАДР