Тюменский научно-исследовательский и проектный институт нефти и газа (ТюменьНИПИнефть) был создан 17 января 2008 года в городе Тюмени для научного и проектного обеспечения развития предприятий нефтяной и газовой промышленности на территории Ямало-Ненецкого автономного округа, Ханты-Мансийского автономного округа – Югры, юга Тюменской области.
В 2012 году ЗАО ТюменьНИПИнефть был организован тендер на разработку и создание новой версии сайта. Агентство Ремарк приняло участие, предоставив визуальную концепцию. Благодаря нашей победе в конкурсе был подписан контракт.
Первая визуальная концепция
Концепция победила в конкурсе
— Разработка структуры содержания на сайте
— Создание технического задания
— Создание технического задания
— Сбор материалов и контента сайта
— Прототипирование и моделирование взаимодействия
— Дизайн
— Верстка и программирование
— Тестирование
— Наполнение и запуск
— Наполнение и запуск
Разработка структуры проекта
В процессе работы структура уточняется, но крайне важно определить основные разделы и их типы до начала работ по прототипированию сайта.
Создание технического задания
Техническое задание описывает:
Цели создания сайта
Необходимые макеты страниц
Общие элементы страниц сайта
Уникальные элементы страниц сайта
Систему управления содержимым сайта
Совместимость с браузерами
Вебаналитику
Карту сайта ТюменьНИПИнефть
Цели создания сайта
Необходимые макеты страниц
Общие элементы страниц сайта
Уникальные элементы страниц сайта
Систему управления содержимым сайта
Совместимость с браузерами
Вебаналитику
Карту сайта ТюменьНИПИнефть
Сбор материалов
Собираем и раскладываем по полочкам лицензии, сертификаты, отзывы клиентов, логотипы заказчиков, структуру компании, описание каждого отдела, фотографии сотрудников, список вакансий и многое многое другое.
Прототипирование
Проектирование интерфейса сайта (прототипирование) позволяет наиболее быстро согласовать расположение ключевых блоков на страницах стайта, выделить типы и способы подачи информации, структурировать приоритетный контент, опробовать сценарии взаимодействия целевой аудитории с сайтом.
согласованный прототип главной страницы сайта
Прототипы в нашем агентстве создаются не грубые, а достаточно подробные, приближенные к конечному отображению. Здесь не прорабатывается всё что относится к стилистике (цвет, фактуры, шрифты, графический интерфейс и т.п.), но есть реальная возможность оценить и согласовать пропорции и содержание страниц.
В процессе предлагаются различные решения, разные компоновки и содержания всех обозначенных в техническом задании страниц.
В процессе предлагаются различные решения, разные компоновки и содержания всех обозначенных в техническом задании страниц.
согласованный набор прототипов страниц сайта
Дизайн
Благодаря завершенному этапу прототипирования дизайн сайта становится не просто набором картинок, а структурированной системой.
На данном этапе мы разрабатываем оригинальную стилистику в фирменном стиле Заказчика. Отрисовываем графические элементы, состояния для элементов интерфейса (активное, наведенное, по-умолчанию, отключенное). Работа проводится отделом дизайна и проектирования.
На данном этапе мы разрабатываем оригинальную стилистику в фирменном стиле Заказчика. Отрисовываем графические элементы, состояния для элементов интерфейса (активное, наведенное, по-умолчанию, отключенное). Работа проводится отделом дизайна и проектирования.
согласованный вариант дизайна главной страницы сайта
высокая детализация проработки графических элементов сайта
дизайн блока отзывов на главной странице сайта
Макеты внутренних страниц сайта
современный и аккуратный дизайн типовой страницы сайта
внимательная проработка типографики и способов подачи информации
лицензии на сайте
реализована возможность администратору сайта добавлять точки на Яндекс.Картах
продуман механизм отправки заявки по вакансии
Особое внимание уделено разделам услуги и примеры выполненных проектов
рядом с описанием услуги примеры выполненных проектов
более подробное описание проекта доступно без перехода на другую страницу
После разработки всех дизайн-макетов подписан акт согласования дизайна. Далее работы по верстке и программированию сайта.
Верстка и программирование сайта на системе 1С-Битрикс
В процессе верстки шаблонов страниц сайта использована методология БЭМ, созданная компанией Яндекс.
Внутренний контроль на данном этапе осуществляется благодаря использованию системы ведения проекта Мегаплан.
* в данный момент все проекты агентства переведены в систему Битрикс24
Пример описания процесса работы по верстке (внутренний отчет сотрудника за день)
Тестирование
Этап тестирования проекта внутри компании также проходит в системе управления проектом
комментарии ведущего дизайнера группе верстальщиков
Исправляем большое количество мелочей, проверяем отображение в браузерах. Доверстываем для ie. Находим странность отображения шрифтов в позабытом windowsXP. Чиним поехавшую после всех исправлений верстку меню и многое многое другое...
После внутреннего тестирования Заказчику предоставлен доступ до системы управления сайтом 1С-Битрикс. Идет наполнение и проверка выполненных работ.
Наполнение и запуск сайта
После завершения наполнения сайта дополнительно проверяются и правятся обнаруженные ошибки в верстке. Сайт публикуется на официальном домене.
Работа по созданию корпоративного сайта выполнена в интерактивном агентстве Ремарк в 2012 году.
Посетите сайт tnipi.ru
