Главная страница сайта для проектной дирекции МИН ТЭК и ЖКХ Архангельской области · 2022
Проектная дирекция министерствf топливно-энергетического комплекса и жилищно-коммунального хозяйства Архангельской области. Занимается созданием комфортной городской среды, помогает экономить на электроэнергии и обеспечивает жителей чистой питьевой водой
Задача:
По готовой структуре на основе брендбука сделать привлекательный дизайн страницы, которая будет рассказывать о всех событиях и проектах организации.
1. Сбор требований
Клиент предоставил техническое задание, брендбук и длинный-длинный майндмап с общей структурой сайта. И на скрине я показал только 1/5 от всего объёма данных.
Перед началом работы провели несколько созвонов, и определили, что для главной страницы и текущей версии структура может быть значительно упрощена. Выявили ключевые разделы, которые точно нужно показать.
И я приступил к проработке дизайна
2. Дизайн
Вся анимация, которая есть в этом проекте, сделана сразу в Фигме, без сторонних приложений :)
Главный экран
На одном из созвонов клиент показал рекламные материалы, в которых используется рисованная иллюстрация, а я в свою очередь решил использовать это для основных визуалов.
Идея первого экрана заключается в том, чтобы через сменяющиеся заголовки показать, как Проектная Дирекция влияет на жизнь простых горожан.
Нарисовал дома, водяной бак и всё между собой соединил, чтобы показать, что организация ежедневно снабжает людей всем необходимым
Чистая вода
Ранее с клиентом определили, что нужно сделать акцент на двух проектах — чистая вода и комфортная среда. Поэтому я предположил, что каждый из них может иметь уникальный и контрастный относительно других блоков дизайн.
Идея визуала в том, что 2 цистерны с водой, будто насосы качают воду и снабжают ей дома в регионе
Комфортная среда
Идея этого визуала в том, чтобы показать не только дома, но и парки, в которых люди обычно отдыхают и проводят время. Хотелось показать, что парки, вода, свет в многоэтажных и частных домах — дело рук Проектной Дирекции
Использовал ранее придуманные трубы с водой, к ним добавил провода, по которым приходит электричество в каждый дом.
Энергосбережение и инвестиции в ЖКХ
Другие проекты, которыми занимается организация, решил сделать визуально второстепенными
Полезная информация
Сделали блок с полезной информацией для горожан. В основе использовал яркий факт — средний показатель потребления коммунальных услуг за электроэнергию
Новости
Карта
Футер
Сделал подвал сайта максимально воздушным, чтобы акцентировать внимание пользователя на внутренних разделах и контактных данных
3. Посмотреть в Фигме
Напоминаю, что вся анимация на этом проекте была сделана в Фигме без сторонних приложений.
Краткая инструкция к работе:
1. Начать сценарий сначала — R;
2. До экрана «формирование комфортной городской среды» нужно листать стрелочками, дальше можно скроллить.
Ссылка: https://cutt.ly/TIGPWWL
Продакшн
К сожалению, у меня не было доступа к контролю вёрстки и дальнейшей разработке проекта. Поэтому, свёрстанный результат сильно отличается от утверждённой концепции =(
Спасибо за внимание!
Спасибо, что уделили время этой работе! Вы молодец =)
Написать мне в телеграме: https://t.me/avlknff