Ryu-Kai is a martial arts school in London. Its original website was confusing to use, had technical bugs, and didn’t reflect the professionalism of the dojo. New users often got stuck, and key actions like booking or joining had to be done in person.
As a student and regular user, I noticed these problems early on and offered to redesign the site. This became the first website I independently delivered from start to finish. I led everything from UX strategy and user interface to front-end development and SEO.
The new site helped users find what they needed and take action. Contact enquiries increased by 1250%, traffic grew by 88%, and all classes were fully booked within weeks.
From regular training and casual talks with other students, I often heard things like:
“I can’t even see the text on the homepage.”
“The booking button doesn’t work”
“How can I join the membership?”
I also looked at data and found that over 80% of users visited only once and never came back.
Key issues:
· Most important actions, like signing up or buying gear, had to be done in person.
· Content was limited and scattered.
· Layout was unclear, especially on mobile.
· I worked on this project by myself, handling every part of the process.
My goal was to build a website that helped new users learn about the dojo, find what they needed quickly, and take action with less confusion.
Improving the homepage was key to helping first-time users find essential information quickly. The new design makes it easier to book a class, compare membership options, and trust the dojo from the first visit.
What changed:
· Hero section
The original 60-second video was trimmed into a 10-second loop to reduce loading time. Intro and CTA were added to improve clarity and prompt action.
· Course overview
Used bullet points to clearly compare group class, pensonal, and private class, helping users quickly understand their options.
· About section
Provided a brief introduction to the dojo’s philosophy with a CTA to learn more, building connection and trust.
· Student reviews
Embedded real Google Reviews in a slider format to strengthen credibility through social proof.
One of the most critical pain points was the lack of a membership sign-up path. Previously, users had to either inquire in person, causing drop-offs and confusion.
To solve this, I initially designed a guided membership flow to help users choose the right plan based on their class type, frequency, and commitment length. However, Wix didn’t support this type of interaction by default, so I used custom JavaScript with Wix’s Velo tool to build the logic.
How it works:
· Users select their training type and how often they attend
· Matching plans and prices are shown instantly
· A final button sends them to the correct checkout or trial page
This approach turned a static pricing page into a lightweight guided tool. It helped reduce questions from new users and made the process easier for the team.
· Dynamic logic control
When a user selects an option, the UI highlights the choice and stores the selection for the next step.
· Real-time pricing display
Pricing blocks update instantly based on the user's combination of choices.
· Checkout flow
After all selections are made, the correct payment link is assigned dynamically to the final CTA button.
Building this flow on a no-code platform required creative problem-solving and careful testing. The final result was a smooth user journey built within platform limits.
This project taught me how to connect real problems with design and technical solutions. I learned how to guide users through key decisions and make complex flows feel simple.
It was also a turning point in my journey as a full-stack designer. I worked through platform limits, built production-ready logic, and made decisions that were grounded in real user behavior and business needs.
The redesign covered the full website experience, including all key pages. Only selected screens are shown here to focus on core interactions and improvements, the live version of the full site can be viewed here.
