Администрация области обратилась к нам с просьбой о помощи. Помощи в разработке Официального информационного портала Губернатора и Правительства Волгоградской области. Звучит? Большой шкаф громко падает, скажу вам. Ниже история о нашей работе, результате и выводах.

Актуальность

Портал губернатора и правительства области www.volganet.ru является ресурсом, аккумулирующим в себе несколько десятков подсайтов, поддоменов, разделов, информационных баз и прочее-прочее. Каждое ведомство имеет если не целый сайт на поддомене, то страничку точно. Везде формы, запись на прием, двадцатиуровневая навигация вглубь, и прочие прелести. Мысленно натяните на этот базар эклектики дизайн и табличную верстку бородатых годов, и вы поймете, с чем нам предстояло столкнуться. Для тех, кому лень представлять, зайдите на портал. Он до сих пор такой)

Текущая версия портала скрипит байтами на OpenCMS — свободно распространяемой платформе для разработки сайтов. Внутри нее суровые Java и XML, а снаружи отсутствие хороших специалистов-разработчиков и внятной технической поддержки. Как следствие, проблемы с развитием портала. Каждый новый раздел на сайте добавляет седых волос специалистам, которые его обслуживают. Комитет информационных технологий Волгоградской области устал тратить время и средства на доработки системы и решил перевести сайт на рельсы Битрикса.

Кроме всего прочего, существует специальный рейтинг госсайтов, который автоматически собирает и анализирует статистику по многим параметрам, и выставляет баллы. Наш портал был далеко не первый в данном рейтинге. Одним из условий работы над проектом был вывод сайта в десятку лучших в рейтинге.

Мы с коллегами, Алексеем и Степаном, начали с выявления текущих проблем портала. Вот они, повторим:

  • Неудобная навигация — три меню, в каждом по три подменю. Как в русских сказках.
  • «Каша» из баннеров и другие проблемы дизайна. Например, одни страницы тянутся по ширине на весь экран, другие, на соседней кнопке — нет
  • Отсутствие единообразия на подчиненных сайтах
  • Низкие позиции в рейтинге гос. сайтов

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

Портал Правительства области

Перед собой мы поставили следующие задачи:

  1. Сделать сайт лучше: удобнее, красивее, технологически современнее.
  2. Повысить места в рейтингах.
  3. Обеспечить “запас прочности”, чтобы сайт выдержал любые разумные изменения.

Для того, чтобы понять, кому нужен сайт, мы выделили целевые аудитории — основных посетителей сайта:

1. Власть (администрация, дочерние структуры, Государство, проверяющие, Дума). Им нужно, чтобы сайт соответствовал требованиям ФЗ и приказам Минэкономразвития России, и, кроме того, красиво рассказывал об их работе.

2. Население (пенсионеры, многодетные, ветераны, потребители госуслуг и тп). Так называемые, “Просящие”. Хотят найти контакт/закон/ответ на простой вопрос, кроме того, должны получить хорошее впечатление от величия и великодушия власти.

3. Специалисты (юристы, застройщики, журналисты, участники тендеров, кандидаты). “Требующие”. Ищут документ/человека/ответ на сложный вопрос. Должны получить хорошее впечатление от дизайна, навигации, контента.

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

Дизайн

Начнем с проблем, которые должен решать дизайн любого правительственного сайта:

  • Плохо предсказуемая структура навигации. В любой момент в любом разделе могут появиться 100500 подразделов и подстраниц.
  • Длинные пункты меню. Реальный пример — «Конкурсы для включения в кадровый резерв и на замещение вакантных должностей государственной гражданской службы Волгоградской области в органах исполнительной власти Волгоградской области»
  • Неглубокая, но очень широкая навигация. Десятки пунктов на каждом уровне.
  • Графика различного происхождения и в основном плохого качества. Относится к баннерам, присланным свыше, таблицам, бесконечным спискам документов.

Кроме того, мы утвердили некоторые требования к стойкости дизайна, и сайта в целом:

  • Сайт должен проработать минимум 5 лет
  • Сайт должен выдержать любое изменение структуры Администрации
  • Сайт должен выдержать количественное увеличение каждого меню в 2 раза
  • Сайт должен быть готов к вставке новых блоков в дизайн как на главную, так и на внутренние страницы без потери его визуального качества.

Обязательные элементы главной страницы:

  • Три-пять самых важных новостей с картинками
  • Десять-двадцать новостей. За день пресс-центр администрации генерирует их несколько десятков.
  • Губернатор и ссылка на его портал.
  • Баннеры, баннеры, БАННЕРЫ!!
  • Парочка меню, на все случаи жизни.

Мы собрали все требования воедино, и приступили к эскизам. Для главной страницы было нарисовано несколько прототипов:

1. GOVERNMENT-стайл. По мотивам портала Правительства РФ. На текущий момент government.ru — лучший сайт органа власти в рунете.

Прототип дизайна - 1

2. Классический вариант Г-дизайна. «Г-дизайн» - это верхнее и левое меню в форме буквы Г, а не то, что вы подумали.

Прототип дизайна - 2

3. Мой любимый вариант. Называется газетный стиль. Главная страница несет мало текстовой информации и является, по сути, одним большим меню сайта. Исполняет роль передовицы, или оглавления.

Прототип дизайна - 3

Мы должны были выбрать два из трех, чтобы нарисовать два разных макета дизайна. Да-да, дорогие слушатели этого интересного, если вы хотите получить два разных дизайна, делайте два прототипа. Из одной модульной сетки получается один и тот же дизайн. Цвета-шрифты могут быт разными, структура — нет. Выбрали первый и третий. На это была ставка, мы выиграли и перешли непосредственно к фотошопированию.

Вот результат:

1. GOVERNMENT-стайл.

Дизайн портала - Вариант 1

2. Дизайн — оглавление.

Дизайн портала - Вариант 2

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

Вдруг… Знаете, как это в книгах бывает — «ничего не предвещало беды». Администрация славного города Санкт-Петербурга обновила свой портал [http://gov.spb.ru/]. Вот-вот, они там быстрее реагируют. И что бы вы думали? Через пару часов нам позвонили из “нашей” администрации и сказали: «Ребят, вы чего там, с дуба рухнули что ли? Почему наш дизайн такой же, как у северной столицы?». Нда, бывает. Дуракам умные мысли в голову одновременно приходит. Вот он, кстати, этот сайт. Судите сами, похож или нет. Похож, да. Но мы же не виноваты.

Администрация СПб

Уникальность дизайна. Доказательство от противного.

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

Дизайн портала Правительства

Есть мнение, что мы поступили неправильно, и пошли на поводу у заказчика. Мы убеждали себя, что еще одна маленькая поправулечка, и больше не будем. Не очень много изменений произошло, фактически мы собрали обновленный дизайн из двух предыдущих. Заказчики утвердили и приняли работу.

Мы вздохнули с облегчением и начали готовиться к аукциону.

АукцИон

Что тут говорить? Это так весело — торговаться вслепую. Не буду описывать подробности. Скажу лишь, что мы не выиграли. Оппонент выставил цену ниже, и 25 декабря должен должен был предоставить готовый сайт. Протокол аукциона, кому интересно — http://etp.zakazrf.ru/DFile.ashx?guid=133d2ee8-2e3d-4d6a-856c-588c68f46557

Что дальше?

Честно говоря, мы затаили обиду и ждем, когда оппонент облажается, и заказчик вернется к нам. Если это и случится, то только в 2014 году.

Оцените статью
27.12.2013
Понравилась статья?
Поделитесь ссылкой с друзьями и коллегами!

Статьи по теме

Разработка календаря бронирования для сайта на Битрикс авиационного учебного центраЧтобы пилоты авиакомпаний могли бронировать время своих тренировок в учебном центре, мы разработали для них удобный модуль бронирования времени. Рассказываем по...
Продавайте больше через индивидуальные скидки и персональные цены для оптовиковВ статье рассказываем, как с помощью функционала работы с ценами и скидками можно привлекать новых b2b-клиентов и удерживать старых, создавая долгосрочные и вза...
Биллинг ИТ-компании на laravelОбычно мы рассказываем, как принесли пользу клиенту. Но сегодня у нас будет особый разговор, ведь заказчиком биллинговой системы ИТ-компании была… ИНТЕРВОЛГА! ...
Почему мы рекомендуем начинать с внедрения базовой версии b2b-платформыК нам в компанию ИНТЕРВОЛГА часто обращаются клиенты с заявками на внедрение личного кабинета дилера с длинным списком желаемых функций. Однако мы рекомендуем н...
Функция b2b-платформы — отправка рекламаций в CRMОптовые покупатели — ключевой сегмент экономики торгово-производственного предприятия, и их удовлетворённость напрямую влияет на успех бизнеса. Новый функционал...
Как b2b-платформа передает в 1С данные по новым контрагентам В этой статье мы расскажем, что происходит после того, как клиент зарегистрировал в б2б-кабинете новое юридическое лицо и сделал заказ, а также покажем, как...
Мы работаем по одному из двух форматов:
  • аренда команды (от 2 человек, не менее 3 месяцев);
  • итерации с фиксированной ценой (1-3 месяца длительностью).
ИНТЕРВОЛГА предоставляет:
  • регулярные онлайн-планерки с заказчиком;
  • квалифицированных специалистов;
  • организованную команду (находятся в одном помещении, что упрощает решение рабочих вопросов);
  • полную прозрачность и регулярность отчетов о результатах.
Ключевые услуги:
  • нагруженный интернет-магазин;
  • личный кабинет;
  • оптовые продажи — B2B-платформа;
  • маркетплейс;
  • технический аудит сайта;
  • Битрикс24 — корпоративные HR-порталы;
  • Битрикс24 — построение CRM-системы;
  • Битрикс24 — личные кабинеты сотрудников;
  • Битрикс24 — аудит портала;
  • 1С — интеграция с другими системами;
  • 1С — доработка системы;
  • маркетинг — комплексное интернет-продвижение;
  • маркетинг — продвижение для B2B.
Хотите получать лучшие статьи от INTERVOLGA раз в месяц?
Подпишитесь на рассылку — спамить не будем