Skip to content
float(rx)
Services g sWork g wJourney g jCV g cContact
ENUA
float(rx)
Services g sWork g wJourney g jCV g cContact
ENUA

← All work · ~/work/utility-sites.tsx

ConceptConcept · two utilities in Rivne· 2026

Public utility sites — a concept rebuild

Two self-initiated rebuilds of public utility sites — heat supply and electricity distribution — where the first screen answers what people come for: outages, payment, meter readings.

Power distributor redesign: the hourly outage schedule is the first block, one breaker per sub-queue
problem
People open a utility site in a hurry — no heat, no power, a bill to pay. The aging WordPress sites (one of them my own earlier build) put news first and those answers second.
built
Both sites solo (38 of 38 and 10 of 10 commits) on one stack: Next.js with its own CMS — Prisma and Postgres, a Tiptap editor, a media library, roles with deny-by-default access — and a full content migration that keeps every old URL working (899 posts and 69 pages for heat; 829 news, 121 pages and 6,196 media files for power; 0 broken links). Heat: every way to pay, a “no heat — what to do” helper, meter-reading reminders to a calendar or Viber, an “A+” text-size switch with contrast checks. Power: the hourly outage schedule is the first block, synced from the live site every hour. Both run on staging — the companies did not commission them.
result
2sites rebuilt on one stack and one CMS0broken links after the migrationhourlyoutage-schedule sync
Next.js 16React 19PrismaPostgreSQLHeroUITiptapPlaywrightRailway

Self-initiated concept — not commissioned by the companies it is about.

Before / after

Drag the handle: the old site on the left, the rebuild on the right.

Next.js · afterWordPress · beforeWordPress · beforeNext.js · after◀ ▶
Heat utility redesign: task panel, pinned announcements, news and service contacts↕
Power distributor redesign: outage schedule, quick actions, news and 18 district units↕

Need something like this? Let’s talk.

Start a project
← PreviousJuliia Denysiuk — a designer’s portfolioNext →A network of sites on one engine
● available for new projects⎇ main~/work~/motion~/usefulUkraine · remote · UA / EN© 2026 Andrii Petsera · floatrx.net⌘K