Role: UX/UI Designer
Client: BookMyPlay
Timeline: 3 months · 2025
Team: CEO, Project Manager, 5 Developers
Website: https://www.bookmyplay.ro/

Summary

I led the UI redesign of BookMyPlay.ro, an events booking platform for family entertainment.

The client had strong backend functionality but was dissatisfied with the previous visual direction. My work focused on improving usability, accessibility, responsive behavior, visual hierarchy, and design system consistency while keeping the brand playful, warm, and family-friend

Click on the image above to go to the website

My Role

UX/UI Redesign

• Redesigned key platform pages with a clearer, mobile-first structure

• Improved visual hierarchy across homepage, event cards, pricing, and booking flows

• Refined CTAs, spacing, typography, containers, and content layout

• Created a more playful but trustworthy interface for families and event organizers

Accessibility & Responsive Design

• Ran a UX and accessibility audit across desktop and mobile

• Improved contrast, tap targets, focus states, hover states, and semantic structure

• Designed responsive layouts for mobile, tablet, and desktop

• Documented accessibility and interaction requirements for developers

Design System & Developer Handoff

• Built reusable Figma components for key UI patterns

• Defined design tokens for color, typography, spacing, and layout

• Created interaction states, empty states, error states, and micro-animation guidance

• Worked closely with developers to support pixel-perfect implementation and reduce QA friction

Challenge

BookMyPlay needed a redesign that could make the platform feel clearer, more accessible, and more trustworthy without losing its playful family entertainment identity.

The main issues were:

• Weak visual hierarchy

• Inconsistent responsive behavior

• Low contrast in some areas

• Generic visual style

• Booking and browsing friction on mobile

• Lack of reusable UI system for developers

Approach

I focused on three main areas:

Clearer booking experience
Improved homepage storytelling, event cards, pricing layout, CTAs, and navigation between homepage, event details, and checkout.

Accessible mobile-first UI
Redesigned layouts using a responsive grid, stronger contrast, larger tap targets, clearer focus states, and better spacing across breakpoints.

Scalable design system
Created Figma tokens, reusable components, typography rules, color guidelines, and documented interaction states for smoother implementation.

Key Work

UX/UI Design
Homepage · Event pages · Booking flow · Event cards · Pricing layout · CTAs · Empty/error states

Accessibility
WCAG 2.1 AA · Contrast improvements · Focus states · Tap targets · ARIA guidance · Semantic heading structure

Responsive Design
Mobile-first layouts · 12-column grid · Tablet/desktop breakpoints · Spacing system · Container widths

Design System
Figma components · Design tokens · Color system · Typography system · Interaction states · Developer handoff

Collaboration
CEO alignment · PM coordination · Developer QA · Implementation support · Pixel-perfect review

Results

• Delivered a responsive, development-ready redesign

• Improved visual hierarchy and content scannability

• Fixed mobile layout and responsiveness issues

• Increased accessibility and WCAG 2.1 AA alignment

• Created a reusable component library and token-based design system

• Reduced ambiguity for developers through detailed handoff and interaction documentation

• Supported a smoother launch with no major visual rework requests from stakeholders
  
  

Core Skills Demonstrated

UX/UI Design · UI Redesign · Accessibility Design · WCAG 2.1 AA · Mobile-First Design · Responsive Prototyping · Visual Hierarchy · Design Systems · Figma Tokens · Developer Handoff · QA Support · Cross-Functional Collaboration

Takeaway

This project shows my ability to take over an unclear design direction and turn it into a cleaner, more accessible, and scalable product experience.

I redesigned the platform with a mobile-first, accessibility-driven approach, created a reusable design system, and worked closely with developers to support a consistent implementation across breakpoints.