Разработка сайта-каталога для нового бренда ламп для маникюра

Кейс

Срок от подписания договора до запуска сайта: 5 недель

Задача

Разработать сайт-каталог для нового бренда ламп для маникюра: главная страница, каталог и несколько страниц с товаром.

Цель сайта

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

Этапы разработки сайта-каталога на Тильде. Исследование, сбор информации

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

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

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

Итогом этого этапа был текстовый прототип всех страниц.

Разработка дизайна сайта

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

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

Результатом этого этапа стал pdf документ дизайн-макетов страниц сайта.

Варианты дизайна главной страницы

Первый экран после внесения правок

Финальный дизайн главной страницы

Перенос дизайн-макета на Тильду, технические настройки

Верстка на Тильде

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

Была произведена техническая настройка: подключение домена и форм, настройка кнопок, ссылок, меню.

Работа с кодом

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

Страница товара

Также с помощью кода в галерею ZERO блока добавили миниатюры фотографий товара.

Базовая SEO оптимизация сайта на Тильде

Заказчику нужно было оптимизировать сайт для поисковых систем. Поэтому еще на первом этапе разработки сайта (на этапе исследования), я собрала семантику ядра сайта. Семантика — это набор ключевых слов и фраз, по которым пользователи поисковых систем будут гуглить товар/бренд. Ключевые слова использовала в заголовках и в обычном тексте на сайте. Прописала заголовки (Title) и описания (Description) для каждой страницы. Добавила описание (Alt-теги) для изображений — ведь в поисковых системах ищет не только по тексту, но и по картинкам. Также сделала прочие сео настройки: добавила favicon, 404 страницу, хлебные крошки, указала заголовки h1- h3.

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

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