---
updateDate: 2026-02-05T00:00:00Z
publishDate: 2025-05-19
publishYear: 2022
name: Газпром ИПОЗ
title: Внутренняя информационная система «Газпром нефти»
titleBrief: Внутренняя информационная система
excerpt: Спроектировали интерфейс информационного портала в соответствии с новой концепцией.
context: |
Мы уже [работали с «Газпромом» раньше](/portfolio/gazprom-neft): проводили [UX-исследование](/services/research) процесса закупок в корпорации, делали [Сustomer Journey Map](/publications/cjmgazprom) и [UX-аудит](/services/ux-audit) шести внутренних сервисов.
А теперь нам предстояло создать на основе нашего исследования дизайн интерфейса информационного портала о закупках. Эта услуга называется у нас [UX-дизайн под ключ](/services/ux-design), потому что в её разультате заказчик получает макеты всех экранов user-flow каждого сценария системы.
logo:
src: ~/assets/images/portfolio/gazprom/logo.png
alt: Газпром-нефть logo
link: https://www.gazprom-neft.ru/
image: ~/assets/images/portfolio/gazprom/main.png
imageAlt: Внутренняя информационная система «Газпром нефти»
thumbnail:
src: ~/assets/images/portfolio/cards/gazprom2.svg
alt: Собака Павлова • Газпром Нефть • Внутренняя информационная система
isDark: true
tags:
- prom
- ux-design
- ux-outsource
- mass
- gazprom
- cjm
relatedPages:
- text: |
### Вам нужен интерфейс?
#### Заказать дизайн
Напишите нам на [we@sobakapav.ru](mailto:we@sobakapav.ru)
#### Что мы можем сделать?
[UX-дизайн под ключ](/services/ux-design), как в этом кейсе, и [многое другое](/services).
collection: services
page: ux-design
- text: |
### Хотите уметь так же?
Научим делать хорошие интерфейсы.
collection: promo
page: uc
relatedPages2:
- text: |
### Похожие проекты
- collection: portfolio
page: brighteye
- collection: portfolio
page: res
- collection: portfolio
page: gazprom-services
- collection: portfolio
page: gazprom-neft
- collection: portfolio
page: remtech
- collection: portfolio
page: pgk
- collection: portfolio
page: alfastrahhr
- collection: portfolio
page: nlmk
result:
- text: К сожалению, не можем показать — NDA.
time: 6 месяцев
budget: NDA
director: "Неофициальный девиз этого проекта: «Закупки — это любовь». Это постоянно повторяли коллеги из «Газпромома». От себя же добавим: любовь — это удобный интерфейс. Что, будете спорить?"
metadata:
canonical: https://sobakapav.ru/portfolio/gazprom-neft
title: Дизайн интерфейса • Внутренняя информационная система
description: "Перепроектировали информационный портал в соответствии с новой концепцией."
robots:
index: true
follow: true
openGraph:
site_name: Собака Павлова
images:
- url: '~/assets/images/portfolio/gazprom/badge.png'
width: 1200
height: 630
---
import Image from '~/components/common/Image.astro';
import TOC from '~/components/widgets/TOC.astro';
import ImageSlider from '~/components/common/ImageSlider.astro';
<TOC>
[Вводные](#anchor1) • [Бизнес-задача](#anchor2) • [Дизайн-задача](#anchor3) • [Результат](#anchor4) • [Отзыв, цены, сроки](#anchor13)
</TOC>
## <a name="anchor1" />Вводные
[«Газпром нефть»](https://www.gazprom-neft.ru/) — по-настоящему большая компания. В ней работает более восьмидесяти тысяч человек — есть, знаете ли, города, в которых живет меньше людей. Каждому из них что-нибудь нужно для работы. Кому-то новый дырокол, кому-то — карьерный экскаватор. И у каждого филиала, каждого отдела тоже есть свои потребности.
<a href="/images/portfolio/gazprom/00.png" target="_blank"></a>
_Главная страница корпоративного информационного портала «Газпром нефти»_
А чтоб «Газпром» приобрел что-то, сотруднику нужно самостоятельно или с помощью методиста определить закупочную процедуру (а их ), а затем пройти все регламенты, описанные в [«Положении о закупках товаров»](https://trans.gazprom.ru/tenders/polozhenie-o-zakupkakh-tovarov/). Подрядчику, который хочет сотрудничать с «Газпром нефтью», тоже нужно во всем этом разобраться.
<a href="/images/portfolio/gazprom/3.png" target="_blank"></a>
_Положение о закупках_
А разобраться нелегко, ведь закупочных процедур — больше двух десятков, и сами по себе они очень сложные. Чтобы снизить нагрузку на методистов, компания создала внутренний информационный портал, полностью посвященный закупкам.
Чтобы решить эту проблему, «Газпром» в первую очередь обратился к нам за [исследованием пользователей](/services/research). Мы рассказываем об этом [в кейсе о CJM для «Газпрома»](/portfolio/gazprom-neft).
<a href="/images/portfolio/gazprom/1.png" target="_blank"></a>
_Навигатор. В центре — схема закупок_
Основываясь на нашем исследовании, компания решила полностью переделать корпоративный портал о закупках и обратилась к нам за дизайном интерфейса для него.
<div class="flex gap-2 flex-wrap"> <Image src="~/assets/images/portfolio/gazprom/31.svg" alt="Корпоративный информационный портал" class="min-w-72 grow shrink basis-0"/> <Image src="~/assets/images/portfolio/gazprom/32.svg" alt="Корпоративный информационный портал" class="min-w-72 grow shrink basis-0" /> <Image src="~/assets/images/portfolio/gazprom/33.svg" alt="Корпоративный информационный портал" class="min-w-72 grow shrink basis-0" /> <Image src="~/assets/images/portfolio/gazprom/34.svg" alt="Корпоративный информационный портал" class="min-w-72 grow shrink basis-0" /> </div>
_Стадии закупок. Понять необходимость, сформировать техзадание, определить характеристики, подготовить локументы_
## <a name="anchor2" />Бизнес-задача
Снизить нагрузку на методологов и экспертов при проведении процесса закупки сотрудниками компании. Для этого — улучшить внутренний информационный продукт, помогающий проводить закупки.
<a href="/images/portfolio/gazprom/6.png" target="_blank"></a>
_Стандарты_
## <a name="anchor3" />Дизайн-задача
Перепроектировать информационный портал в соответствии с новой концепцией.
<a href="/images/portfolio/gazprom/7.png" target="_blank"></a>
_Глоссарий_
## <a name="anchor4" />Дизайн интерфейса
Передали заказчику UI-kit и собранные в корпоративной дизайн-системе макеты всех экранов каждого раздела системы.
### <a name="anchor5" />Онбординг
<ImageSlider slides={[
'/images/portfolio/gazprom/21.png',
'/images/portfolio/gazprom/22.png',
'/images/portfolio/gazprom/23.png',
'/images/portfolio/gazprom/24.png',
'/images/portfolio/gazprom/25.png',
'/images/portfolio/gazprom/26.png',
'/images/portfolio/gazprom/27.png',
'/images/portfolio/gazprom/28.png',
'/images/portfolio/gazprom/29.png',
]}/>
### <a name="anchor6" />Планирование закупки
<a href="/images/portfolio/gazprom/11.png" target="_blank"></a>
_Планирование закупки. Общая информация_
### <a name="anchor7" />Закупка
<a href="/images/portfolio/gazprom/12.png" target="_blank"></a>
_Планирование закупки. Общая информация_
### <a name="anchor8" />Договор
<a href="/images/portfolio/gazprom/13.png" target="_blank"></a>
_Планирование закупки. Общая информация_
### <a name="anchor9" />Отчетность
<a href="/images/portfolio/gazprom/14.png" target="_blank"></a>
_Отчетность. Общая информация_
<a href="/images/portfolio/gazprom/15.png" target="_blank"></a>
_Отчетность. Получить письмо о старте отчетности_
<a href="/images/portfolio/gazprom/16.png" target="_blank"></a>
_Отчетность. Подготовить отчет_
<a href="/images/portfolio/gazprom/17.png" target="_blank"></a>
_Отчетность. Согласовать отчет_
### <a name="anchor10" />UI-kit
Собрали UI-kit, чтобы дальше заказчик мог развивать проект своими силами.
<a href="/images/portfolio/gazprom/30.png" target="_blank"></a>
_UI-kit, фрагмент_
## <a name="anchor12" />Особенности и нюансы процесса
<a href="/images/portfolio/gazprom/4.png" target="_blank"></a>
_Думаем_
<a href="/images/portfolio/gazprom/5.png" target="_blank"></a>
_Думаем_
<div class="flex gap-2 flex-wrap"> <Image src="~/assets/images/portfolio/gazprom/35.svg" alt="Корпоративный информационный портал" class="min-w-72 grow shrink basis-0"/> <Image src="~/assets/images/portfolio/gazprom/36.svg" alt="Корпоративный информационный портал" class="min-w-72 grow shrink basis-0" /> <Image src="~/assets/images/portfolio/gazprom/37.svg" alt="Корпоративный информационный портал" class="min-w-72 grow shrink basis-0" /> <Image src="~/assets/images/portfolio/gazprom/38.svg" alt="Корпоративный информационный портал" class="min-w-72 grow shrink basis-0" /> </div>
_Стадии закупок. Выбрать подрядчика, внести в годовой план, согласовать закупку, утвердить план_
## <a name="anchor11" />Результат
Передали заказчику UI-kit и собранные в корпоративной дизайн-системе макеты всех экранов каждого раздела системы.
<a href="/images/portfolio/gazprom/10.png" target="_blank"></a>
_Новости_
<a href="/images/portfolio/gazprom/2.png" target="_blank"></a>
_Правила закупок_
<a href="/images/portfolio/gazprom/8.png" target="_blank"></a>
_Личный кабинет тренера_
<a href="/images/portfolio/gazprom/9.png" target="_blank"></a>
_Личный кабинет тренера. Видео_
<a href="/images/portfolio/gazprom/18.png" target="_blank"></a>
_Шаблоны_
## <a name="anchor13" />