През далечната 2013 година в Stenik разработихме един от най-мащабните ни eCommerce проекти - Ozone.bg. Задачата ни бе сложна, защото трябваше да мигрираме доста развит за времето си онлайн магазин към изцяло нова платформа Magento.
Проблемът на Ozone.bg?
Ozone.bg отдавна желаеха редизайн и оптимизация на вече натежалия от custom доработки онлайн магазин и постоянно си задаваха въпроси...
Как потребителите да пазаруват с удоволствие още по-лесно и удобно, на всички устройства и по всяко време в един стабилен онлайн магазин? Как да увеличим продажбите, подобрявайки технически сайта? Как да направим безупречна миграция, като запазим платформата Magento?
Оценявайки нашия опит, стабилното партньорство, техническа поддръжка през годините и в търсене на отговора на поставения въпрос, от Ozone избраха отново Stenik да бъде разработчик на редизайна на онлайн магазин Ozone.bg. Задачата пред нас бе да направим така, че още повече потребители да ползват е-магазина активно, като спестяват време и получават висока гъвкавост при пазаруване. Трябваше да обновим изцяло потребителския интерфейс, да създадем UX издържана мобилна версия, както и да добавим нови функционалности.
Резултатите
Приятно е, когато знаем, че нашите клиенти отчитат ръст в продажбите и ние сме допринесли за това. Още по-приятно е, когато цифрите говорят за реални резултати. Какво се промени след редизайна на Ozone, можете да видите в последващата инфографика. Сравнението е на база Google Analytics за периода след пускане на новия Ozone.bg юни-юли 2018 спрямо същия период от предната година.
Да, това са резултатите.
Да, mobile продажбите растат.
Да, това го постигнахме с над 1000 часа работа от Stenik, но и още стотици часове работа вътрешно от страна на Ozone.bg.
Как го постигнахме?
Захванахме се с този мащабен проект, работейки в тясно сътрудничество с Ozone. Паралелно с ръководителите на проекта от наша страна здраво работеше и project manager-a на Ozone, подкрепян с всички сили от екипа си. Една година отне разработката на този сериозен проект, тъй като той изискваше висш пилотаж, много часове проучване и специфициране, дизайн, програмиране, комуникация и тестване. Целта беше новият онлайн магазин Ozone.bg да надмине в пъти съществуващия и да работи перфектно както по отношение на потребителското преживяване, така и по отношение на скорост и администрация. След много труд и мотивация реализирахме чисто новия онлайн магазин Ozone.bg, част от портфолиото на Stenik.
Цели
Ozone постави пред нас конкретни цели, а ние прецизно изпълнихме всяка една по време на разработката:
- Да запазим платформата на онлайн магазина Magento , да я оптимизираме и надградим с нови функционалности.
- Да оптимизираме скоростта при зареждане на начална и вътрешни страници.
- Изпипан responsive дизайн за мобилни устройства с изключително интуитивен user experience.
- Разработка на онлайн магазин, който да отговаря на все по-големите нужди на потребителите и големия трафик.
- Достигане на най-високо ниво на обслужване във всеки един момент - от разглеждането на продуктите до покупката.
- Цялостен растеж и оптимизация на онлайн търговията чрез използването на модерни технологии и добри практики в изработката на онлайн магазини.
Процес на разработка
Пред екипите на Stenik и Ozone предстоеше много работа, базирана на сътрудничество между двете страни.
На подготвителния етап от проекта за осъвременяването и развитието на Ozone нашата роля бе да предложим най-доброто за разработката на новите интерфейс и UX дизайн. Максимално гладкото специфициране на работния процес протече с участието на мениджърския екип от Stenik, който има дългогодишен опит в тази сфера. Рамо до рамо до нас застанаха с отлични качества и познания project manager-a на Ozone, както и собственика. Разбира се подкрепени на 100% от екипите си, които инвестираха солиден брой работни часове - всичко е въпрос на приоритети. На работните срещи с екипа на Ozone задавахме правилните въпроси и получавахме ценни отговори.
Последващия диалог между двата екипа беше изключително плодотворен благодарение на добрата организация и ентусиазма, който беше завладял всички. Изпипахме спецификацията и концепцията в детайли и бяхме готови да сътворим нашата магия.
1. Проучване и спецификация
Заедно с екипа на фирмата обсъдихме подробно спецификацията на онлайн магазина, включваща цялостната му концепция и функционалност. По този начин постигнахме съвършенство на концептуално ниво и започнахме разработката поетапно. Работихме в две насоки:
- Проучихме какъв интерфейс, UX дизайн и какви функционалности биха максимизирали шанса за продажба в онлайн магазина
- Проучихме най-добрите примери от световни конкурентите и лидери в бранша, като по този начин генерирахме страхотни идеи и добихме ясна представа от какви грешки трябва да се пазим
- Специфицирахме всички технически процеси по разработката на нови функционалности, миграцията на съществуващи модули, както и подсигуряване на сървърната част за хостинг на новия сайт.
2. Дизайн
Нашите уеб дизайнери имаха много креативни идеи и ги приложиха на практика. Заложихме на responsive дизайн, който е задължителен в мобилната ера. Той позволява съдържанието и взаимодействието на потребителя с него да се адаптират към вида устройство, на което се използва уеб сайта. Потребителският интерфейс е винаги адекватен на екрана, независимо от неговия размер и начина, по който се управлява (чрез мишка или с докосване и жестове).
Дизайнерският ни екип отдели много труд в създаването на checkout процес, който да подканва потребителите лесно да завършват поръчката си и да предотврати напускането на страницата и отказването от завършване на поръчка. Веднъж избрал желания продукт, потребителят иска колкото се може по-бързо да финализира поръчката. Всяка излишна стъпка или разсейване удължава този процес. Ние постигнахме това чрез опростена форма, в която потребителят да попълни информацията си и визуализиране на чекаут на видимо място на информацията, от която потребителят би имал нужда и заради която би напуснал checkout-а - информацията за продуктите от поръчката и контактна информация.
3. Техническа разработка и интересни решения
Предстоеше програмирането - програмният ни отдел, въоръжен с всички файлове за дизайн и спецификации, започнаха да творят. Залисани в работа, сертифицираните ни Magento front-end програмисти подхвърляха HTML файлове, JavaScript, CSS и потребителският интерфейс оживя на екрана. Те инвестираха солидни часове и много писане на код, за да създадат едно изключително потребителско преживяване, като се погрижат клиентите на Ozone да изпитват истинско удоволствие от пазаруването. Тежката задача, всичко красиво да заработи с максимална скорост, имаха нашите сертифицирани Magento back-end програмисти. Резултатът е, че Magento-то "излетя".
Кодът е написан спрямо всички най-добри практики и притежава солидна техническа документация. Това гарантира безупречна работа. За подобен тип проекти се изисква освен много работа и сериозна сървърна инфраструктура, за да може всичко да работи гладко, независимо от натоварването на е-магазина. За това се погрижи екипът от системни администратори на Ozone, които работихa в тясна връзка с техническия ни директор. Целият нов онлайн магазин Ozone.bg се хоства на техни собствени сървъри.
Интересни решения и функционалности, част от разработката
- Множество различни widget-и, чрез които администраторите на сайта могат да създават промо банери, продуктови box-ове, текстови акценти и т.н.;
- Интеграция с UniCredit API - автоматично изпращане на заявка за кредит от онлайн магазина към UniCredit Bulbank;
- Погрижихме се, когато потребителите се намират в детайлна страница на продукт, винаги да виждат най-важното за него - снимка, описание, цена и бутон за купуване. Това постигнахме чрез sticky buy лента, която се визуализира, когато потребителят скролва надолу в страницата;
- Интегриране на външна търсачка с изкуствен интелект, която се учи сама от поведението на потребителите и с времето дава все по-релевантни резултати;
- Създадохме full screen продуктова галерия на световно ниво, издържана спрямо всички актуални UX тенденции;
- Водихме тясна кореспонденция със SEO експертите, които Ozone бяха избрали и изпълнихме редица важни изисквания, поставени от тях с цел да запазим и повишим позициите на стария уеб сайт.
4. Тестване
Нашият QA екип направи вътрешно тестване на база подробния ни Ultimate QA Checklist, след което предадохме демо версията на е-магазина на Ozone. Те от своя страна продължиха тестването в период от 1-2 месеца, за да са сигурни, че онлайн магазинът работи безупречно за потребителите.
5. Пускане онлайн
Проектът оживя на екраните и телефоните на мнозина. Вече е достъпен за всички хора в България и по целия свят. Работи 24 часа, 7 дни в седмицата, без бъгове и забавяния. За това се грижим ние, от Stenik, а също и Ozone непрестанно. Нашият екип поддържа, оптимизира и развива новия онлайн магазин. Най-голямото признание за нас е резултатът след пускане на онлайн магазина в експлоатация - висока посещаемост, ръст в продажбите и положителна обратна връзка от потребители.
А сега какво следва... Техническа поддръжка разбира се!
Както не веднъж сме казвали, разработката на онлайн магазин е само началото. За да бъде успешен един онлайн магазин и да растете умно в технически аспект, е важно да бъде поддържан във времето. В Stenik се грижим всеки наш проект, който е онлайн, да получи следгаранционен и извънгаранционен support.
Открийте всичко за свободното си време в Ozone.bg. Разгледайте различните продукти, удобно подредени в категории и открийте нещо за себе си. Забавлявайте се, докато пазарувате. :) Ако все още не сте пазарували, то направете си личен профил, оставете обратна връзка, разговаряйте със служител на Ozone в чата, направете покупка и ще получите максимално удовлетворение. Изиграйте скуката!
Имате нужда от редизайн, миграция, растеж и оптимизация на Вашия онлайн магазин?
С удоволствие от Stenik ще Ви помогнем. Свържете се с нас още сега!
