Заказчику необходимо было создать интернет-магазин для продажи профессиональных электроинструментов для салонов красоты. В результате брифирования, решили с клиентом что сайт должен быть максимально прост и понятен покупателям, иметь удобные формы сбора данных и корзину для покупок, также необходимо было подключить сервисы оплаты и доставки товара. На основании данных клиента, мы составили техническое задание и определили примерные сроки разработки.
01 Анализ рынка
Был проведен анализ целевой аудитории и сайтов 20 конкурентов по продаже электроинструментов для волос, оценены сильные и слабые стороны сайтов, взяты на заметку некоторые дизайнерские и маркетинговые решения данной ниши бизнеса. Собрана информация по уровню цен на товары, набору блоков, контенту, акциям и скидкам, чтобы потом использовать в создании своего сайта. На основе проанализированных данных был создавался прототип сайта для обсуждения структуры с заказчиком.
Анализ сайтов конкурентов
02 Прототип
Прототип сайта
После проведенного анализа рынка и сайтов конкурентов, была разработана структура сайта и вынесена на обсуждение с заказчиком. Определены основные смысловые разделы, порядок блоков, количество разделов товаров. На основе анализа рынка и данных о деятельности заказчика были написаны тексты, офферы и определены преимущества.
03 Цвета и шрифты
Основные цвета
Шрифт
Tilda Sans
#860030
#DED1D0
Black
Semibold
Normal
50px
26px
20px
04 Первый экран
На основе предпочтений заказчика было выбрано оформление первого экрана сайта. Затем проводилось оформление сайта в соответствии с выбранной цветовой гаммой, загрузка контента и материалов от заказчика.
Создание первого экрана сайта
05 Версия для компьютера
06 Мобильная версия
Мобильная версия сайта
Для правильного отображения интернет-магазина на устройствах с низким разрешением экрана была произведена верстка мобильной версии.
Что сделано:
Проведение брифинга и сбор данных
Анализ рынка, целевой аудитории и сайтов конкурентов
Создание прототипа сайта
Создание 2 версий дизайна первого экрана сайта
Дизайн десктопной версий страниц
Дизайн меню для десктопной и мобильной версии
Верстка сайта на платформе Tilda под десктопную и мобильную версии
Верстка служебных страниц - 404, политика конфиденциальности, спасибо
Подключение домена и настройка базового SEO для поисковой индексации
Настройка необходимых интеграций и вывода данных
Тестовые запуски через фокус-группу из 5 человек на поиск возможных ошибок