OFER Bikes

https://ofer.bg

OFER Bikes е български конструктор, специализиран в електрифицирането на велосипеди и продажбата на индивидуални електрически превозни средства (мотоциклети, велосипеди, тротинетки, бъгита…). Разполага със собствена поточна линия за изработка на Li-Ion акумулаторни пакети, ремонтна работилница и автосервиз за EV превозни средства.

Сайтът, който изработихме за тях, включва много разнообразни компоненти:

магазинен раздел с различни продуктови и категорни шаблони според вида на продуктите
разширена система за визуализиране на производителите на продуктите в магазина, придружена с кратка историческа справка за всеки от тях
интегрирана функционалност за запазване на час за тестово каране на предлаганите от OFER модели електрически велосипеди и мотоциклети
самостоятелна представителна страница за сервиза с интегрирана функционалност за запазване на час за диагностика/ремонт
раздел „Общност“ с описание на проекти и оказион
представителна страница за YouTube канала на OFER с API интеграция за ежедневно обновяване на метриките (брой видеа, брой показвания, брой абонати)
представителна страница за Instagram страницата на OFER
интеграция с Еконт и Спиди

За разлика от повечето онлайн магазини, които използват еднакви шаблони за показване на всички видове продукти независимо от техните способности, в този проект използвахме различни видове визуализация, съобразена с нуждата от представяне на продуктите по специфичен начин. За големите фабрични изделия — мотоциклети и велосипеди — използвахме шаблон тип традиционна продуктова брошура от автосалон, с много снимков материал, описание на предимствата и структурирано показване на техническите характеристики. За малките продукти — компоненти и принадлежности за електрификация с вариативни функции — реализирахме по-компактен шаблон с достатъчно място за описание на възможностите и за конфигуриране на опциите, които формират крайната цена.

Акценти

Продуктова въртележка за скъпи продукти

Този слайдер използва комбинация заглавие + подзаглавие за по-лесна диференциация между марка/модел и тип/категория/функция. По този начин се приоритизират правилно ключовите думи: продуктите ще се индексират добре по марка + име на продукта, които са най-значителните целеви търсения, като същевременно запазват значимостта на категорния признак (enduro, supermoto).

Ако се използва само стандартното поле за заглавие в WooCommerce, правилният словоред (ултра лек ендуро мотоциклет + марка + модел) би деприоритизирал ключовите думи на целевото търсене. Обратният словоред (марка + модел – ултра лек ендуро мотоциклет) звучи противоестествено. Визуалното и структурно разделяне решава и двата проблема.

Под заглавието е предвидено място за сравними параметри, реализирани чрез custom meta полета в продуктовия запис.

Продуктова въртележка за конвенционални продукти

Този слайдер е замислен да заема по-малко място от тази за големи продукти и да показва повече стоки наведнъж. Той използва същата логика за използване на заглавие и (незадължително) подзаглавие, чрез която се делят уникалните параметри на продукта (марка и модел) от категорните му признаци (тип приложение).

Продуктова страница на скъпи продукти

Тази страница е проектирана да създава асоциация с търговска брошура с визуални акценти върху определени характеристики или елементи от дизайна на изделието, по подобие на луксозните брошури, които се раздават в автосалоните.

Чрез допълнителни мета полета се дава възможност за въвеждане на сравнителни характеристики (сивото каре), допълнителни функции и възможности (списъкът отдолу) и коментари от собствениците на сайта (или други потребители, ако има такива).

Интегрирана е функция за запазване на тестово каране, която се отваря в lightbox прозорец.

Продуктова страница за „малки“ продукти

Тъй като много от продуктите от асортимента на магазина могат да имат опции, този шаблон дава възможност за тяхното лесно конфигуриране и калкулиране на цената.

Заради множеството възможни комбинации от опции, стандартният механизъм на WooCommerce за създаване на вариативни продукти не е практичен. Вместо него е интегриран допълнителен модул, който третира разликите в цената при избор на определено предпочитание самостоятелно.

По този начин въвеждането на продукти с 4-5 и повече вариации става много лесно: вместо да се генерира огромно количество вариативни продукти с ценови комбинации според конфигурацията, просто се посоча оскъпяването, което привнася съответната опция.

Представяне на брандовете

За разлика от стандартната реализация на WooCommerce, където брандовете са просто параметри към продуктовите описания, този дизайн включва допълнителни полета с данни, чрез които за всеки производител може да се въведе име, лого и кратка информация.

Индивидуална страница на бранд

Ето така изглежда самостоятелната страница: лого с висока резолюция и кратка справка, която може да се оптимизира по ключови думи за улеснение на търсещите машини.

Марката на всеки продукт в неговата продуктова страница сочи към индивидуалната описателна страница на съответния бранд, което допълнително подобрява SEO.

Минималистичен чекаут

Чекаутът е интегриран с плъгина „Българизация“. Шаблонът е максимално олекотен, за да ограничи възможността потребителят да се разсее или да „избяга“ от тази критична за сайта страница.

Ненужните полета в лявата колона са скрити, големият — и иначе изключително функционален — футер е скрит, а към имената на куриерите чрез CSS са добавени техните лога за по-лесна разпознаваемост на методите за доставка.

Представяне на YouTube канала на OFER Bikes

Този канал е от особено голяма важност за проекта и даже предатира съществуването на самия сайт. Заради това беше важно да му обърнем подходящо внимание и да задържим аудиторията в сайта.

Освен дълбоката интеграция, която позволява показване на клипове в поредица от нови към по-стари или като плей листи, изградихме допълнителна връзка с API-то на YouTube, чрез която ежедневно обновяваме данните (брой видео клипове, брой абонати, брой показвания) и винаги показваме най-актуалната информация на посетителите на тази страница.

По този начин се стараем да постигнем най-доброто от всички възможности: да осигурим гледаемост на видеоклиповете, като същевременно задържим посетителя в сайта на OFER, вместо да го изпращаме в YouTube, откъдето не е ясно дали и как ще можем да го върнем обратно.

Представителна страница сервиз електромобили

Освен с електрифициране на велосипеди, OFER Bikes сервизира успешно почти всички марки електромобили, които се предлагат на пазара.

Представителната страница на сервиза осигурява възможност за динамично разширяване на списъка с поддържани марки и модели (за всеки автомобил се въвежда марка, модел и година на производство и се качва представителна снимка).

В страницата е интегрирана и форма за запазване на час за сервиза.

Отзив от клиента

Първоначално създадох сам сайта с платформата WordPress, но колкото повече го усложнявах с добавки и функции, толкова повече проблеми изкачаха, които изискваха кърпежи. До момент в който освен че се зареждаше много бавно, вече не си заслужаваше да се прекърпва.

Изключително съм доволен че се обърнах към професионалист в лицето на Иван Арнаудов, който да създаде сайта от нула, далеч по-оптимизиран като функции, код, дизайн, кеширащи функции и прочие. Детайли, които за човек не-занинаващ се постоянно с това, няма как да знае. В комбинация с перфекционизма, който Иван преследва, резултата надмина очакванията.

Петър Делчев, Собственик OFER Bikes