Кейс по разработке сайта
по продаже систем безопасности
Задача: разработка сайта-каталога для компании Cam-Vision, занимающейся продажей и установкой систем контроля доступа и видеонаблюдения с целью увеличения оптовых и розничных продаж.
LeadUP.marketing
Маркетинговое агентство и видеопродакшен
Маркетинговое агентство
полного цикла в Казани
полного цикла в Казани
1. Подготовительные этапы
Разработка сайта представляет собой комплексный процесс. До начала технических работ было выполнено следующее:
Семантическое проектирование
Подобрали ключевые слова для продвижения, разработали структуру сайта
Прототипирование
На основе структуры сайта разработали прототипы для главной страницы, страницы заказа трансфера, страницы контактов
Копирайтинг
Написали тексты для главной страницы и для внутренних страниц
Индивидуальный дизайн
На основе прототипа и написанных текстов разработали дизайн для главной страницы, страницы заказа трансфера, страницы контактов
Торговая марка «CAM-VISION» образовалась в ноябре 2017 года. Многолетний опыт, внимательность к трендам и забота о своих клиентах – главный фундамент компании. «CAM-VISION» сотрудничает с 55 логистическими компаниями для поставки систем обеспечения безопасности в 897 города России и в страны СНГ. В ассортименте компании товары только проверенных брендов, которые имеют все необходимые сертификаты и 10-летнюю гарантию. С декабря 2020 года компания является членом Торгово-промышленной палаты Российской Федерации.
Заказчик хотел получить современный сайт-каталог с функционалом корзины и возможностью одиночного заказа товара, который бы одинаково хорошо отображался как на компьютере, так и на мобильных устройствах.
Получившийся сайт отвечает всем потребностям как заказчика, так и потенциальных покупателей, имеет адаптивную вёрстку, привлекает внимание и интуитивно понятен. Сайт готов к дальнейшему наполнению и продвижению.
Прототип сайта
Прототип сайта постарались сделать максимально функциональным, чтобы заказчик мог понять, каким он будет, и при необходимости внес правки. Благодаря прототипу мы получили четкий план, как отрисовать и сверстать страницы.
На основе SEO-структуры создали 10 интерактивных страниц сайта, в том числе «Главную», «Контакты», «Каталог товаров», несколько основных разделов и карточку товара.
Создание прототипа, с проработанными целевыми действиями и формами, заняло у ux-дизайнера 32 часа. В итоге заказчик смог попробовать себя в роли посетителя сайта и пройти полный путь от главной страницы до покупки.
2. Дизайн и вёрстка страниц
Согласно структуре сайта и проработанным прототипам, наши дизайнеры разработали оформление будущего сайта с учетом фирменного стиля заказчика. По дизайн-макетам верстальщики создали кроссбраузерные адаптивные страницы, которые одинаково хорошо отображаются на любых устройствах и разрешениях экрана пользователей. А это особо актуально сейчас, когда более 70% посетителей сайтов заходят с мобильных телефонов.
3. SEO оптимизация
Провели базовые работы по оптимизации сайта для дальнейшего выхода в поиск:
- установили SSL сертификат безопасности и настроили протокол https
- настроили перенаправление с www.meteor58.ru на meteor58.ru
- создали карту сайта sitemap.xml для поисковых систем
- добавили файл robots.txt с правилами обхода для поисковых роботов
- создали страницу 404 ошибки
- настроили Яндекс.Вебмастер
- добавили счетчик Яндекс.Метрики и настроили цели для отслеживания конверсии
4. Итог
Результатом выполения технических работ стало:
01.
Корректное отображение сайта во всех браузерах (кроссбраузерная верстка)
02.
Быстрая загрузка сайта несмотря на большое количество изображений
03.
Корректное отображение сайта на разных устройствах (адаптивность)
04.
Сайт готов к продвижению (выполнена базовая оптимизация)