Общественный совет, os54.ru

Интернет-площадка для выборов и деятельности общественного совета при министерстве образования, науки и инновационной политики Новосибирской области

Задача

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

Процесс

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

С административной точки зрения выборы в совет подразделяются на следующие этапы:

  • Подготовительныйподготовка юридического базы, уведомление пользователей, промо; длительность несколько недель; на данном этапе на сайте находится лишь уведомление о выборах; параллельно ведем разработку
  • Прием заявоксбор документов кандидатов от общественных организаций; длительность этапа - один месяц; на приветственной странице сайта ОС появляется заявить своего кандидата в ОС и возможность прикрепить его документы; приём заявок осуществляется как off-line, так и on-line
  • Обработка заявокверификация заявок, очищение от дублей, наполнение единой базу данных
  • Голосованиедлительность этапа - две недели; на сайте ОС появляются фото и краткие сведения о кандидатах и начинается голосование;
  • Подведение итоговдлительность - максимум 7 рабочих дней; возможности проголосовать на сайте уже нет, но информация о кандидатах ещё доступна; на сайте доступно объявление о прекращении голосования и ожидании приказа минобра о составе ОС по результатам голосования
  • Публикация итогов голосованиязапускается страница с составом ОС; сайт переходит в постоянный режим работы

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

В начале пути перед нами встал вопрос «как оформить сайт?». Понятно что должны быть прямые и не очень ассоциации с госоргоном, вселяющие уверенность в честность и прозрачность выборов (тут вспоминается господин Чуров и 146%). Всё-таки хотелось обозначить прямую причастность к городу, на благо которого будет работать совет. К тому моменту уже были некоторые мысли по поводу дизайна, и мы начали прорабатывать возможность использования ночного фото города, точнее той его части, которая была бы знакома многим.

Пересечение улиц им.Ленина и им.Урицкого
Пересечение улиц им.Ленина и им.Урицкого

Ищем еще... Место должно быть узнаваемо, но не заезженно.

жд. вокзал «Новосибирск-Главный»жд. вокзал «Новосибирск-Главный»жд. вокзал «Новосибирск-Главный»
жд. вокзал «Новосибирск-Главный»

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

Первый макет
Первый макет

Создаём «атмосферу», прорабатываем элементы. Получаем макет, который станет прототипом всех остальных страниц сайта.

Работа над деталями
Работа над деталями

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

Прототип голосования
Прототип голосования

Результат

Главная страница
Главная страница
Страница голосования
Страница голосования
Состав совета
Состав совета
Новость детально
Новость детально
Обращение в совет
Обращение в совет
Новости
Новости
Архив новостей
Архив новостей
Документы
Документы

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

Адаптивность на мобильных устройствах
Адаптивность на стационарных устройствах

Не прошло

Весело…
Весело…