Все кейсы

Кейс по созданию и продвижению сайта Ladylux.ru

Заказчик

Бренд «Lady Lux» появился в 1999 году, как поставщик женского белья оптом по всей России. Миссией компании стало производство элегантных коллекций из качественных европейских материалов. Каждый комплект делает акцент на достоинствах фигуры, сочетая женственность с практичностью.

Задача

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

Что было сделано

В рамках создания сайта были произведены следующие работы.

Специалист Оптимизатор Аналитик Менеджер Прототипист Дизайнер Верстальщик Программист Контент-менеджер Тестировщик Технический специалист
Описание работы

Технический аудит сайта и разработка стратегии продвижения, выявление недочетов текущей версии сайта, изучение конкурентов, SEO-анализ сайта и составление рекомендаций.

 

Сбор данных для полного аудита сайта. Анализ посетителей и их поведения на сайте. Исследование конкурентов. Составление рекомендаций из полученных данных для нового сайта.

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

Разработка прототипа будущего сайта (расположение всех элементов, навигация и юзабилити). Все элементы располагаются в соответствии с пожеланиями заказчика, а также на основе аудита маркетолога и стратегии оптимизатора.

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

При необходимости снесение правок.

Верстка всех страниц в соответствии в макетами.

Корректировка верстки при необходимости

Разработка всех технического части сайта в соответствии с требованиями маркетолога, оптимизатора.

В том числе мобильная адаптация и ускорение сайта.

Перенос необходимой информации на готовый сайт, в том числе карточки товаров, изображения и контент.

Тестирование сайта на разных устройствах и в разных браузерах. Проверка всего функционала.

Перенос сайта на хостинг Заказчика. Адаптация под https протокол.

Результат

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

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

Консультирование и помощь в течении всего времени разработки сайта.

Создан прототип будущего сайта.

Готовы дизайн макеты сайта всех типовых страниц и предоставлены заказчику в формате Photoshop.

Сайт полностью сверстан.

Функционал сайта готов.

Сайт полностью заполнен необходимой информацией.

Сайт полностью проверен и готов к переносу.

Сайт полностью готов.

Специалист Описание работы Результат
Оптимизатор

Технический аудит сайта и разработка стратегии продвижения, выявление недочетов текущей версии сайта, изучение конкурентов, SEO-анализ сайта и составление рекомендаций.

 

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

Аналитик

Сбор данных для полного аудита сайта. Анализ посетителей и их поведения на сайте. Исследование конкурентов. Составление рекомендаций из полученных данных для нового сайта.

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

Менеджер

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

Консультирование и помощь в течении всего времени разработки сайта.

Прототипист

Разработка прототипа будущего сайта (расположение всех элементов, навигация и юзабилити). Все элементы располагаются в соответствии с пожеланиями заказчика, а также на основе аудита маркетолога и стратегии оптимизатора.

Создан прототип будущего сайта.

Дизайнер

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

При необходимости снесение правок.

Готовы дизайн макеты сайта всех типовых страниц и предоставлены заказчику в формате Photoshop.

Верстальщик

Верстка всех страниц в соответствии в макетами.

Корректировка верстки при необходимости

Сайт полностью сверстан.

Программист

Разработка всех технического части сайта в соответствии с требованиями маркетолога, оптимизатора.

В том числе мобильная адаптация и ускорение сайта.

Функционал сайта готов.

Контент-менеджер

Перенос необходимой информации на готовый сайт, в том числе карточки товаров, изображения и контент.

Сайт полностью заполнен необходимой информацией.

Тестировщик

Тестирование сайта на разных устройствах и в разных браузерах. Проверка всего функционала.

Сайт полностью проверен и готов к переносу.

Технический специалист

Перенос сайта на хостинг Заказчика. Адаптация под https протокол.

Сайт полностью готов.

С данным проектом мы достаточно продолжительное время работали по SEO продвижению. И, чтобы достичь лучших результатов, предыдущая версия требовала переработки. А также за время сотрудничества мы собрали достаточное количество статистических данных поведения пользователей, чтобы можно было считать их достоверными. И на их основе смогли сделать рекомендации по улучшению сайта с целью увеличения конверсии.

Кроме того, заказчик был готов обновить визуальную составляющую и позиционирование бренда.

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

Частой ошибкой ошибку при «переезде» на новый сайт является то, что вместе с информацией переносятся и все недостатки. А меняется, фактически, только отрисовка. Поэтому мы начали со стратегии.

Стратегия

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

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

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

Сайт Леди Люкс на IPhone

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

Например, подробное описание товара/услуги/условий хорошо:

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

Один из недостатков предыдущей версии сайта было избыточное дробление на разделы.

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

И то, и другое негативно сказывается на продвижении.

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

А также дизайн просто устарел и требовал корректировки. Тем более, что у заказчика было очень хорошее разнообразие фотоматериалов, которые не соответствовали старому стилю.

Фотографии компании Леди Люкс

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

Структура

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


Структура сайта

Структура стала проще для пользователей, что позволило существенно сократить цикл сделки, а также сделало ее более благоприятной для SEO продвижения.

Главная страница

На предыдущей версии сайта главная страница содержала два важных элемента — дескрипт (словесное описание «БЕЛЬЁ ДЛЯ ПРЕКРАСНЫХ ЛЕДИ») и тематическое фото.

Это элементы, позволяющие посетителю мгновенно распознать назначение сайта. Независимо от преобразований сайта, эти элементы должны были остаться на первом экране главной страницы.

Рекомендуемые дополнения:

  1. Избранные товары
    В такой блок можно включить новинки или популярные товары, в небольшом количестве.Это поможет клиенту получить первичное представление о товаре. А также привлечет внимание к определенным моделям, и повысит полезность страницы для поисковых систем.
  2. Коллекции
    Так как коллекции являются важной составляющей предложения, лучше упомянуть о них на главной странице. Здесь же указать, что они собой представляют и чем отличаются. Дополнить ссылками на товары (на соответствующие разделы в общем 3 каталоге).Коллекции — индивидуальная особенность фирмы, которой нет у конкурентов. Подчеркнет статус магазина, поможет понять, что тут продается не ширпотреб.
  3. Каталоги в pdf
    Материалы для скачивания — отличная вещь как для клиентов, так и для продвижения, один из маркеров полезности сайта.
  4. Отзывы
    Очень желательный элемент. Отзывы повышают доверие к сайту и фирме.

Каталог

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

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

Изделия, которые комплектуются к конкретному предмету, лучше включить в карточку товара и/или поставить ссылку с карточки на комплект (в подразделе Комплекты).

При использовании подразделов каталог должен оставаться наглядным. Желательно, чтобы «дерево» каталога присутствовало на странице и в нем был подсвечен текущий раздел.

Фильтры и сортировки (по цветам, размерам, формам, типам, наличию и т.д.) облегчают работу пользователя с каталогом и являются маркерами полезности.

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

Желательно создание страниц индивидуальных карточек товаров.

В карточку включаются:

  • название, артикул;
  • фото;
  • характеристики и/или описание;
  • размеры;
  • предметы для комплекта и/или ссылка на них;
  • функционал для заказа.

Так как компания оптовая, то не было возможности указывать цены на товары. Поэтому было принято решение  в каждой карточке добавить активный элемент, позволяющий цену запросить.

Наличие активных элементов для заказа — один из маркеров полезности.

Оплата, доставка

Мы рекомендовали создать отдельную страницу, где будут подробно расписаны этапы заказа, все варианты оплаты и доставки.

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

Спецпредложения

Тут мы рекомендовали либо не использовать вложенную структуру для этого раздела, либо сделать ее наглядной (аналогично каталогу). В любом случае на странице должны были быть товары, а не только ссылки.

Желательно также явно указывать, в чем заключается спецпредложение (сниженная цена, особые условия покупки) и каковы его сроки.

О нас, Контакты

На предыдущей версии сайта эти разделы содержали достаточно полную информацию о предприятии. Единственная рекомендация была — не разбивать их на вложенные страницы. Это позволит получить две хорошие, большие, информативные страницы, какие нравятся поисковикам.

Новости, Статьи

Раздел статей на сайте был достаточно старый, он требовал переработки под современные требования поисковиков. И был большей частью закрыт от индексации.

Было принято решение не переносить его на новый сайт, за исключением определенных страниц с хорошими уникальными текстами.

Прототипирование

Основной аудиторией компании являются оптовые предприниматели, владельцы магазинов, сетей  и небольших оптовых точек, В основном женщины (средний возраст 35-60 лет), около 50% клиентов являются не продвинутыми пользователями.


Прототипы сайта

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

Расположение элементов мы сделали максимально простым и понятным, крупные фотографии, отсутствие сложных фильтров.

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

Дизайн

Цветовая гамма была выбрана нейтральная. Так как акцент должен был быть прежде всего на самих моделях, а не на дизайне сайта. 

У компании уже было большое количество качественных фотографий, на гамму которых мы также смогли ориентироваться.

Цветовая гамма сайта

Цветовая гамма была выбрана в мягких бежевых тонах, не отвлекающая от товарных позиций, при этом гармонирующая с ними, и передающая посыл компании.

В ходе обсуждения с клиентом, а также анализа целевой аудитории мы выявили основные элементы, которые были наиболее конгруэнтны для наших задач:

  • острые углы;
  • мягкие цвета;
  • прямоугольные элементы;
  • плоские формы;
  • пространство;
  • простые шрифты;
  • кнопки плоские  или контурные (прозрачные).
Логотип компании

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

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

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

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

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

По каталогу очень была важна возможность иметь возможность перемещать фото из одного раздела в другой. Раньше такая возможность отсутствовала и это доставляло неудобства. Так как распродажный товар приходилось дублировать.


Прототипы мобильной версии сайта

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

В итоге получилось функциональное и удобное решение с большими фотографиями и удобной формой обратной связи.

Верстка и программирование

Мы использовали CMS WordPress так как это оптимальная система для SEO продвижения, достаточно защищенная и простая в обращении.

Упростили загрузку фотографий и работу с каталогом. Сделали отдельные страницы для категорий и карточек товаров. Добавили возможность на любой странице разместить текст и любой товар.

Разработали функционал для того, чтобы в разных категориях можно размещать один и тот же товар без фактического дублирования.

А также исправили все  технические недочеты, которые мешали продвижению сайта. Ранее невозможным была работа с метатегами через административную панель.


Сайт Леди Люкс на экране MacBook Pro

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

В итоге мы получили удобный сайт, расширили функционал, а также сделали его легким и соотвествующим всем требованиям поисковых систем .

Заключение

Мы выявили сильные и слабые стороны предыдущей версии сайта, чтобы сохранить все работающие элементы и поправить то, что требовало коррекции.

Сильные стороны сайта: хорошие фото и информация о товарах, наполнение разделов «О нас» и «Контакты».

Слабые стороны сайта: запутанная не наглядная структура, недостаток функционала, отсутствие отзывов.

На основе данных выводов была разработана новая структура, которую мы использовали для прототипирования.

Дизайн передает статусность и элегантность коллекций, что полностью соответствует потребностям целевой аудитории сайта.

Сайт стал удобен для заказчика и его потенциальных клиентов.

В результате проделанной работы уже на следующий месяц удалось увеличить трафик с поисковых систем более чем в полтора раза. А конверсия в заказ увеличилась более чем в три раза.

Получить бесплатный аудит вашего сайта

План работ и оценка текущего состояния сайта, которые наши специалисты составляют вручную.

Нажимая кнопку «Отправить», я даю свое согласие на обработку персональных данных и соглашаюсь с политикой конфиденциальности.

Спасибо за заявку!

Наш менеджер свяжется с вами в течении 24 часов

Анастасия Мухина

Компания Сеобит, Анастасия, здравствуйте.

☺️

Доверьте сайт профессионалам и увидите его в топе.

Заявка

Заполните форму, и наши специалисты свяжутся с вами в ближайшее время.


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

Спасибо за заявку!

Наш менеджер свяжется с вами в течении 24 часов

Анастасия Мухина