Редизайн інтернет-магазину на Shop-Script
Про проект
Наше сотрудничество с интернет-магазином «Билка» — лидером по продаже аксессуаров для мобильных телефонов и планшетов в Украине — длится уже довольно долго. Сайт систематически поддерживается и развивается с помощью команды Вебнавтов. Проводится SEO-оптимизация, а также реализуется множество функциональных доработок, без которых сложно продвигаться в современной е-коммерции. Несколько лет назад сайт удачно «переехал» на более новую систему управления контентом (CMS) с открытым исходным кодом — Shop-Script 7.
Но современный мир очень быстро меняется и необходимо вовремя реагировать на все изменения, чтобы «быть в тренде». Мы заметили, что сайт визуально устарел — его интерфейс перестал быть удобным в использовании, стал казаться «тяжелым» и не таким привлекательным. Параллельно стали снижаться и аналитические показатели — трафик, время пребывания пользователя на сайте, процент конверсий. Также, необходимо было поработать и над адаптивностью. Все это привело к решению провести редизайн сайта.
Загальна ідея та редизайн головної сторінки
Так як дизайн сайту спочатку розроблявся нашим дизайнером індивідуально для клієнта, всі зміни ми впроваджували на основі вже наявної концепції: загальна ідея, назва, логотип та слоган, палітра кольорів. Такий підхід допоміг нам утримати існуючу у компанії аудиторію, зробити так, щоб і після редизайну звичний покупцю сайт був чітко впізнаваний.
Ось так почала виглядати головна сторінка після оновлення:
Сайт візуально спростили, зробили прозорішими, прибрали з верхньої частини нагромаджені конструкції, що складаються з реквізитів, адрес та телефонів магазину. Натомість всю необхідну інформацію винесли одним рядком у шапці (верхній частині сайту) та створили окрему сторінку: Меню=>Контакти:
Сторінки з товарами у вибраній категорії
Опрацювання вимагали і картки товару. Ми зробили їх компактнішими, але водночас збільшили саме зображення товару. Змінили шрифт: він став більш читаним та приємним для очей. Кольорову палітру, де представлений товар, винесли у вигляді кольорових індикаторів збоку. Вибравши бажаний колір та натиснувши на нього, змінюється картинка товару. Так, користувач може вибрати колір моделі, що сподобалася.
Крім ціни, коду та назви, до кожної картки товару додали рейтинг, кнопки «до порівняння», та «в кошик».
Тепер, після всіх змін сторінка стала більш полегшеною, а за рахунок збільшеного простору на ній відображаються не три, а відразу шість видів товару.
Сторінки — картки товару
Додавання товару до кошика
Оформлення замовлення
Оформлення блогу
Блог у розділі “Новини” полегшили для сприйняття, розділивши контент на розділи: “Всі новини”, “На допомогу споживачеві”, “Новини брендів”, “Телефони, смартфони, характеристики”. Так користувачеві буде простіше зорієнтуватися у всьому різноманітті контенту.
Адаптивний веб-дизайн
Оскільки мобільний трафік сьогодні значно перевищує кількість десктопних відвідувань, сучасний сайт має коректно відображатись на різних пристроях. Сайт bilka.com.ua також має адаптивні властивості. Легко та швидко він динамічно підлаштовується під мобільну версію. Зрозуміле та легке у використанні меню дублює основну версію сайту.
Візуально розмежовані розділи не створюють плутанини в асортименті на маленькому екрані, а зручний кошик дозволяє безперешкодно оформити замовлення:
Оновлення версії Shop-Script (з 7 до 8)
Оскільки зміни в дизайні торкнулися не тільки візуальної, але й функціональної частини, ми виконали оновлення платформи з Shop-Script 7 до Shop-Script 8. Щоб після всіх внесених змін сайт працював бездоганно, виправили проблеми сумісності коду. Наразі власники та адміністратори інтернет-магазину bilka.com.ua розвивають свій бізнес за допомогою новітніх функцій, які сьогодні пропонує Шоп Скрипт.
Висновок
Завдяки комплексному підходу наших фахівців до редизайну сайт bilka.com.ua вийшов стильним і сучасним. Легкий та швидкий, логічно зрозумілий користувачеві, він став ефективним інструментом у е-комерції.
Оновлена стилістика та функціональність призвели до зростання SEO-показників: кількість переглянутих сторінок, час перебування користувача на сайті, рівень конверсії. Все це спричинило природне просування сайту в пошуковій системі.
Комментарии