RUSENG
← Back to projects

Gazprombank

Communication design for the bank’s IT and HR teams.

Gazprombank: IT communication design, design 1 Gazprombank: IT communication design, design 2 Gazprombank: HR communication design, design 3 Gazprombank: IT communication design, design 4 Gazprombank: HR communication design, design 5 Gazprombank: IT communication design, design 6 Gazprombank: IT communication design, design 7 Gazprombank: HR communication design, design 8 Gazprombank: IT communication design, design 9 Gazprombank: HR communication design, design 10 Gazprombank: IT communication design, design 11 Gazprombank: IT communication design, design 12 Gazprombank: HR communication design, design 13 Gazprombank: IT communication design, design 14 Gazprombank: HR communication design, design 15 Gazprombank: IT communication design, design 16 Gazprombank: IT communication design, design 17 Gazprombank: HR communication design, design 18 Gazprombank: IT communication design, design 19 Gazprombank: HR communication design, design 20 Gazprombank: IT communication design, design 21 Gazprombank: IT communication design, design 22 Gazprombank: HR communication design, design 23 Gazprombank: IT communication design, design 24 Gazprombank: HR communication design, design 25 Gazprombank: IT communication design, design 26 Gazprombank: IT communication design, design 27 Gazprombank: HR communication design, design 28 Gazprombank: IT communication design, design 29 Gazprombank: HR communication design, design 30 Gazprombank: IT communication design, design 31 Gazprombank: IT communication design, design 32 Gazprombank: HR communication design, design 33 Gazprombank: IT communication design, design 34 Gazprombank: HR communication design, design 35 Gazprombank: IT communication design, design 36 Gazprombank: IT communication design, design 37 Gazprombank: HR communication design, design 38 Gazprombank: IT communication design, design 39 Gazprombank: HR communication design, design 40 Gazprombank: IT communication design, design 41 Gazprombank: HR communication design, design 42

In a year at Gazprombank, AI became my main design tool

Neural networks take part in every task: they suggest ideas and copy, generate objects and scenes, change angles and materials, upscale images and adapt layouts to formats. Choosing the idea, selecting variants, composition and brand compliance stay with me.

At first there were 6⁠–⁠20 AI-assisted layouts a month.

  1. Ideas, copy, concepts · 15% Opus 5.5, GPT Astra, Gemini · AI does half
  2. 3D objects and scenes · 30% Krea, Runway, Nano Banana, GPT Image
  3. Angle, colour, materials · 15% Runway, Nano Banana
  4. Upscaling and clean-up · 5% Topaz, Krea
  5. Format adaptations · 10% Nano Banana and by hand · AI does 30 %
  6. Layout, typography, brand · 25% Opus 5.5 and by hand · AI does 20 %

At first there were 6⁠–⁠20 AI-assisted layouts a month.

  1. Ideas, copy, concepts · 15% Opus 5.5, GPT Astra, Gemini · AI does half
  2. 3D objects and scenes · 30% Krea, Runway, Nano Banana, GPT Image
  3. Angle, colour, materials · 15% Runway, Nano Banana
  4. Upscaling and clean-up · 5% Topaz, Krea
  5. Format adaptations · 10% Nano Banana and by hand · AI does 30 %
  6. Layout, typography, brand · 25% Opus 5.5 and by hand · AI does 20 %

What AI does and what I do

  1. References and brief

    I gather references and set the task

  2. Ideas and metaphors

    Suggests ideas and metaphors for the topic

  3. Idea and prompt

    I pick the idea and write the prompt

  4. Objects and scenes

    Generates objects and scenes, dozens of options

  5. Selection and edits

    I choose the best option and give edits

  6. Angle, colour, material

    Changes angle, colour and material from one phrase

  7. Layout to brand guidelines

    I lay out the post on the grid and brand book

  8. Cutout, upscale, cleanup

    Cuts out objects, upscales and cleans the image

  9. Client feedback

    I apply the client’s edits

  10. Variants and formats

    Quickly rebuilds options and formats

  11. Final — by me

    The final is mine: I check the post in the feed and stories and hand it over.

The common pipeline

My approach to communication design, shown on one of the social media posts.

Testing the idea against references

The first cover option

The first idea: coins in glass blisters.

GPT ImageNano BananaKrea

Developing the idea

Coins in glass blisters on a chain among mountains

Blisters on a chain among mountains: light and background refined.

Nano BananaPhotoshop

Developing the idea further

The rouble in packaging again, but more premium.

Hand-built draft

A rough Blender render of a cube with a coin

A Blender model sets the cube’s shape and angle.

Blender

Generating from the draft

A glass cube with a coin on blue velvet

A glass cube on blue velvet: the render plus a stock photo of velvet.

stockNano Banana

Visual development

A cube with a coin and confetti

Confetti and the lettering on the stand.

Nano Banana

Working on the details

A cube with a coin and lettering on the stand

Several passes on light and details.

Nano BananaPhotoshop

Final

Final cover, “The digital rouble at Gazprombank”

I lay out the cover and refine details.

FigmaPhotoshop

IT team

All of it stays within the brand book and a fixed set of references: the AI tools generate inside those limits, and I refine and lay out by the same rules.

Examples of visuals made with AI

Key visuals and creatives for the IT team. Tools: GPT Image, Nano Banana, Nano Banana Pro, Krea, Runway, Topaz, Magnific, Blender, Photoshop, Figma.

Glass keys “<”, “!” and “>” among glowing cables A digital ruble coin in a glass cube among confetti A mechanical unicorn made of circuit boards and wires Chrome GIT lettering inside a four-pointed star A glowing RPA cube in a glass case on a circuit board A kitten at a laptop inside a glass Caps Lock key Pink glass flowers with chrome petals A chrome rocket with an astronaut in the porthole A row of glass cards with Python code snippets A pearlescent letter “e” and a pixel cursor in liquid chrome Ruble coins in clear badges on chains A pixel bug and a cursor with the words “Bug found” A portrait of a woman with neon curls Calendar sheets

Illustrations

Made entirely in three AI tools: a LoRA trained in Krea sets the shared style, with refinement in GPT Image and Nano Banana.

Illustration

Illustration

Generated in GPT Image, upscaled in Topaz, retouched in Photoshop.

GPT ImageTopazPhotoshop

Resizes

Resizes

Crops for every format: Figma Agent and by hand.

Figma Agentby hand

Team with AI DevOps Engineers Digital rouble Documentation cycle Documentation review
Other illustrations for the same blog; the characters’ style evolved over time.

AI in offline work

I create visual designs for Gazprombank events, developing graphics for stages and screens and adapting them to the event format and the bank’s visual identity.

So the client can see the graphics in the hall before installation, I place the screen layout into the scene with GPT Image.

Stage design visualization for Gazprombank’s AI Technology Division demo day
Visualization in the hall, GPT Image
Event cover: brain and glass ribbonsBroadcast holding screen with glass ribbons
Screen layouts, Figma
Event programme on a phone in the blue-lit auditorium
Woman preparing her Keynote presentation on a laptop backstage
Grey-haired man watching the broadcast holding screen in the foyer

Working on the key visual

Ten directions

Five options in the brand cyan and five in blue and pink: shell, cores, connections, glass.

GPT Image

A chrome brain with blue and pink partsGlass brain lit by blue and pink neon
Concept

I pick a mechanical brain of glass and chips and refine the material over several passes.

GPT Image

Brain of transparent folds and blue chipsMechanical brain with exposed circuit boards and wires
The logo inside

I build a chip with the GPB.AI logo into the centre, refine details and light in Nano Banana and cut it out in Photoshop.

GPT ImageNano BananaPhotoshop

Glass brain with a glowing chip in the centreBrain with a GPB.AI chip and a graph display
Background and first version

I generate the background waves in Nano Banana. The first screen is laid out in Figma; the ribbons are still pink.

Nano BananaFigma

First demo day screen with the brain and pink ribbons
Recolour

I recolour the ribbons to the brand cyan and blue in Nano Banana and clean them up in Photoshop.

Nano BananaPhotoshop

Curved glass ribbons in cyan and blueHorizontal bundle of cyan and blue glass ribbons
Final screen

The 3840 × 1080 in-hall screen. The cover and the stream holding screen are built from it.

Figma

Final demo day screen with the brain and cyan ribbons

Using AI to create print materials

Graphics

Volumetric ribbons and a sphere in the brand colours.

GPT Image

Interwoven blue and pink ribbons on a black backgroundRidged sphere of blue, cyan and pink ribbonsA volumetric knot of ribbons in the brand colours
Three directions

An AI agent builds three cover directions in InDesign — Transition, Acceleration, Scale — and compares them side by side.

Opus 5.5InDesign

Direction A: “Transition”, spreadDirection B: “Acceleration”, spreadDirection C: “Scale”, spread
Layout options

Spreads are assembled by a script on the grid and brand book.

Opus 5.5InDesign

Spread with funding terms and a ribbon-knot coverOption З: funding terms and a ribbon-sphere cover
Audit

The agent checks every option: overset frames, fonts, links, QR contrast and spacing. Critical issues are fixed before review.

Opus 5.5InDesign

0 critical · 0 major · 1 minor

150 text frames · 12 links

6 A4 pages · 3 mm bleed

Edits and final

I apply the client’s edits in InDesign; Techograph finishes the typography.

InDesignTechograph

Near-final spread: funding, sphere cover and QR codesNear-final spread: selection and pilot stages, with QR codes
To print

An A4 PDF with 3 mm bleed and crop marks.

InDesign

A4 brochure print PDF with bleed and crop marks

HR team

In the HR brand, every composition is built by rules, from five layers.

  1. Hero

    A person at the centre, holding an object or showing an emotion tied to the topic.

  2. Location

    Where it happens, behind the hero: a desk, an office, a campus, a city.

  3. Topic objects

    Two to four objects that explain the topic without words.

  4. Photo material

    Real photos, stock and screenshots matched to one light.

  5. Handmade illustration

    Handwritten notes, brush strokes, drawn icons and a white outline.

Autumn reading list cover with a woman and a book
I Am a Professional olympiad post with two participants and a rocket
Career test drive carousel cover with a student and objects of professions

Plugins

To speed up routine work, I sometimes build my own plugins for Figma and Adobe apps.

Honky Outline

So I don’t have to outline every person by hand, I made the Honky Outline plugin. It builds a vector contour around a transparent PNG: a backing, a clean edge, a brush stroke and angular chips. The settings are stored in the result, so the contour updates in one click.

Honky Outline plugin panel in Figma

Techograph: typography in one click

The second plugin, Techograph, sets typography in a layout: non-breaking spaces after prepositions, conjunctions and short words, before dashes, non-breaking hyphens, the last two words of a paragraph kept together, and ё replaced with е. Each of the six rules can be turned off, and fonts and text styles stay untouched. I built it for Figma first, then moved the same rule engine to InDesign, where it handles a selection, tables, footnotes or the whole document, and a whole run is undone with one ⌘Z.

The Techograph plugin window in Figma: six typography rules