Case study, client work
Maska organises children's parties, team buildings, weddings and town festivals in Sofia. This is a full redesign of their website: designed in Figma first, then built in WordPress and Bricks with Claude Code, tested with real people and launched at maska-bg.com.
01 The starting point
The old site opened on a full-screen illustration: a landscape, a hot air balloon, the owner's photo and a single red word, "Menu". Nothing on the screen said what Maska does. It ran on an online shop template, so its 61 public pages also included a cart, a checkout and a wishlist. I captured every one of them on a computer and on a phone before designing anything.
Finding 1
The home page has no sentence about the services, only artwork and a menu word.
Finding 2
The main navigation is a column of icons with no labels, on the phone as well.
Finding 3
Duration, price and age share one small text box over the illustration.
Finding 4
Cart, checkout, account and wishlist pages, left over from the template.
02 Structure
On the old site the services, themes and prices sat on pages that looked alike, reached through icons without names. The new structure gives every service a page of its own, with its own information: children's parties, corporate events, hotel animation, weddings, town festivals and equipment to rent. Every themed party has its own page with the duration, price, age and what is included, and the home page is a short tour that leads to each of them.
Copy
Warm and a little playful, written for parents, with no jargon, no emoji and no dashes.
System
Sofia Sans, white, red and a touch of yellow, with the same components on every page.
Editing
Every text, photo and list changes in the builder, without code.
Phones
16 pixel minimum text, large tap targets and photos that crop properly on a small screen.
03 Process
04 Key decisions
Tone
The parties are for children, but the people who book them are parents. The photos and the names of the themes carry the fun. The layout, the type and the prices stay calm and clear, so the site reads like a business you can trust with a birthday.
Calls to action
The first wish was a button in every corner. Several calls to action side by side compete, and the visitor picks none. Each screen now has one main action in red and one secondary, and on a phone the red contact bar steps aside while another red button is on screen.
I built a contact form with a switch between phone and email, so only one field shows. The goal, though, was people writing to the agency, not filling in forms. So the form made way for the channels people already use.
Pros
Cons
Verdict: The red button and the number at the top open Viber and Messenger. Social profiles live in the contacts section, not on the buttons.
Pros
Cons
Verdict: Removed after it was built, together with its scripts.
Reading
16 pixels minimum. White on the brand red reaches only 4.17:1, so buttons use a deeper red at 4.97:1.
Keyboard
Skip links, a visible focus ring, and a menu and chat window that open, close and return focus with the keyboard.
Screen readers
Every photo has a description, every button and field has a label, and every page has one main heading.
Navigation
Every inner page shows where you are. "Back" returns one step when you came from the site itself.
05 Testing with people
Eight people went through the site on their own, five on a phone and three on a computer. Five tasks, each in a different part of the business, and three possible answers: found it right away, found it after wandering, or did not find it. The middle answer catches the places that work but cost effort.
“The home page looks a bit like a news article, not so much like a party agency.”
Participant on a phone“Clear structure and a clear split of the services.”
Participant on a computer“I'd like to know what the animator programmes actually are. Without a storyline the names give no context.”
Participant on a computer“Looking for the popcorn machine to rent.”
Answer to "where did you get lost?"06 Design system
Everything is native to Bricks, so it keeps working without me: 26 variables, 53 global classes, theme styles for text and headings, and Sofia Sans served from the site itself. Themed parties, rental equipment, gallery photos, reviews and hero photos are content types of their own, so a new party theme is added the way a post is.
Labels, captions and the footer included.
Only functional marks stay: back, menu, close and the carousel arrows.
Nothing pulses, bounces or slides in to grab attention.
A single main action per screen, in the deeper red.
07 Launch and SEO
The new site replaced the old one at the same address. Every old page was mapped to its new place before the switch, and a cache layer brought the phone score up after launch.
08 Before and after
09 What's next
Next 1
A page of the questions parents ask before they book, in plain words.
Next 2
Titles and descriptions for every page, and a fuller Google Business profile.
Next 3
Articles on choosing a party, a team building or a wedding programme, each linked to its service.
Maska
Tell me what the business is after and I will tell you how I would approach it.
