LakeLandPaints
Lakeland Paints — это британская мастерская по производству экологически чистых красок, имеющая онлайн-магазин, в котором продаются разнообразные лакокрасочные товары для домов.
Краски Lakeland не содержат:
ЛОС (летучие органические соединения).
Тяжелые металлы.
Растворители.
Вредные вещества.
Среди клиентов LakeLand Paints — галерея Тейт, Гринпис и Вестминстерское аббатство.
Владельцы магазина обратились к нашей команде за помощью в создании нового, быстрого веб-сайта для их бизнеса.
О проекте
Lakeland Paints — наш долгосрочный проект. Наши разработчики периодически работают над ним на протяжении последних нескольких лет.
В 2014 году мы начали с интеграции темы CS-Cart по предоставленным макетам, а затем продолжили с рядом улучшений, чтобы сделать выбор необходимой краски для клиентов сайта проще.
В 2022 году мы начали новый этап разработки и за 3 месяца добились успеха в создании быстрого и безопасного интернет-магазина с помощью экосистемы JamStack (CMS Storyblok + Next js (Tailwind) + платформа CS-Cart для панели администратора).
Мы провели множество встреч, чтобы решить все возникающие проблемы при создании быстрого интернет-магазина.
Наши разработчики периодически работали над этим проектом на протяжении последних нескольких лет. Специалист по SEO консультировал веб-разработчиков в процессе их работы, а также провел SEO-аудит для этого сайта.
В проекте были задействованы специалисты по аутсорсу: фронтенд-дизайнер, специалист по SEO и контент-менеджер.
Наша цель заключалась в создании быстрого и безопасного интернет-магазина с помощью экосистемы "JamStack". Нам удалось совместить их старую CMS на базе CS-Cart с современной веб-архитектурой.
Наша команда
Цели: чего хотел добиться клиент
В 2014 году мы начали с интеграции предоставленных макетов и продолжили с рядом улучшений, чтобы облегчить клиентам выбор необходимой краски.
Создание отдельных страниц с использованием макетов позволяет увидеть все цвета, а затем указать тип/отделку краски и другие характеристики.
В 2021 году у клиента возникла срочная необходимость улучшить производительность и стабильность сайта во время периода распродаж. Наша команда предложила создать интернет-магазин краски по методу JamStack. Клиент взвесил все за и против этой современной технологии и согласился инвестировать в реконструкцию своего сайта.
Наша команда также разработала калькулятор стоимости продукта для магазина Lakeland Paints. Теперь все клиенты могут рассчитать, сколько краски им нужно, с помощью этого калькулятора, который предоставляет разные расчеты для каждого типа краски/лака.
Калькулятор стоимости продукта имеет удобный функционал, позволяющий пользователям вводить свои собственные размеры продукта и получать цену в соответствии с ними. Это обязательное решение для интернет-магазинов, продающих продукты с нестандартными размерами — ткани, строительные материалы, жалюзи, ковры, баннеры и т.д.
В 2022 году мы начали процесс разработки и за 3 месяца успешно создали быстрый и безопасный магазин красок онлайн с помощью экосистемы "JamStack" (CMS Storyblok + Next.js (Tailwind) + платформа CS-Cart для админ панели). Этот инновационный подход к разработке электронной коммерции позволил сайту попасть в зеленую зону для настольных компьютеров и мобильных устройств в Google PageSpeed Insights.
В 2019 году наш специалист по SEO провел SEO-аудит их сайта. Это был специальный аудит аккаунта с использованием Google Analytics, который позволил нам сделать вывод с определенными идеями. Основные из них: стабильное количество посетителей в статистике трафика; умеренный рост процента возвращающихся посетителей за последние 6 месяцев; около 60% посетителей используют мобильные устройства и планшеты для просмотра интернет-магазина; 90% посетителей сайта являются резидентами Великобритании; и другие пункты.
Также наш специалист по SEO дал несколько рекомендаций по продвижению и увеличению трафика на сайте.
Среди них:
Улучшить производительность сайта.
Настроить больше целевых воронок. Лучше использовать Google Tag Manager для настройки более детализированных целей, таких как нажатие кнопок или просмотр видео.
Настроить фильтры трафика в Google Analytics.
При разработке новых функций дизайна тщательно тестируйте их на устройствах Apple и Samsung.
Пересмотреть дизайн страниц продуктов. Эти страницы имеют очень высокий показатель отказов, и вам следует мотивировать посетителей посещать другие страницы сайта, если им не понравился продукт на странице продукта и они хотят покинуть сайт.
Пересмотреть мета-теги на страницах продуктов.
Изменить настройки рекламы для получения большего дохода. Очевидно, что рекламу можно настроить лучше. Это поможет привлекать только целевую аудиторию.
Вызовы: с чем нам пришлось столкнуться
За время многолетней работы над этим проектом наша команда сталкивалась с различными интересными задачами.
Прежде всего, необходимо было определить способы сотрудничества между нашей командой и клиентом. Мы всегда готовы поддерживать контакт с нашими клиентами, используя различные удобные методы, поэтому найти подходящий способ общения не составило большой проблемы.
Наша команда имеет большой опыт работы с интеграцией дизайна. После детального обсуждения необходимых задач наши разработчики интегрировали предоставленные макеты на высоком профессиональном уровне.
Помимо выполнения обсужденных задач, в процессе сотрудничества были определены некоторые новые идеи и модификации. Например, для удобства клиентов магазина Lakeland Paints был разработан калькулятор стоимости продукта.
Результаты: что мы получили в конце проекта
Lakeland Paints является одним из наших долгосрочных проектов. Мы потратили 3 месяца на работу над различными интересными задачами и кейсами, касающимися этого интернет-магазина красок, чтобы улучшить его и увеличить прибыль.
Наши разработчики завершили все обсужденные задачи в срок. Однако затем клиент решил внести некоторые изменения, включая изменения в дизайне. Поэтому специалистам пришлось создать еще один шаблон проекта, учитывая макеты клиента.
Наконец, нам удалось достичь следующих результатов:
Без изменения бэкенда наша команда создала новый современный фронтенд на базе Jamstack, сохранив всю базу данных продуктов, заказов, пользователей и модификаций.
Разработчики Alt-team создали специальный калькулятор стоимости продукта для пользователей, чтобы помочь им с расчетами. Теперь любой клиент может рассчитать, сколько краски ему нужно, используя различные параметры для каждого типа краски/лака. Вы можете проверить его по ссылке.
Интеграторы Alt-team могут предоставить вам такую услугу, и мы гарантируем, что каждый эскиз будет интегрирован квалифицированными специалистами, которые тренировались на сложных и важных проектах.
Благодаря инновационному подходу к разработке электронной коммерции наша команда смогла поднять сайт Lakeland Paints в зеленую зону для настольных компьютеров и мобильных устройств в Google PageSpeed Insights.
Наша команда предложила и затем построила интернет-магазин для Lakeland Paints в соответствии с методом JamStack. Это решение позволило клиенту получить новый интернет-магазин с улучшенной производительностью и стабильностью во время периода распродаж.
Наши специалисты по SEO работали над проектом с самого начала нашего сотрудничества с Lakeland Paints. Они провели SEO аудит сайта и дали рекомендации по его продвижению и увеличению трафика.
Наши специалисты предоставили только консультации этому клиенту и провели SEO аудит с советами по улучшению сайта в короткие сроки без участия разработчиков.
Клиент исправил очевидные ошибки SEO на сайте после прочтения нашего SEO аудита.
Даже эти исправления, которые клиент внес в CS-Cart и в контент сайта, дали определенные преимущества для его бизнеса. Вы можете увидеть увеличение кликов на изображении.
Наша команда об этом проекте
Проект Lakeland объединил всю мощь технологий CS-Cart и Jamstack. Никогда прежде магазин на платформе CS-Cart не был таким быстрым. К сожалению, невозможно достичь 100% скорости загрузки страниц из-за наличия видео на странице. Я сравнил сайт Lakeland с другими интернет-магазинами на CS-Cart, и Lakeland оказался самым быстрым.
По вопросам SEO мы провели только аудит SEO их старого сайта. Было много технических ошибок, так как сайт был построен без контроля SEO-мастера. Мы составили краткий отчет, чтобы предоставить клиенту наиболее грубые ошибки, которые мешают сайту быть хорошо проиндексированным Google. Некоторые из ошибок были исправлены нашими разработчиками после отчета. Было приятно видеть рост трафика на сайте после этих действий.
Сайт клиента не соответствовал современным представлениям о современном онлайн-магазине, что мешало клиенту взаимодействовать с рынком и приводило к потере клиентов. Наша команда разработала дизайн, который позволил предоставить покупателям легкий и быстрый способ приобрести нужный продукт. Удобство, информативность и доступность в этом проекте на высшем уровне без преувеличения. Инструменты, использованные при создании сайта, позволили сократить и оптимизировать данные, необходимые для загрузки фронтенда сайта. Хорошо продуманная мобильная версия сайта позволяет клиентам легко совершать покупки в магазине из любого места.
