Case study

Panda's Playhouse

A membership website for an online gaming community that had outgrown its Facebook page, built on Wix Studio with Velo so the owners' team could maintain it themselves.

Client
Panda's Playhouse
My role
UX design and Wix Studio development
Year
2023

Step 1: Figma design

1 / 3

High-fidelity Figma design of the Panda's Playhouse homepage
  • 5,000+ membersMoved from Facebook to their own website
  • ID verificationFacial verification for new sign-ups through a third-party API
  • Members areaA members-only section and a virtual currency system

Project overview

Panda's Playhouse had grown to more than 5,000 active members through Facebook ads and needed a proper membership website. The requirements were identity verification for new members, a members-only area, a way to manage their virtual currency and a site that worked well on phones. The owners wanted it built on Wix so their virtual assistants could update it without hiring a developer.

We started with low-fidelity wireframes to work out the flow from the landing page to a signed-in member, then moved to high-fidelity designs and a clickable prototype in Figma. Development started after the flow and colors were approved.

I used Wix Studio's Velo layer to build the custom parts: a facial verification step using a third-party API, a members-only area, and the virtual currency system used inside the community. The site is responsive and works across browsers.

Tools used

  • Wix Studio
  • JavaScript (Velo)
  • Third-party APIs
  • CSS
  • Figma