Сделали редизайн сайта LeTech, усиливающий экспертный имидж и улучшающий продажи

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

Головные офисы в Нортгемптоне (Великобритания) и в Москве. Более 100 дилеров по всему миру, включая США
и Южную Корею.

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

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

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

Мы начали сотрудничество с редизайна и доработки сайта, поддержки CRM-системы, быстро нашли общий язык
и постепенно взяли на себя SEO-продвижение, поддержку «1С», контекстную рекламу.

Бренд LeTech — это «кожа» (leather) и «технологии» (technology), это уход и реставрация, а еще это люди, влюбленные
в кожу. Дизайн сайта не отражал характер компании. С одной стороны, в нем использовались слишком простые
и устаревшие элементы, с другой, отдельные его части были тяжеловесными.

Заказчику нравились минималистичные, «чистые» сайты, с акцентными цветовыми элементами, реалистичными фоновыми изображениями или 3D-визуалом. Нам же хотелось добавить натуральной кожи и характера.

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

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

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

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

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

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

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

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

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

За время ведения проекта главная страница сайта, ее компоновка и оформление, менялись трижды. Первый раз, когда мы устраняли технические недочеты, второй раз — когда мы выработали единый визуальный стиль, третий раз — когда решили усилить маркетинговую составляющую. Что мы сделали:

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

1. Придали характера и уникальности преимуществам. Теперь это заметный блок
   с персонализированным оформлением и конкретными фактами о компании.

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

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

Особенности оформления:

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

• создали новую главную страницу с баннерами и маркетинговым блоком на первом экране, новым блоком преимуществ;
• переработали меню и структуру сайта, карточку товаров и каталог, личный кабинет и корзину;
• создали уникальную, повышающую доверие страницу компании, которая раскрывает ценности и подход команды к работе;
• переработали 47 страниц услуг, плюс разводные страницы, благодаря новой модульной структуре
  и продуманным шаблонам;
• полностью переработали раздел «Обучение» (разводная и 10 страниц курсов), добавив удобный календарь для записи;
• создали новый раздел блога с экспертными статьями компании (дизайн раздела и наполнение контентом, включая визуальное оформление статей);
• переработали блок портфолио («Наши работы»), чтобы усилить визуальную подачу представленных там кейсов;
• переработали 7 статичных страниц, включая интерактивную карту партнеров и страницу вакансий;
• актуализировали юридические страницы («Правила использования материалов сайта», «Политика обработки
  и защиты персональных данных») и отрисовали новую карту сайта.

Просто ли было создавать дизайн для сайта LeTech? И да, и нет. Основатель компании, Сеит Абдураимов, глубоко погружен во все процессы и горит тем, что делает. У него поистине неисчерпаемый запас идей! С другой стороны, он — настоящий бизнесмен с крепкой хваткой и хочет точно знать, за что именно платит. Все шаблоны, которые используются на сайте, появились благодаря множеству созвонов, правок и тестов.

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