Auchan
Magento 2.3 + PWA
kt.team — кто мы?
Круговая экспертиза в e-commerce
Большая часть нашей компании занимается разработкой кода, прототипов, аналитики, тестов, моделей, гипотез для e-commerce. В своей работе мы ориентируемся на исследования в области UX для электронной коммерции Baymard Institute
Офисы в РФ и без фрилансеров
Центральный офис в Тольятти. Есть офисы в Краснодаре и Москве. Планируем открыть офис в США для вывода наших продуктов на западный рынок.
№ 1 в разработке на Magento
По версии CMS magazine. Актуально на май 2019.
Наши подразделения

Агентство — интегратор
Magento, ElasticSeach, Akeneo Pim, PimCore, Vue.JS/REACT, CRM (Битрикс-24, SalesForce).

Дизайн digital-продуктов
Разработка дизайна для
IT-решений. Трижды в TOP Behance Rating.
Консалтинг
Вывод продуктов компаний на положительную рентабельность и устойчивый рост их доли рынка
Аудит технического
состояния сайта
Альтернатива New Relic, управление качеством ПО.
Виртуальная реальность
в облаке
AR и машинное обучение для интернет-магазинов. Работа с Big Data для ML, MV, DL, DM, AI.
Образовательный и социальный проект
Курсы по направлениям в IT-сфере. Бесплатно для абитуриентов.
Наш стек технологий
Magento
№1 в e-Commerce
по доле рынка.
NODE.JS/VUE
В трендах. Vue.JS опережает REACT, а мы являемся интеграторами и партнерами Divante (основателей).
AI & AR
Машинное обучение и дополненная реальность.
PIM
Akeneo & PimCore.
Более 5 крупных проектов на PIM
Аналитика
Сертифицированная аналитика Google, Adobe, OWOX, Microsoft BI. Гипотезы, воронки.
Elastic
Индексер для высоких нагрузок Elastic, Kibana. Мы являемся экспертами в Elastic.
Data driven dev & design
Наши дизайнеры работают с цифрами до начала работ с макетами.
Openshift & Docker
Openshift, DAPP, Docker & Kubernetes, GITLAB/BAMBOO CI. Всё, чтобы ваша инфраструктура была современной.
Цифры
в наших проектах
2 400 000

рублей

В среднем до запуска MVP в нашей компании один из самых низких показателей в сегменте среди порталов со сложной разработкой.
220 000 000

SKU

На одном из наших проектов.
1 300 000

человек

В день посещают один из наших проектов в пике.
Нам доверяют
Отзывы наших клиентов
«Вы профессионалы. При первой встрече я рассказал об идее проекта, а вы помогли доработать и трансформировать её во что-то особое.
Владимир Беляев
Руководитель отдела развития продаж Saint-Gobain
«Для запуска проекта в срок, ребята буквально «жили» в нашем офисе. Держите марку, молодцы!»
Максим Сакиб
Операционный директор «ТВОЕ»
«Ребята быстро взяли наши проекты на поддержку и осуществляли её гораздо дешевле конкурентов. После чего, мы запустили новый проект за 3 месяца».
Ильдар Хадиев
CTO Next-Commerce
«Впервые встретились с командой, которая сразу поняла, что мы хотим: утвердили дизайн-концепты с первого раза. Ребята работают на платформе Invision/Sketch – за разработкой дизайна следила вся компания. Порадовала поддержка дизайнерами нашей внутренней команды айтишников даже после подписания актов выполненных работ. Надеюсь, ещё поработаем».
Максим Касатых
Управляющий собственник ГК «Созвездие Красоты»
«ООО «Норгау Руссланд» был разработан первый в стране В2В-портал на Magento 2. Выполнен большой объём технических и дизайн-работ. Качество на высоком уровне!»
Дубовский Алексей
Директор по ИТ Norgau
«По итогам нескольких лет совместной, плодотворной работы хочу выразить благодарность коллегам из kt.team. Вместе мы прошли большой путь, решили тысячи задач, пережили уже 3 «черных пятницы», разработали и успешно запустили несколько крупных проектов с оценкой более 2000 человеко-часов. Совместной работой довольны и я, и руководство компании. Верю в дальнейшее плодотворное сотрудничество. Желаю процветания KT.Team и профессионального роста всем ребятам из kt.team».
Роман Радович
Руководитель интернет-проектов «Снежная Королева»

Сравнение
Magento 1 и Magento 2.3
Magento 1
Magento 1 разработана на основе возможностей языка PHP 5.2 и поддерживает более современные версии языка 5.3 и 5.4 лишь пассивно: она с ними работает, однако не использует их инновационные возможности.

Не совместимо с MySQL Cluster, что исключает возможность масштабироваться для быстрого роста.

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

Тестирование для повышения качества кода и снижения количества ошибок, уменьшения времени ручного тестирования возможно только с использованием внешних сервисов.

Из-за отсутствия поддержки, не выпускаются новые модули и необходимо их разрабатывать. Что увеличивает время и стоимость проекта.

Сложность SEO-оптимизации сайта из-за отсутствия готовых решений.

Проблема с хостингом. Многие хостинги отказывают в поддержке сайтам из-за устаревшей версии кода.
Magento 2.3
Magento 2 разработана на основе возможностей языка PHP 5.5, и в то же время поддерживает самые свежие и современные версии PHP 5.6 3, PHP 7 13 и HHVM 53, благодаря улучшениям кода, работает значительно быстрее, чем Magento 1.x.

ElasticSearch из коробки: ускорение поиска каталога, добавление виртуальных категорий, синонимы в поиске и работы админ. панели.

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

Magento 2 имеет автоматическое тестирование, направленное на улучшение качества кода и ускорение процесса контроля качества.

Магазины модулей для Magento 2.x постоянно расширяют свой ассортимент, в том числе и для SEO-оптимизации сайта.
Сравнение Magento 2.3 vs Magento 1
в цифрах и графике
Почему стоит перейти на Magento 2.3
на 300% быстрее
для конечного пользователя
на 52% быстрее
добавление товаров в корзину
до 10 млн стр/чел
отображение страниц каталога
Преимущества Magento 2.3
Процесс оформления заказа
Первое, что клиент теперь видит при оформлении заказа — экран проверки гостя по умолчанию, предлагающий ввести адрес электронной почты. Если он соответствует существующему клиенту, он может быстрее оформить заказ с ранее сохраненной информацией. Если нет, то гостям предлагается создать аккаунт в один клик со страницы заказа.

Оформление заказа
для зарегистрированных пользователей на 29% быстрее. Проверка гостей стала на 38% быстрее.
Бэкэнд администратора
Поддержка одновременного управления продуктами и заказами — 25 администраторов в системе могут одновременно обновлять продукты или обрабатывать заказы.
Быстрый доступ ко всей важной деловой информации в панели администратора.
Возможность управлять интернет-магазином на ходу, благодаря сенсорному экрану управления.
Видимые изменения контента
В Magento 2 появилась возможность добавлять видео Youtube и Vimeo в описания продуктов. Это увеличивает продажи с 6% до 30%!
Скорость верстки и простота изменений
Стандарты CSS3 и HTML5 для тем, поддержка LESS, замена JS Prototype на jQuery — это основные изменения, связанные с дизайном внешнего интерфейса.
Полностраничное кэширование
Страницы магазина загружаются за 1–2 секунды, по сравнению с 5–10 секундами для некэшированных страниц.
Более того, Magento 2 поддерживает Varnish Cache из коробки. Это снижает нагрузку на сервер в несколько десятков или даже сотен раз!
Мультисклады
Мультисклады — часть коробки, особенно выгодны для тех, у кого складов много, и не один фулфилмент-оператор.
Этапы миграции на Magento 2.3
Создание плана миграции
Временные рамки этапа: 2-3 недели.
Подготовка тестовой среды
Временные рамки этапа: 2-3 дня.
Установка модулей и разработка специфического функционала
Временные рамки этапа: 2-3 недели.
Миграция данных
Временные рамки этапа: 2-3 дня.
Создание темы для Magento 2.3
Временные рамки этапа: 4-8 недель.
Планирование публикации и дополнительная синхронизация базы данных
Временные рамки этапа: 5 рабочих дней.
Публикация магазина на базе Magento 2.3
на живом сервере
Временные рамки этапа: 1 день.
PWA на сайте — рост конверсии на 250%
* по данным kt.team на основании данных GA LFL 2017/2018 год для конкретного проекта нашей компании
PWA — свобода маркетологам
Забудьте времена, когда желания маркетологов ограничивались возможностями коробки. Новый принцип отделяет фронт проекта от его бизнес-логики. Как результат, сайт может как угодно взаимодействовать с пользователем без учета бизнес-логики проекта, а потом передавать необходимые данные о заказе (уже с учетом требований бэка).
Свободу маркетологам!
Проблемы обычных сайтов
Долго в разработке
Все кнопки на сайте завязаны на логику коробки CMS. Маркетологи хотят изменений сегодня, но на изменения уходит очень много времени.
Медленная загрузка
При генерации вашей страницы задействуется SQL, CMS и подгружается миллион библиотек, ведь так "исторически сложилось". У вас уже есть 3 уровня кэширования, но медленно все равно.
Можно только всё переписать
Ваша CMS не предполагает разделение фронта и бэкенда, и чтобы что-то ускорить, нужно переписать всё, во что было вложено много часов.
Сложная поддержка мобильных
В отличие от "тяжелых", постоянно требующих обновления приложений PWA не нужно искать и скачивать в магазинах приложений. При посещении сайта в браузере достаточно просто согласиться с установкой прогрессивного веб-приложения.
Технология: путь от CMS до фронта
Е-сommerce CMS
API адаптер или GraphQL/Elastic
ElasticSearch
PWA фронт
Этапы внедрения PWA
1
Редизайн
Все страницы необходимо переработать на новый технологический лад
2
Создание API при его отсутствии
Обновить Magento до последней версии для получения GraphQL или использовать уже имеющееся API для мобильного приложения.
3
Разработка PWA
Сама разработка PWA занимает 2-3 месяца
4
Тюнинг для роботов
PWA генерирует страницы на стороне клиента. Роботы генерировать ничего не умеют, для этого настраивается Server-Side Rendering (SSR) для всех страниц. Роботы будут получать отдельно оптимизированные страницы.
PWA — замена мобильного приложения
Благодаря PWA сайт уже находится на телефоне со всем каталогом товаров.
И совершенно не важно какой это телефон: Apple, Android или Windows — приложение будет работать вне зависимости от среды и это его очень большой плюс. Не нужно думать про конечную целевую аудиторию с каких устройств они могут заказывать услугу.

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

В текущих реалиях PWA это конкурентное преимущество, т.к. технология является еще новой и рынок с сайтами ей не перенасыщен.
Как это работает
на примере одного из наших проектов
Альтернативы PWA
Функционал
Без PWA
VUE.JS
(VSF)
REACT
(PWA STUDIO)
ANGULAR.JS
Для модификаций фронта не нужно знание бэкэнда
Возможность быстро менять фронт без логики бэка
Мобильное приложение из коробки
Скорость загрузки до 0,3 сек на страницу без учета графики
Поддержка Elastic
Поддержка Magento 2.3
Ваш персональный менеджер
Лазарева Галина
Менеджер по коммуникации с клиентами
Phone: +7 495 369 20 29 (доб. 129)
E-mail: g.lazareva@kt-team.de
Telegram, WhatsApp: +7 (937) 236 76 66
Skype: lliuza