През 2019 г. Stenik успешно разработи онлайн магазина на Douglas България. Пет години по-късно, Douglas отново се довери на нашия екип, възлагайки разработката на своето първо мобилно приложение за българския пазар. Водени от стремежа да подобрят потребителското изживяване и производителността на онлайн магазина си, Douglas взе решение да мигрира онлайн магазина си към Hyvä Storefront.
Основната цел на миграцията бе да се подобри производителността, достъпността и оптимизацията на сайта, да се подобри скоростта на зареждане и видимост в търсачките, за да отговарят на високите стандарти и имиджа на Douglas.
Предизвикателства пред стария сайт:
- Забавено зареждане на страниците.
- Ограничена видимост в търсачките.
- Редизайн на визуални елементи, включително:
- Хедър с по-лесна навигация и по-добра структура.
- Банер слайдър с нова визия и функционалности.
- Нови banner widgets за подобрена визуална комуникация на брандовете.
- Преструктуриране на филтрите в категориите за по-лесно намиране на продукти от потребителите. - Добавяне на допълнителни функционалности, позволяващи на администратора самостоятелно да активира броячи в слайдъри, движещи се ленти и други подобни удобства, без нужда от намеса на програмисти.
- Ъпдейт на всички модули (външни и разработени от Stenik) до последните излезли версии, за да се гарантира наличието на всички нови функционалности и съвместимост с новата архитектура.
Сформиране на работен екип
Налагаше се също така стриктно спазване на кратките срокове за разработка на проекта, което изискваше прецизна организация и координация на всички етапи от страна на екипа ни. За да се справим със заложените срокове, сформирахме вътрешен екип, включващ ръководител на проекта (PM), front-end (FE) и back-end (BE) програмисти, които работиха изцяло по миграцията към Hyvä Storefront. В ключовите моменти се включваше и техническият директор на Stenik, който съдействаше при възникване на технически предизвикателства и следеше за правилното изпълнение на задачите.
От страна на Douglas също бе създаден екип, който активно съдействаше за безпроблемното протичане на процеса по миграция, осигурявайки обратна връзка и необходимите ресурси за постигане на успешен резултат.
Процес на миграция
Екипът на Stenik работи в тясно сътрудничество с Douglas, за да осигури плавен преход към Hyvä Storefront. Процесът включва следните ключови етапи:
1. Подробен анализ на онлайн магазина: Преди миграцията извършихме задълбочен анализ на текущия онлайн магазин, идентифицирайки основните области за подобрение. Немският екип от страна на Douglas също направи подробен анализ на SEO, в резултат на което бяха определени конкретни точки, които трябваше да се изпълнят преди старта, за да се избегне спад във вече постигнатите резултати.
2. Предварително дискавъри: В процеса на предварителното проучване разгледахме всички програмни специфики, модули и кастомизации. На база на събраната информация изготвихме спецификация, в която описахме стъпките за миграция.
3. Изграждане на новия сайт: След завършването на анализа започнахме изграждането на новия сайт на базата на Hyvä Storefront с фокус върху оптимизацията на производителността и подобряване на потребителското изживяване, включително оптимизация на структурата на сайта.
4. Реализирахме частичен редизайн за подобрение на важни визуални елементи.
5. Тестове и измервания след миграцията: Още по време на разработката провеждахме тестове и проверки в staging среда. На база изготвен списък с всички разработени къстамизации и модули в сайта бе нужно да се премине през всяка специфика за тест. След като новият сайт беше готов, продължихме да тестваме. Появи се предизвикателство при тестването на интеграции с ERP системата, тъй като тя работеше на реален адрес. Чрез съвместна комуникация с екипа на ERP системата намерихме подходящ начин за тестване, без да не се компрометира работата на онлайн магазина.
С миграцията постигнахме следните цели:
- Подобрена производителност: Оптимизирахме времето за зареждане на страниците, което доведе до по-висока ефективност и по-добро потребителско изживяване.
- Оптимизирана достъпност и подобрен дизайн на визуални елементи: Осигуряване на по-удобно и интуитивно потребителско изживяване за всички посетители, независимо от устройството, което използват. Това включваше подобрение на визуалните елементи като хедъра, банерите и навигационните филтри, което направи сайта по-приятен и лесен за ползване.
- SEO оптимизация: Увеличихме видимостта на сайта в търсачките, което доведе до подобрено класиране в резултатите от търсене - предпоставка за по-голям органичен трафик към онлайн магазина.
- Увеличаване на ангажираността на потребителите и задържането им на сайта за по-дълъг период от време, за да се намали процента на отпадане (bounce rate).
Резултати от миграцията
След миграцията към Hyvä Storefront, Douglas наблюдава значителни подобрения в ключовите показатели за производителност на сайта:
- Скоростта на зареждане на мобилни устройства се подобри с до +74%.
- Зареждането на страниците стана два пъти по-бързо в сравнение с предишната версия на магазина.
- Общият резултат в PageSpeed Insights за десктоп версията достигна 97. Други показатели включват Accessibility - 92, Best Practices - 96, и SEO - 100
- След миграцията към Hyvä Storefront Douglas постига значителни подобрения в производителността на детайлната страница, включително увеличение на Performance Score от 38% на 71% и значително намаляване на времето за зареждане.
Миграцията на онлайн магазина на Douglas към Hyvä Storefront е важна стъпка в посока осигуряване на оптимално потребителско изживяване и успех в дигиталното пътуване на козметичния гигант Скоро ще споделим повече информация относно ключовите показатели за производителността на онлайн магазина след миграцията, придружено с резултати на база по-дълъг периос в детайлно case study в нашия блог.
