Как я работала над своим первым сайтом

Привет, меня зовут Инна. Сейчас я обучаюсь на веб-дизайнера. В этой статье хочу рассказать о том, как проходила работа над моим первым учебным сайтом на курсе от Логомашины.

Согласно заданию, надо было разработать лендинг для клининговой компании «Сияние». Сайт должен быть прост в использовании, не перегружен, аккуратно оформлен, содержать информацию о компании, прайс и перечень услуг.

1. Анализ конкурентов.

Сначала посмотрела сайты конкурентов, отметила для себя, что понравилось, что нет, какие блоки включу в свой сайт. Заодно изучила информацию про этот вид деятельности, какие бывают виды уборки, какие ещё услуги предоставляют клининговые компании.

2. Анализ целевой аудитории и составление портретов пользователей.

При анализе ЦА я читала отзывы на сайтах конкурентов, а также в блоках «Часто задаваемые вопросы». Изучала на форумах, что чаще всего беспокоит людей при выборе клининговой компании. Составила портреты пользователей. Персонажи охарактеризовала подробно: кто они, где живут, зачем им клининг, каков сценарий действий при посещении сайта, какие у них опасения насчёт компании и сотрудников, какие возникают вопросы. Здесь приведено краткое описание портретов пользователей.

3. Карта ассоциаций.

Составила сценарий и карту ассоциаций. От сайта должно быть ощущение идеальной чистоты, свежести, блеска.

4. Прототип.

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

5. Мудборд и референсы.

Как компания позиционирует себя на рынке? Клининговое агентство «Сияние» — гарантия чистоты и безопасности дома и семьи клиента. Мне кажется, на сайте должны быть фотографии красивых, стильных и современных квартир, идеально убранных, с сияющими окнами и зеркалами. Фото интерьера подобрала на Unsplash. Иконки отрисовала в Figma. Для главного заголовка принят шрифт Poiret One, для остальных заголовков и текста — Montserrat.

6. Дизайн сайта.

И последний этап — дизайн сайта.

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

#дизайн, #сайты, #лендинги