Проекты

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

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

Коротко о проекте

  • 01
    Клиент

    Министерство цифрового развития и связи Новосибирской области проводит тендер на разработку промо-сайта

  • 02
    Задача
    • Разработать промо-сайт на PHP за 8 месяцев
    • Предоставить 3 варианта дизайна сайта на согласование
    • Привлечь туристов и жителей региона на сайт
    • Рассказать о Новосибирской области, ее достопримечательностях и культуре
  • 03
    Решение

    Разработать сайт на WordPress — CMS с открытым исходным кодом на языке PHP

  • 04
    Результат
    • За 4 месяца разработали многостраничный сайт
    • Предоставили 3 варианта дизайна
    • Согласовали финальный вариант дизайна представителями заказчика
    • Заказчик может без помощи разработчиков обновлять на нем контент
    • В первый месяц сайт посетило несколько десятков тысяч пользователей

Новосибирская область хочет привлекать туристов

В 2022 году Новосибирская область отметила юбилей — 85 лет. К этом событию правительство региона решило разработать сайт. Задача — рассказать туристам и местным жителям об истории и интересных местах области.

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

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

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

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

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

Выиграли тендер на разработку промо-сайта

Мы подготовили заявку на участие в тендере. Она состоит из двух частей:

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

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

скриншот с сайта госзакупок
скриншот с сайта госзакупок
Результаты тендеров размещаются на площадке для госзакупок — ЕИС

У этого проекта, как и у других государственных заказов, были свои особенности:

  • Четкое ТЗ, которое нельзя нарушать. Уже на старте мы знали, какие на сайте будут разделы, сколько вариантов макетов нужно подготовить и в какие сроки.
  • Длинная цепочка согласований на каждом этапе. Это сильно затягивает выполнение проекта в сравнении с коммерческими заказами.

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

Выбрали для разработки сайта CMS WordPress

Заказчику было важно, чтобы портал был написан на PHP — на этом языке работает внутренняя команда Департамента информатизации. Мы предложили использовать WordPress по нескольким причинам:

  • Эта CMS написана на PHP, поэтому после запуска клиент может поддерживать и обновлять сайт силами собственной команды разработчиков.
  • Разрабатывать сайт с нуля на чистом PHP — долго. Выбрав CMS на этом языке мы сэкономили время и уложились в сроки заказчика.
  • WordPress предоставляет удобную админпанель, в которой персонал департамента сможет работать с контентом даже без помощи разработчиков. Например, добавлять новости, подгружать фотографии и видео.
  • У OrbitSoft большой опыт разработки на WordPress. Мы использовали фреймворк в разработке сайта для телеканала с прямыми трансляциями эфира. Создавали интернет-магазин на WordPress и настраивали его интеграции с системой продаж и учета, платежными и SMS-сервисами.

Разработали дизайн-прототип сайта

В коммерческих проектах мы обычно проводим UX-исследование, чтобы продумать структуру сайта и подготовить прототип. Проекты для госзаказчиков устроены иначе. В ТЗ сразу прописывают аудиторию, структуру, какие должны быть ссылки и кнопки. Исполнитель должен выполнить все строго по этому заданию.

Например, разделы на сайте нужны были только такие:

  • события региона — выставки, концерты, фестивали;
  • видео — ролики об известных людях и событиях;
  • онлайн — экскурсии в видеоформате, записи концертов;
  • викторины — на знание истории и культуры Новосибири;
  • люди — ролики почетных гражданах региона. Раздел отчасти пересекался с разделом «Видео».
  • история региона — статьи о районах, городах, людях, которые отметились в истории области.
страница ТЗ госзакупки
Пример требований к разделам сайта из технического задания

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

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

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

Скриншот главной страницы https://85.nso.ru/
Главная страница промо-сайта

Разработали три варианта дизайна

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

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

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

макет1
Первый вариант макета — до того, как мы получили брендбук
макет2
В этом варианте мы уже использовали фирменные цвета из брендбука
макет3
Третий, финальный вариант. Таким сайт увидели посетители

Настроили быструю загрузку контента и административный интерфейс

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

Если размещать все видео-ролики непосредственно на сайте, то они будут занимать много места, а каждый просмотр будет нагружать сервер. Чем больше пользователей, тем больше риск, что сайт будет тормозить.

Чтобы уменьшить нагрузку на сервер и ускорить сайт, мы решили размещать видео на сторонних сервисах. Например, в аккаунте Новосибирской области на VK. На промо-сайте есть только плеер, который подтягивает видео с сервера VK. Так видео загружаются моментально и не нагружают портал. Для клиента в этом решении есть дополнительный плюс: трафик с сайта направляется в соцсети и наоборот.

Чтобы добавить в новость видео, администратору не нужно копировать его код. Достаточно добавить в конструкторе WordPress ссылку или идентификатор видео. CMS автоматически преобразует его в код плеера.

скриншот страницы и код плеера
Так в коде страницы выглядит плеер с видео из VK

Результат: за четыре месяца разработали и запустили промо-сайт

  • Выиграли тендер на разработку сайта.
  • Отрисовали дизайн, согласовали с заказчиком, сверстали и запустили портал на WordPress раньше срока.
  • В первый месяц сайт посетили несколько десятков тысяч пользователей.
  • Заказчик может сам обновлять контент в административной панели. Например, публиковать новости, загружать видео, управлять видимостью страниц и их элементов.
  • Клиент планировал запустить сайт только для празднования 85-летия области, но продолжает его использовать: публикует новости региона, отчеты о мероприятиях, статьи о жителях Новосибири.

Получите ответ по смс

Ваше сообщение успешно отправлено!
Представьтесь пожалуйста
Укажите номер, на который придет ответ
Нажимая на кнопку, вы даете согласие
на обработку персональных данных.

Перезвонить вам, чтобы ответить на вопросы?

Когда с вами связаться?

Связаться по телефону:+7 499 321-59-32

Нажимая на кнопку, я принимаю условия политики и пользовательского соглашения

Фото эксперта
Дмитрий

Проектный менеджер

Получите ответ на ваш вопрос в любимом мессенджере

Выберите удобный мессенджер и начните диалог прямо сейчас

Telegram WhatsApp

Рассчитать стоимость проекта

Расскажите о вашем проекте, чтобы мы могли проконсультировать вас.

Напишите ваше имя
Укажите ваш email

Выберите удобный для вас способ связи

Мы сразу получим ваш запрос и поможем в решении проблемы

Написать в Telegram

Написать в WhatsApp

Позвонить нам