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