Коротко о проекте
-
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-исследование, чтобы продумать структуру сайта и подготовить прототип. Проекты для госзаказчиков устроены иначе. В ТЗ сразу прописывают аудиторию, структуру, какие должны быть ссылки и кнопки. Исполнитель должен выполнить все строго по этому заданию.
Например, разделы на сайте нужны были только такие:
- события региона — выставки, концерты, фестивали;
- видео — ролики об известных людях и событиях;
- онлайн — экскурсии в видеоформате, записи концертов;
- викторины — на знание истории и культуры Новосибири;
- люди — ролики почетных гражданах региона. Раздел отчасти пересекался с разделом «Видео».
- история региона — статьи о районах, городах, людях, которые отметились в истории области.
Мы сразу приступили к прототипу — черновому макету сайта. Его часто делают черно-белым, чтобы сфокусироваться на структуре страниц и расположении основных элементов интерфейса. Если надо что-то изменить, сделать это на этапе прототипа проще и дешевле, чем в финальном макете. В другой статье рассказали о пользе прототипов на примере сайта клиники для нашего клиента.
Этап подготовки прототипа помог нам сэкономить время. Сначала мы согласовали прототип — структуру страниц и расположение элементов. После оставалось только добавить оформление и утвердить финальный вариант.
Клиент планировал управлять контентом сайта через панель администратора, без помощи веб-разработчиков. Поэтому при подготовке прототипа мы выбрали простые и минималистичные шаблоны страниц. Например, главная страница каждого раздела — это обложки с небольшими подписями, расположенные в три колонки.
Разработали три варианта дизайна
После согласования прототипа мы перешли к проработке вариантов дизайна сайта. Задача осложнялась тем, что на тот момент у заказчика был не готов брендбук. Однако это не остановило работу над проектом.
Мы подобрали цвета, иллюстрации и шрифты на свое усмотрение. Из-за этого первые макеты отличались по стилю от финального варианта. Однако мы не делали пауз в разработке дизайна и благодаря этому смогли уложиться в сроки.
Когда заказчик передал нам брендбук, структура страниц и визуальные элементы были уже готовы — мы только заменили цвета на фирменные и добавили иллюстрации из брендбука. Всего разработали три варианта дизайна. Когда заказчик выбрал финальный, мы подготовили макеты к верстке.
Настроили быструю загрузку контента и административный интерфейс
В первые два месяца контент на сайте постоянно должен был обновляться. В регионе отмечали юбилей Новосибирской области, проводили мероприятия, после — снимали о них ролики и публиковали на портале.
Если размещать все видео-ролики непосредственно на сайте, то они будут занимать много места, а каждый просмотр будет нагружать сервер. Чем больше пользователей, тем больше риск, что сайт будет тормозить.
Чтобы уменьшить нагрузку на сервер и ускорить сайт, мы решили размещать видео на сторонних сервисах. Например, в аккаунте Новосибирской области на VK. На промо-сайте есть только плеер, который подтягивает видео с сервера VK. Так видео загружаются моментально и не нагружают портал. Для клиента в этом решении есть дополнительный плюс: трафик с сайта направляется в соцсети и наоборот.
Чтобы добавить в новость видео, администратору не нужно копировать его код. Достаточно добавить в конструкторе WordPress ссылку или идентификатор видео. CMS автоматически преобразует его в код плеера.
Результат: за четыре месяца разработали и запустили промо-сайт
- Выиграли тендер на разработку сайта.
- Отрисовали дизайн, согласовали с заказчиком, сверстали и запустили портал на WordPress раньше срока.
- В первый месяц сайт посетили несколько десятков тысяч пользователей.
- Заказчик может сам обновлять контент в административной панели. Например, публиковать новости, загружать видео, управлять видимостью страниц и их элементов.
- Клиент планировал запустить сайт только для празднования 85-летия области, но продолжает его использовать: публикует новости региона, отчеты о мероприятиях, статьи о жителях Новосибири.
Telegram
WhatsApp
+7 499 321-59-32
contact@orbitsoft.com