Ликон

Разработка интернет-магазина по продаже контактных линз

Посмотреть сайт

Редизайн интернет-магазина контактных линз и средств ухода Likon, который мы создали и развиваем: новая главная с акциями на первом экране, короткое меню, каталог с фильтрами и карточка товара с отдельными параметрами для каждого глаза. Редизайн прошёл без потери позиций в поиске: с постраничными 301-редиректами и обновлённым SEO-контентом.

КлиентLikon, Киев: интернет-магазин и собственный салон-оптика
ОтрасльОптика и медицина
Что сделалиДизайн, интернет-магазин, SEO и 301-редиректы, поддержка и развитие CMS
Сайтlikon.com.ua

Задача

Магазин, созданный в 2014 году, нуждался в современной главной: акции и популярные товары должны были быть видны сразу, а меню не должно было смешивать каталог со служебными страницами. Отдельно нужно было сохранить удобство подбора линз: у покупателя разные параметры для левого и правого глаза, и он должен заказать нужное без звонка менеджеру.

SEO: редизайн без потери позиций

Изменение структуры сайта обычно стоит позиций в поиске. Поэтому сохранение поискового трафика было отдельной частью проекта, а не приложением к дизайну.

Постраничные 301-редиректы

Каждый изменённый адрес ведёт 301-редиректом на свою новую страницу, а не на главную. Например, старые адреса брендов в формате /brand_название/ перенаправляются на новые, а версия без www на основной домен с www.

Чистые редиректы

По отчётам технического аудита исправили цепочки редиректов и убрали из XML sitemap адреса, которые сами перенаправляют, чтобы поисковые системы получали только конечные страницы.

SEO-контент и структура

SEO-текст с заголовками H1–H3 на главной и в разделах каталога, продуманные под дизайн размеры заголовков. Новый дизайн работает на запросы покупателей, а не только выглядит лучше.

Было и стало

Сравнение на одних и тех же страницах: архивные копии старого сайта (весна-лето 2024) и нынешний сайт. В «до» часть изображений не сохранилась в архиве, поэтому смотрите на структуру страниц, а не на картинки товаров.

Главная: первый экран

Главная страница после редизайна — После

Было

Большая шапка с блоками контактов двух точек, баннер сбоку в рамке, под ним три иконки-ссылки, а товары только ниже первого экрана. Девять пунктов меню, каталог смешан со служебными страницами.

Стало

Шапка в одну строку: поиск, телефоны, кабинет, избранное, корзина. Шесть разделов меню, баннер на ширину страницы, сразу под ним вкладки с акционными наборами и товарами.

Что это даёт

Покупатель с рекламы сразу видит акцию и товар, а не ищет их прокруткой и меню.

Каталог

Было

Сетка в рамках без фильтров: только три кнопки сортировки (по цене, популярности, дате поступления) и большой блок корзины над списком.

Стало

Фильтры слева (цена, бренд, режим ношения, срок использования, материал, влагосодержание, кислородопроницаемость), карточки с рейтингом, ценой за упаковку, кнопкой покупки и «в избранное», сортировка по хитам, новинкам и акциям.

Что это даёт

Покупатель сужает выбор до нужной линзы самостоятельно, без звонка менеджеру.

Карточка товара

Было

Одна цена за упаковку, кнопка «В корзину» и маленькая форма «Купить в 1 клик». Параметров линзы для каждого глаза нет.

Стало

Отдельные параметры для правого и левого глаза (радиус кривизны, оптическая сила), количество упаковок для каждого глаза, «В корзину», «Купить в один клик» и «В закладки», вкладки с характеристиками, описанием и отзывами.

Что это даёт

Для линз, где у человека разные диоптрии на каждом глазу, заказ собирается за один подход.

Мобильная версия

Мобильная главная после редизайна — После

Было

Большая шапка занимает почти пол-экрана: логотип, кнопка контактов, поиск и отдельная кнопка меню, а выбор товара начинается ниже.

Стало

Компактная шапка с меню, поиском, кабинетом, избранным и корзиной, телефоны магазина в шапке, баннер и вкладки товаров сразу на первом экране.

Что это даёт

Запись, звонок и выбор товара в одно касание для трафика со смартфонов.

Поисковые позиции

Риск

Новая структура и адреса без перенаправлений означают потерю проиндексированных страниц и позиций.

Стало

Постраничные 301-редиректы, чистые цепочки, SEO-текст с заголовками.

Что это даёт

Реклама и органика работают на тот же адрес, а страницы не выпадают из индекса.

Что сделали

Главная и меню

Акции и товары видны сразу

Над шапкой строка с акцией, в шапке поиск, телефоны магазина и салона, кабинет, избранное и корзина. Меню сокращено до шести разделов, а контактные линзы раскрываются мегаменю по типам ношения.

Под баннером вкладки «Акционные наборы», «Контактные линзы», «Растворы» с карточками: ярлыки, рейтинг, цена за упаковку, быстрая покупка. Далее спецлинзы, полезная информация, новости и бренды.

Макет главной страницы Likon: шапка, мегаменю и баннер — Главная: шапка, мегаменю, баннер

Макет главной: вкладки с акционными наборами и товарами — Главная: вкладки товаров

Макет главной: специальные виды линз — Главная: виды линз

Макет главной: полезная информация, новости и бренды — Главная: статьи, новости, бренды

Каталог и карточка товара

От фильтров до заказа для каждого глаза

В каталоге фильтры по бренду, радиусу кривизны, диаметру, кислородопроницаемости, влагосодержанию и UV-фильтру, а быстрый просмотр в окне позволяет выбрать параметры, не покидая списка.

Карточка линз: параметры для правого и левого глаза отдельно, цена за линзу и за упаковку, «В корзину», «Купить в один клик» и «В закладки». Ниже акционные наборы с этим товаром, характеристики, описание, отзывы и подборка «С этим продуктом покупают». Отдельные карточки сделаны для очковых линз и оправ.

Макет каталога линз с фильтрами и быстрым просмотром — Каталог: фильтры и быстрый просмотр

Макет карточки контактных линз с параметрами для каждого глаза — Карточка линз: параметры OD / OS и цена

Макет карточки: акционные наборы с этим товаром — Карточка: акционные наборы

Макет карточки: характеристики, описание и отзывы — Карточка: характеристики

Макет карточки: преимущества и сопутствующие товары — Карточка: сопутствующие товары

Макет карточки очковых линз — Карточка очковых линз

Корзина и кабинет

Заказ без лишних шагов

Корзина открывается панелью с изменением количества, а «Купить в один клик» требует только телефона. На странице оформления два сценария, новый покупатель и постоянный клиент, выбор доставки (Нова Пошта или курьер) и оплаты: картой онлайн, по счёту или наличными курьеру.

Личный кабинет: данные, история заказов со статусами, избранное, отзывы и персональная скидка. Есть регистрация и восстановление пароля.

Макет панели корзины и окна покупки в один клик — Корзина и «Купить в один клик»

Макет страницы оформления заказа — Оформление заказа

Макет кабинета: история заказов — Кабинет: история заказов

Макет кабинета: избранные товары — Кабинет: избранное

Макет страницы регистрации — Регистрация

Другие страницы

Информационные страницы в одном стиле

Бренды, оптовым покупателям и дилерам, доставка и оплата, контакты интернет-магазина и салона с картами и формой, полезные статьи и новости. Все страницы собраны из одних и тех же элементов, поэтому магазин выглядит целостно.