Создание корпоративного сайта для проектного института ТюменьНИПИнефть

автор Егор Добрынин, 6 июля 2013, рубрика Работы. нет комментариев

Создание корпоративного сайта.

Тюменский научно-исследовательский и проектный институт нефти и газа (ТюменьНИПИнефть) был создан 17 января 2008 года в городе Тюмени для научного и проектного обеспечения развития предприятий нефтяной и газовой промышленности на территории Ямало-Ненецкого автономного округа, Ханты-Мансийского автономного округа – Югры, юга Тюменской области.

В 2012 году ЗАО ТюменьНИПИнефть был организован тендер на разработку и создание новой версии корпоративного сайта. Агентство Ремарк приняло участие, предоставив визуальную концепцию. Благодаря победе в конкурсе был подписан контракт.

Первая визуальная концепция дизайна корпоративного сайта

ТюменьНИПИнефть

Концепция победила в конкурсе
Процесс работы
  • Разработка структуры содержания на сайте
  • Создание технического задания
  • Сбор материалов и контента сайта
  • Прототипирование и моделирование взаимодействия
  • Дизайн
  • Верстка и программирование
  • Тестирование
  • Наполнение и запуск

Разработка структуры проекта

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

Создание технического задания

Техническое задание описывает:
  1. Цели создания сайта
  2. Необходимые макеты страниц
  3. Общие элементы страниц сайта
  4. Уникальные элементы страниц сайта
  5. Систему управления содержимым сайта
  6. Совместимость с браузерами
  7. Вебаналитику
  8. Карту сайта ТюменьНИПИнефть

Сбор материалов

Собираем и раскладываем по полочкам лицензии, сертификаты, отзывы клиентов, логотипы заказчиков, структуру компании, описание каждого отдела, фотографии сотрудников, список вакансий и многое многое другое.

Создание корпоративного сайта — этап прототипирования

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

согласованный прототип главной страницы сайта

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

согласованный набор прототипов страниц сайта

Создание корпоративного сайта — этап дизайна

Благодаря завершенному этапу прототипирования дизайн корпоративного сайта становится не просто набором картинок, а структурированной системой.

На данном этапе мы разрабатываем оригинальную стилистику в фирменном стиле Заказчика. Отрисовываем графические элементы, состояния для элементов интерфейса (активное, наведенное, по-умолчанию, отключенное). Работа проводится отделом дизайна и проектирования.

согласованный вариант дизайна главной страницы сайта

высокая детализация проработки графических элементов сайта

дизайн блока отзывов на главной странице сайта

Макеты внутренних страниц сайта

современный и аккуратный дизайн типовой страницы сайта

внимательная проработка типографики и способов подачи информации

 

лицензии на сайте

реализована возможность администратору сайта добавлять точки на Яндекс.Картах

продуман механизм отправки заявки по ваканси

Особое внимание уделено разделам услуги и примеры выполненных проектов

рядом с описанием услуги примеры выполненных проектов
более подробное описание проекта доступно без перехода на другую страницу
После разработки всех дизайн-макетов подписан акт согласования дизайна. Далее работы по верстке и программированию сайта.

Верстка и программирование сайта на системе 1С-Битрикс

В процессе верстки шаблонов страниц сайта использована методология БЭМ, созданная компанией Яндекс.

Внутренний контроль на данном этапе осуществляется благодаря использованию системы ведения проекта Мегаплан.

* в данный момент все проекты агентства переведены в систему Битрикс24

Пример описания процесса работы по верстке (внутренний отчет сотрудника за день)

Тестирование

Этап тестирования проекта внутри компании также проходит в системе управления проектом.

комментарии дизайнера группе верстальщиков

Исправляем большое количество мелочей, проверяем отображение в браузерах. Доверстываем для ie. Находим странность отображения шрифтов в позабытом windowsXP. Чиним поехавшую после всех исправлений верстку меню и многое многое другое…

После внутреннего тестирования Заказчику предоставлен доступ до системы управления сайтом 1С-Битрикс. Идет наполнение и проверка выполненных работ.

Наполнение и запуск сайта

После завершения наполнения сайта дополнительно проверяются и правятся обнаруженные ошибки в верстке. Сайт публикуется на официальном домене.

Работа по созданию корпоративного сайта выполнена в интерактивном агентстве Ремарк в 2012 году.

Посетите сайт tnipi.ru