A redesign of a hosting website: a steampunk server room, three feline specialists with real jobs, and a client account built on its own theme and plugin instead of a page builder.
The illustration used on the published websiteKOTKA.DEV / CASE FILE 02
Format
Website and client account
Field
Web hosting
Language
Ukrainian, English
Status
Published website
01 / Design challenge
Make the invisible feel looked after
When hosting works, nobody sees it: servers, backups and security live somewhere out of sight. The website had to make that care visible and give the company a face people remember, without turning a technical service into a toy. And it had to leave its page-builder setup, WordPress with Elementor, for something the team fully controls.
The central idea
Your site is up. The cats are watching
02 / Interface decisions
A crew, not a mascot parade
The character sheet: the reference for every illustration on the site
A
Each cat has a job
Archie looks after the servers and launching sites, Nox after security, monitoring and backups, Mia after support. On the homepage every service card says who handles it, so the characters explain the services instead of decorating them.
The crew has written rules: only these three on the homepage, no decorative cats, the same breed, fur, outfit and equipment in every scene. Each character appears in their own context: Archie next to the servers, Nox by the safe and the monitors, Mia in support, chat and the FAQ.
The colours came from the mockups and live on as theme tokens: warm metals on deep navy, with teal kept for status.
Deep navy#08141F
Old brass#B88746
Copper#A65D37
Amber#F3A83B
Teal status#20B8B0
03 / A detail you can try
Fewer cats, more meaning
The first homepage concept had cats everywhere: in every service card, in every step, even in place of customers’ faces. The final version keeps three characters, gives each a role and turns the rest into clear icons. Compare the top of both mockups.
↔
First conceptFinal mockup
Drag the slider or use the arrow keys
Design mockups from the project archive, not screenshots of the live site.
04 / Under the hood
Built to outlast a redesign
A
A theme for the look, a plugin for the data
The page builder gave way to the site’s own theme and plugin. Clients, services and invoices live in the plugin, so they survive any future redesign. Account pages are described in code rather than stored as editable pages: nobody can rename them or send them to the bin by accident.
B
Only what we know for sure
The account mockup showed disk gauges like “75% used”. There is no source for such live numbers yet, so the real account shows the plan limits and the remaining paid period instead. The data layer is ready to switch to live figures once a source appears.
C
No requests to other servers
Fonts are local, and the pages do not call third-party servers: no extra delay and no visitor addresses handed to anyone else. Ukrainian at the root and English at /en/ work without a translation plugin.
05 / What came together
A server room you can visit
Since September 2026 the website has been live in Ukrainian and English: a steampunk world with three specialists, plans, and a client account where services, domains, invoices and support requests come together. Hundreds of automated checks look after the account, the pages and the translations.
The design takeaway: a mascot is decoration, a team is a promise. When each character answers for something real, the fantasy starts to build trust.