August 16, 2022

Главная страница сайта для проектной дирекции МИН ТЭК и ЖКХ Архангельской области · 2022

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

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

1. Сбор требований

Клиент предоставил техническое задание, брендбук и длинный-длинный майндмап с общей структурой сайта. И на скрине я показал только 1/5 от всего объёма данных.

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

И я приступил к проработке дизайна

2. Дизайн

Вся анимация, которая есть в этом проекте, сделана сразу в Фигме, без сторонних приложений :)

Главный экран

На одном из созвонов клиент показал рекламные материалы, в которых используется рисованная иллюстрация, а я в свою очередь решил использовать это для основных визуалов.

Идея первого экрана заключается в том, чтобы через сменяющиеся заголовки показать, как Проектная Дирекция влияет на жизнь простых горожан.

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

Чистая вода

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

Идея визуала в том, что 2 цистерны с водой, будто насосы качают воду и снабжают ей дома в регионе

Комфортная среда

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

Использовал ранее придуманные трубы с водой, к ним добавил провода, по которым приходит электричество в каждый дом.

Энергосбережение и инвестиции в ЖКХ

Другие проекты, которыми занимается организация, решил сделать визуально второстепенными

Полезная информация

Сделали блок с полезной информацией для горожан. В основе использовал яркий факт — средний показатель потребления коммунальных услуг за электроэнергию

Новости

Карта

Футер

Сделал подвал сайта максимально воздушным, чтобы акцентировать внимание пользователя на внутренних разделах и контактных данных

3. Посмотреть в Фигме

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

Краткая инструкция к работе: 1. Начать сценарий сначала — R;
2. До экрана «формирование комфортной городской среды» нужно листать стрелочками, дальше можно скроллить.

Ссылка: https://cutt.ly/TIGPWWL

Продакшн

К сожалению, у меня не было доступа к контролю вёрстки и дальнейшей разработке проекта. Поэтому, свёрстанный результат сильно отличается от утверждённой концепции =(

https://pdmtek.ru/


Спасибо за внимание!

Спасибо, что уделили время этой работе! Вы молодец =)

Написать мне в телеграме: https://t.me/avlknff