Скриншоты
Как это выглядело в работе
Экраны прототипа главной страницы и калькулятора.
Проектирование сайта услуг по ремонту квартир в Москве: анализ 15 конкурентов, список обязательных коммерческих факторов и детальные прототипы экранов главной — от гео-блока с кнопкой калькулятора до пошагового расчёта стоимости ремонта.
Ниша ремонта квартир в Москве — одна из самых конкурентных в услугах. Прежде чем рисовать дизайн и писать код, нужно было понять, из каких блоков должна состоять главная страница и какие коммерческие факторы обязательны, чтобы сайт не проигрывал лидерам выдачи с первого дня.
Прототип решает это до дизайна: дизайнер получает готовую логику блоков, оптимизатор — правильные зоны под ключевые фразы, а клиент — понимание, за что он платит на каждом этапе разработки.
Ключевой элемент ниши — калькулятор ремонта: посетитель хочет прикинуть стоимость до звонка, и сайт без расчёта теряет заявки в пользу конкурентов.
Каждый блок главной обоснован анализом, а не вкусом.
Проанализировали 15 конкурентов и сравнили их коммерческие факторы: логотип, телефон, кнопка «Заказать звонок», гео, слайдер, категории услуг, оплата, выполненные работы, отзывы, вопрос-ответ, прайс. Пересечения лидеров стали обязательным минимумом нашего сайта.
Спроектировали экраны главной страницы: первый экран с гео-блоком и кнопкой перехода к калькулятору, блок УТП, «О компании» с видео, обзоры выполненных объектов с табами по типу ремонта и площади, процесс ремонта по шагам.
Отдельно детализировали калькулятор ремонта: площадь квартиры, тип ремонта, стоимость работ за квадратный метр, выбор черновых и чистовых материалов и итоговый расчёт. Это готовое ТЗ: дизайнеру не нужно изобретать структуру, а разработчику — додумывать логику полей.
Экраны прототипа главной страницы и калькулятора.
Получился комплект прототипов главной страницы с обоснованным набором коммерческих факторов и детальным калькулятором ремонта. Дизайнер работает по готовой логике, разработчик — по понятному ТЗ, SEO-требования заложены в структуру до старта работ.
Прототип — не финальный дизайн: расположение элементов в макетах может меняться, но логика блоков и сценарий расчёта сохраняются на всех этапах.
Расскажите о проекте — покажем, как спроектировать сайт под SEO ещё до дизайна, и пришлём план работ с часами, как в этом кейсе.
Получить бесплатный аудитЗаполните форму — ответим в течение рабочего часа.
Нажимая кнопку, вы соглашаетесь с политикой обработки ПДн и даёте согласие