Quay Arts, redesign of booking system
An entirely self-financed charity. Art space
Most of the people participate in events and visit a cafe. Redesign functional and visual
Role: Product Designer (UX/UI), No-code Developer, Visual Designer
Platforms: Web
Skills: Research, IA, Wireframes, Prototyping, UX Writing, Usability Testing
Challenge
Confusing structure of the site
Lack of consistency
Broken user flow
The main user flow isn’t user-friendly
Chaotic informational architecture
Goal
Improve site usability, boost event attendance, and strengthen brand recognition
Impact
A clear, accessible website for web + mobile where users can easily discover events, book tickets, and connect with the brand
🔔 Before
When I tried booking a pottery class, the website took ages to load and the booking path was unclear.
The confusing navigation made me want to give up you can see how screen looked below.
Before
Process
🔍 Discovery
Stakeholder interview: Learned about Quay Arts’ mission (supporting local creativity) and key goals (increase attendance, simplify site management).
Benchmarking: Analyzed competitors → found issues with Quay’s current site (poor contrast, unclear structure, missing contact info).
🔍 User Research
Target Audience: Islanders, especially retirees (large text, high contrast) and parents (easy event discovery).
Interviews & Surveys: Confirmed users mainly visit site to find events & booking info — pain points included confusin navigation and outdated look.
3
hypotesis
5
people
16
questions
🧠 Define & Ideate
Created Value Proposition Canvas and mapped user stories (e.g. “As a visitor with free time, I want to see events quickly”).
Ran open card sorting with 2 group of users → reorganized site into a simpler menu (< 7 items).
Built new Information Architecture and main user flows (focus on event booking).
Sketched low-fidelity wireframes → then created interactive Figma prototype.
🎨 Design & Prototype
Developed responsive designs for desktop + mobile.
Designed calendar + list views for events, clear CTAs, and accessible typography.
Wrote new UX copy to make navigation friendly and actions obvious.
Built a moodboard to set visual direction (modern, clean, island-inspired).
🧪 Testing & Iteration
Conducted two rounds of usability tests (tested full flow with users with prototype) → first round revealed confusion with date selection (people couldn't understand that you can pick alternative date).
Iterated designs, fixed flow issues, tested again → no blockers reported.
Sent follow-up surveys to validate improved experience.
Flow now:
Booking page
Payment
Confirmation
Final result
Event booking became fast and intuitive.
Users could subscribe to newsletters easily and find opening hours/contact info without searching.
Clear hierarchy & consistent style improved trust and brand feel.
The site now works seamlessly on web and mobile, accessible for diverse users.
Create mobile version.
Learnings
Discovered the power of early user research and how it shapes better design decisions.
Learned the value of clear information architecture simplifying navigation dramatically improved usability.
Understood how accessibility improvements (contrast, text size, readability) benefit all users.
Realized that iterative usability testing saves time by catching issues before launch.
Experienced how strong UX writing and collaboration with stakeholders help balance user needs with business goals.