Цели проекта:
- Разработка фирменного стиля
- Редизайн существующего сайта
- Разработка баннеров для рекламных кампаний
Старт работ. Начинаем с ревизии
текущей ситуации и переделки элементов фирменного стиля
В «РМ-Ремонт» первым шагом стало обновление логотипа. Клиент хотел максимально простой знак, который бы имел отсылку к виду работ и мог использоваться как самостоятельный элемент.
Так как логотип используется не только на сайте, но и в полиграфии (визитки, бланки, листовки и тд), то в гайдлайне для него прописываются все варианты использования: цветной, черно-белый, монохром, инверсия.
«Поиграйтесь со шрифтами» —
или как напугать дизайнера до полусмерти
Об уровне профессионализма дизайнера можно судить работе с типографикой (шрифтами). Новички стремятся использовать что-то декоративное, нестандарное (и часто плохо читаемое).
Задача профессионала — подобрать такой шрифт (или группу), которая бы одинаково хорошо смотрелась на разных носителях и при разном объеме контента.
После утверждения логотипа начинается проработка остальных элементов фирменного стиля.
Визитки: именные и корпоративные.
Карты: подарочные и почетного клиента.
Фирменные бланки, конверты и ежедневник.
Только после того, как прорисованы все фирменные элементы, начинается работа над дизайном сайта.
Ремонт квартир —
ниша с очень высокой конкуренцией и дорогим SEO-продвижением.
Поэтому разрабатывая дизайн, недостаточно просто показать примеры работ. Надо предоставить посетителю максиму полезной информации, на основании которой он сможет принять решение. Но информации так много, что ее нельзя вываливать одним текстом! Для этого тщательно разрабатывается стилевое оформление блоков, используются иконки.
Они помогают разбавить текст и доносят информацию более эмоционально. Особенно это важно, если вы хотите показать преимущества.
Непонимание стоимости будущего ремонта может отпугнуть потенциальных клиентов. Для этой задачи на главной странице был реализован калькулятор. Более того — он помещен на яркий блок, визуально напоминающий рулетку (прямая отсылка к тематике).
На каждый из видов работ приводится подробная информация: что включено, стоимость за квадратный метр, сроки, цены, примеры реализации.
На чем еще спотыкаются клиенты? Конечно, непонимание этапов работ. Что в каком порядке идет? Когда начинаем? А значит надо визуализировать и шаги.
Элементы дизайна отсылают к теме ремонта —
рулетка, штрихи кисти, ровные четкие линии как свидетельство качества и соблюдения сроков
Отдельный раздел сайта посвящен полностью ценам, где максимально подробно расписаны все виды работ. Таблица стилизована и снабжена дополнительной навигацией, чтобы посетителям было удобнее искать информацию.
Продуманная адаптация макетов
под мобильные устройства и планшеты
Особое внимание уделялось навигационным элементам:
- меню;
- слайдеры с примерами работ,
- аккордеоны с вопросами и ответами
- табы (закладки).
А также блокам, непосредственно влияющим на принятие решения — прайс и калькулятор стоимости.
Ремонт и приемка квартир —
конкурентная ниша с высокой стоимостью клика и лида.
Поэтому задача при разработке баннеров — повысить кликабельность (тем самым снизив стоимость перехода) и донести максимум важной информации, что в перспективе снижает показатель отказов.
Была разработана серия рекламных баннеров для рекламной сети Яндекс под все форматы (более 25 размеров). Часть из них была посвящена ключевой услуге — ремонт квартир под ключ. Другая — услуге по приемке квартир в новостройках.
Рекламные креативы реализовывались в нескольких вариантах для тестирования эффективности, а яркие фирменные цвета выделили баннер в результатах поисковой выдачи.
Все работы одним списком
- Логотип
- Визитки (именные и корпоративные)
- Фирменные бланки
- Подарочные карты («бронзовая», «серебряная», «золотая»)
- Карты почетного клиента
- Гайдлайн по работе с логотипом
- Подбор шрифтов
- Главная страница
- Лэндинг
- Страница «Контакты»
- Страница «Цены»
- Страница «Дизайн интерьера»
- Дизайн страницы «Приемка квартир»
- Дизайн инфоблока «Акции» (список, детальное описание)
- Дизайн инфоблока «Наши работы» (список, детальное описание)
- Страница со стилевым оформлением: заголовком, нескольких видов списков, текстовых блоков, уведомлений, иконок, списка страниц, таблиц, форм и полей, кнонок, «аккордеонов», «табов»
- Адаптация дизайна под мобильные
- Адаптация дизайна под планшеты (вертикальный и горизонтальный разворот)
- Баннеры для ремонта квартир под ключ
- Баннеры для приемки квартир в новостройке
- Размеры баннеров: 160*600, 200*100, 200*200, 200*300, 200*400, 240*600, 260*71, 300*225, 300*250, 300*300, 300*500, 300*600, 320*50, 320*67, 320*100, 320*480, 336*280, 445*900, 480*320, 560*120, 728*90, 850*225, 900*900, 970*250, 1000*120