Дизайн сайта для управляющей компании по готовому фирстилю

дизайн обложки сайта с затемненной фотографией домов

Задача

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

О проекте

УК “Эквида” — управляющая компания в сфере ЖКХ в Санкт-Петербурге. Сайт для компании нужен был по требованию законодательства РФ, чтобы жильцы ЖК могли найти всю информацию и последние новости онлайн.

логотип компании Эквида-Сервис на фоне затемненной фотографии внутреннего двора многоэтажки

Что было сделано

Провела интервью с заказчиком
Изучила существующий стиль компании
Дизайн-концепция
Подготовка на верстку

Техническое задание

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

Основа заложенного фирстиля — затемненные фотографии, акцентный зеленый цвет и дополнительный рыжий. Цвета были взяты из брендбука компании. Фотографии предоставила заказчица. Тексты и примерную структуру заказчица предложила сама.
Мы решили не делать фотографии черно-белыми, как в исходном дизайне, чтобы сайт не смотрелся слишком серо. Такое отступление от стиля главной страницы допустимо, потому что новые страницы — для дочерних компаний

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

Стиль сайта

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

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

Я аргументировала свои предложения, и мы искали оптимальный вариант для оформления — чтобы дизайн был интуитивно понятным и одновременно соответствовал ожиданиям клиентки

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

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

Передача проекта

После согласования дизайна я подготовила UI-kit (карту поведения элементов на сайте для верстальщика) и передала файл на последующую верстку другому специалисту

Отзыв клиентки

По итогам нашей работы заказчица была довольна получившимся результатом. Работа не растягивалась и была выполнена в срок. Клиентка в личном разговоре отметила, что ей понравилось, что я могу предложить идеи реалиации, когда у нее их нет, и четко аргументировать, почему лучше сделать так, а не иначе

Как вам проект?

Посмотреть другие кейсы

Алхимия проявленности

Курс актерского мастерства как инструмента личностного роста

Elizabeth's English

Сайт школы иностранных языков