Naftogaz
State-owned energy company
Naftogaz

NJSC Naftogaz of Ukraine is the national joint stock company responsible for the extraction, transportation, storage, and supply of natural gas. It is a key player in ensuring the country’s energy security and one of the largest state-owned companies in Ukraine, with a complex structure, diverse audiences, and a high level of public attention.

The challenge: To create a modern, transparent, and functional corporate website that communicates effectively with a wide range of target audiences — the general public, media, partners, investors, employees, and government institutions. The site was envisioned as the company’s central information hub, while also meeting high standards of security, stability, and accessibility.

The project included:
– a scalable structure covering dozens of business areas, divisions, and news streams,
– dedicated sections for media, investors, careers, procurement, sustainability, and reporting,
– intuitive multilingual navigation (Ukrainian / English),
– fully responsive design for all device types,
– a scalable CMS for managing large volumes of content,
– full compliance with WCAG accessibility, SEO, and cybersecurity requirements.

The result: The Naftogaz corporate website became an open, modern, and user-friendly digital interface for Ukraine’s largest energy company. It ensures fast access to relevant information, strengthens the company’s reputation internationally, and supports its communications in a dynamic and high-responsibility environment.

Client
NJSC "Naftogaz of Ukraine"
Year
2021
Role
Creative, Design, Frontend, Backend, Support
GRID SYSTEM
In this project, we developed a adaptive grid system that ensures clear content structure, responsiveness, and easy navigation for different types of users.
RESPONSIVE DESIGN
We used responsive design. The interface adapts to the device's resolution.
BUILT WITH MOBILE IN MIND
As with most of our projects, the mobile version of the site was designed first — with a focus on intuitive navigation and quick access to key features. The interface is optimized for touch interaction, loads quickly, and remains highly readable on small screens.
USER-FOCUSED
We optimized the site’s interface for every screen — from smartphones to tablets and desktops. It runs smoothly, looks modern, and feels as intuitive as a mobile app.
CIRCE TYPEFACE
The Circe typeface is a geometric grotesque with soft contours and open shapes, designed specifically for comfortable reading in digital environments.
THE MAIN COLORS
The primary colors were selected in line with the brand’s corporate identity
#f3fafb
R243 G250 B251
#029ddb
R2 G157 B219
#101820
R16 G24 B32
#828282
R130 G130 B130