Мособлстройпоставка
В городе наступает ночь, просыпается Мафия… Наступает утро и начинается ремонт вашего дома. К чему это я? Вы когда-нибудь задумывались над тем, кто ремонтирует дома, в которых вы живете?
В Москве и Мос. Области многоквартирные дома ремонтируют огромное количество компаний. Для производства «комплектующих» задействованы десятки заводов в различных отраслях. Каждый квартал министерство объявляет управляющим компаниям о том, что настало время проверять дома и выполнять работы по замене, ремонту или восстановлению. До 2015 процесс поиска и приобретения «комплектующих» был ручным, то есть управляющие компании искали информацю о производителях из разных источников, или закупали ее у сторонних / иностранных производителей.
Для упрощения процесса, было решено автоматизировать его с помощью сайта. Теперь управляющие компании ограничены в выборе, но всегда могут смотреть всю информацию в одном месте. Проект «МОСП» работает при поддержке министерства.
МОСП — это аукцион, регулирующий отношения между поставщиками товаров по ремонту жилищно-коммунального хозяйства и управляющими компаниями.
Еще проще — это интернет-магазин, где Росссийские заводы продают свою продукцию и услуги для компаний, которые обслуживают дома.
Задача
Спроектировать и нарисовать интерфейс с выбором комплектующих и возможностью оформления заказа, показать оригиналы и аналоги товаров. Целевая аудитория — менеджеры среднего звена 21 – 48 лет, с средним уровнем владения компьютера / сети.
Решение
До того, как приступить к работе мне пришлось выпить не одну чашку кофе, чтобы понять, что это, надеюсь описание было более внятным, чем «ТЗ». После десятка вопросов смысл стал более внятным. Время и бюджет на разработку были урезаны, поэтому вместо стандартных варфреймов, как я обычно делаю, нарисовал будущую архитектуру страниц прямо на бумаге вместе с аккаунт менеджером.
Макеты были утверждены реактивно и я приступил к дизайну. Из пожеланий клиента было озвучено: добавить информацию о поддержке министерства, фиксированную шапку при скролле, минималистичный дизайн и ограничение функционала неавторизованных пользователей, но об этом чуть позже… Примером сайта, что нравится клиенту был приведен emex.ru
Контент
Контента было крайне мало, но это не первый опыт работы с такими проектами, поэтому главное — сохранять спокойствие и делать все просто (keep calm & kiss).
Поначалу главная страница выглядела очень просто, но в нашем случае важный фактор — скорость. Отсутствие котента пришлось немного компенсировать графикой и я выбрал стиль line art. Контуры и немного трендов.
Клиент вносит правки — просит добавить баннер и блок новостей, а также видео рекомендацию одного из депутатов гос.думы, после чего главная страница ожила и превратилась во что-то более симпатичное
Результат
На основе бумажных блоксхем я нарисовал внутренние страницы проекта, вот часть из них
После первой авторизации компании необходимо заполнить юридическую информацию, которая будет проверена модераторами. Есть два способа сделать это — заполнить все поля вручную, или прикрепить файл
Боль и ограничения
Итог
Такой небольшой интерфейс в конечном итоге составил 33 экрана. После утверждения макетов у клиента я нарисовал «Cuts» для фронт-энд разработчика и написал сопровождающий pdf-файл с примерами интерактива и своими хотелками.
Это уникальный ресурс для компаний, которые работают с государством, и в скором времени все управляющие предприятия будут пользоваться этим интерфейсом. Техническое сопровождение данного проекта велось мной до работы программиста.
Хочется верить, что министерство одумается и вернется за исправлениями, ведь главное в интерфейсах — пользователи, которые будут взаимодействовать с продуктом
Мособлстройпоставка.рф
Спасибо за внимание!
