Кейс: сайт для компании Premium Cleaning

Прототип для сайта

Я провела анализ конкурентов и выяснила, что на многих сайтах используются стоковые фотографии. Это не вызывает доверия у пользователей. Оригинальные фото на сайте, наоборот, повышают доверие у потенциальных клиентов. В Premium Cleaning провели классную фотосессию.

После того, как я провела анализ конкурентов, мы созвонились с клиенткой и утвердили структуру будущего сайта. Изначально мы хотели добавить блок с описанием сотрудников, но в дальнейшем отказались от него. Я помогла с написанием текстов для сайта и составила прототип на основе утверждённой структуры:

На многих сайтах конкурентов можно увидеть большие полотна текстов. Но целевая аудитория клининговых компаний — это занятые люди, которым нужна уборка. У них нет времени изучать тонну профессиональной информации, которая заинтересует разве что конкурентов. Рассказывать о себе лучше кратко, тезисно, выделяя самые важные моменты — то, что будет интересно потенциальному клиенту и что сподвигнет его заказать у вас.

У сотрудников компании чёрная форма с вышитым на ней темно-оранжевым логотипом. Было решено использовать эти цвета на сайте. Использование единого стиля в форме, соцсетях, на сайте повышает узнаваемость бренда. К тому же, оттенки хорошо гармонируют друг с другом.

Клиентка предоставила мне логотип. В нем название компании было написано шрифтом с засечками. Чтобы сохранить стилистику, для заголовков был выбран тоже шрифт с засечками - Playfair Display. Но для обычных текстов он не подходит (будет трудно считываться), поэтому в пару ему подобрала шрифт Raleway - современный, легко читается. Оба шрифта из Google fonts - корректно отображаются в браузерах, хорошо гармонируют друг с другом.

Клиентка выбрала первый вариант. Впоследствии я его ещё немного доработала и заменила фоновое изображение.

Все варианты получились интересными. Первый более классический, а второй немного нестандартный.
Обычно я делаю 2 варианта дизайна, но мне была интересна тематика, поэтому в качестве бонуса я сделала ещё и 3-й вариант дизайн-концепции (на нем фото взято для примера со стока, если бы выбрали этот вариант, то изображение бы изменили).

В каждую услугу входит длинный список работ: Эти списки было решено скрыть во всплывающем окне, а на странице сайта оставить только перечень услуг с кратким описанием. Мы не грузим пользователя полотнами текста, а даём ему выбор читать то, что его интересует. «Подробнее» я сделала текстом и иконкой. Кнопки бы отвлекали все внимание на себя, и мешали сосредоточиться на текстовом контенте.

Информация на экране представлена структурировано, кратко, тезисно. Пользователь сразу считывает преимущества. При этом все они описаны с позитивной стороны. Например, «Мы всегда приезжаем вовремя» - хорошая фраза, без негатива. Все заголовки преимуществ подтверждены фактами в описании. Такая подача делает тексты убедительнее.

Подтверждает все сказанное на сайте выше. Тут наглядно отображается результат работы. Было решено добавить слайдер с автоматическим перелистыванием изображений.

В заголовке мы обращаемся к пользователю. А снизу текстом описывается, что будет после того, как человек отправит заявку. В форму мы решили добавить только одно поле — номер телефона. Чем меньше полей — тем проще и быстрее клиент отправит заявку.

На основе утверждённой стилистики я разработала дизайн-макет для всего сайта. На странице блоки с текстовой информацией чередуются с блоками с медиа-контентом. Так интереснее изучать сайт.

Получился аккуратный стильный сайт, который выделяется на фоне конкурентов. При этом в нем нет нет ничего лишнего. Вся информация подана структурировано и понятно.