Кейс разработки онлайн-сервиса ЖКХ

Веб-приложения SaaS домохозяйство дизайн верстка высоконагруженный сайт адаптивный сайт личный кабинет мобильная версия Bootstrap Figma БЭМ

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

Задача

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

Решение

Разработали дизайн-концепцию и макеты сервиса, сделали адаптивную вёрстку.

Технологии

Figma

Bootstrap

BEM

Дизайн

Разработали 3 дизайн-концепции и презентовали заказчику на выбор. Вместе выбрали одну, доработали и приступили к проработке страниц. Дополнительные 2 концепции также остались у заказчика.

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

Кейс разработки онлайн-сервиса ЖКХ - Дизайн (Продолжение)

Адаптивная верстка

Чтобы ускорить процесс вёрстки, использовали фреймворк Bootstrap. Также применили методологию БЭМ, благодаря чему заказчик получил поддерживаемый и легко масштабируемый код.