Адаптивність сайту на Хорошоп
Про проєкт
Інтернет-магазин evel.ua займається продажем продукції ТМ Evel та аксесуарів для електровелосипедів. Основний напрямок діяльності компанії – переобладнання звичайних велосипедів на електровелосипеди та продаж потрібного для цього обладнання.
Сайт компанії створювався кілька років тому на основі платформи “Хорошоп”. На той час була розроблена тільки версія для десктопів, проте відвідуваність сайту зі смартфонів зростала і клієнт вирішив додати мобільну версію. Нам було поставлено завдання провести низку доробок, які б дозволили впровадити адаптивність для інтернет-магазину на Хорошоп.
Хід роботи
На момент проектування сайт не був продуманий під різні дозволи екранів, тому при відвідуванні його зі смартфона доводилося скролити вміст по горизонталі. Ми вирішили залишити десктопну версію незайманою, зберігши поточний дизайн для найменшої можливої ширини. При зменшенні ширини елементи інтерфейсу відсікалися або реформувалися.
Хоча деякі рішення, що вже використовуються, встигли морально застаріти, вони продовжували працювати і ми залишили їх незайманими. Але іноді доопрацювання сайту на Хорошоп вимагали впровадження сучасніших технологій. Зокрема так сталося зі застарілими флоатами, які при впровадженні адаптива були замінені на флекси.
У сайту були хороші показники доступності, тому масштабних робіт у цьому напрямі не проводилося – знадобилося лише кілька багфіксів.
Підсумки
Доробки інтернет-магазину на Хорошоп не зайняли багато часу: з усіма поставленими завданнями ми впоралися за півтора тижні. Отримана мобільна версія сайту суттєво покращила зручність читання та перегляду контенту, спростила процес оформлення замовлення.
За результатами Google Mobile Friendly Test, сайт визнаний оптимізованим і зручним для відвідувань з мобільних пристроїв.
О проекте
Интернет-магазин evel.ua занимается продажей продукции ТМ Evel и аксессуаров для электровелосипедов. Основное направление деятельности компании — переоборудование обычных велосипедов в электровелосипеды и продажа нужного для этого оборудования.
Сайт компании создавался несколько лет назад на основе платформы «Хорошоп». В то время была разработана только версия для десктопов, однако посещаемость сайта со смартфонов росла и клиент принял решение добавить мобильную версию. Нам была поставлена задача провести ряд доработок, который позволили бы внедрить адаптивность для интернет-магазина на Хорошоп.
Ход работы
На момент проектирования сайт не был продуман под разные разрешения экранов, поэтому при его посещении со смартфона приходилось скроллить содержимое по горизонтали. Мы решили оставить десктопную версию нетронутой, сохранив текущий дизайн для наименьшей возможной ширины. При дальнейшем уменьшении ширины элементы интерфейса отсекались или реформировались.
Хотя некоторые уже используемые решения успели морально устареть, они продолжали работать и мы оставили их нетронутыми. Но иногда доработки сайта на Хорошоп требовали внедрения более современных технологий. В частности, так произошло с устаревшими флоатами, которые при внедрении адаптива были заменены на флексы.
У сайта были хорошие показатели доступности, поэтому масштабных работ в этом направлении не проводилось — понадобилось лишь несколько багфиксов.
Итоги
Доработки интернет-магазина на Хорошоп не заняли много времени: со всеми поставленными задачами мы справились за полторы недели. Полученная мобильная версия сайта существенно улучшила удобство чтения и просмотра контента, упростила процесс оформления заказа.
По результатам Google Mobile Friendly Test сайт признан оптимизированным и удобным для посещений с мобильных устройств.
