Ход работы
1. Добавление языковых версий
В первую очередь мы заменили платформу Open Cart 2.0 на Open Cart 3. Выбрали новый шаблон сайта с возможностью добавления нескольких языковых версий.
Таким образом мы привлекли украиноязычных и русскоязычных пользователей из разных регионов Украины, а также сделали его соответствующим нормативным требованиям украинского законодательства.
Две языковые версии сайтов имеют абсолютные копии, причем русская находиться в папке /ru, а украинская — сделана по умолчанию. Наполнение страниц, мета-теги приведены на нужный язык.
2. Аудит сайта
Перед тем как менять дизайн сайта, мы провели его детальный аудит, изучили ресурсы конкурентов, погрузились в бизнес-процессы компании, составили портрет целевого покупателя.
Мы выяснили, что большая часть заявок приходит от оптовых покупателей. Однако дизайн сайта (UX) ориентирован на розницу.
Оформление интернет-магазина (UI) устаревшее, скучное, перегруженное.
На основании аудита мы разработали карту сайта, чтобы продумать удобную навигацию как для розничных, так и для оптовых покупателей.
Обсудили визуальную концепцию, собрали элементы фирменного стиля в единый брендбук.
3. Прототипирование и дизайн
Следующим этапом была подготовка прототипа. Дизайнеры нашей команды выделили такие страницы: главная, каталог, товар, доставка и оплата, блог, статья, контакты. Отдельно вынесли личный кабинет, корзину. Прототип был одобрен владельцами магазина — мы перешли к разработке дизайна.
Целевая аудитория продукта находится в возрасте от 35 до 55 лет, поэтому мы отказались от идеи сложных анимаций, молодежных переходов. Главные принципы, которых мы придерживались — это простота, лаконичность, понятность, легкость.
Главная страница не перегружена блоками. Крупные яркие фотографии товара вызывают желание оформить заказ. В верхней части главной страницы расположен блок “Оптовый интернет-магазин полотенец в Украине”, где сразу можно выбрать тип полотенец и перейти в каталог.
Затем последовательно расположены блоки:
- “Каталог”;
- “Популярные товары”;
- “Блог”.
В карточке товара указана оптовая цена, так как оптовики — это основная целевая аудитория магазина. Но покупатель также может оформить заказ в розницу. Мы добавили приписку: “При покупке каждого товара от 1 до 5 штук включительно в корзине автоматически высчитывается розничная цена, которая на 20% больше указанной в каталоге.”
Шрифт на сайте крупный, легкий, цвета ассоциируются со свежестью и чистотой.
4. Верстка, разработка
После завершения этапа разработки дизайна магазина была выполнена верстка нового сайта. Затем мы объединили сверстанный дизайн и backend часть. Протестировали новый продукт.
Сайт был на домене rushnychok.km.ua. Мы купили новый домен и хостинг, чтобы обеспечить его быструю и бесперебойную работу.