Independent concept · Art Workshop Website
JUST BE Ma Wan
A trilingual Hong Kong art-workshop website combining place-led storytelling, workshop discovery, group enquiries, and a playful cursor-reveal interaction.
This independent build, concept or interface exercise demonstrates inspectable design and implementation. It is not a commissioned client result and provides no evidence of client revenue or conversion outcomes.
Inside the project
From structure to screen.
A self-initiated work by ZequnWeb. Demo brands, testimonials and figures are illustrative; they are not verified client results.
Website in context
Full-page English demo captures automatically scroll from top to footer. Pause to explore manually, replay, or open the original image.
01 / Page architecture
The information journey
- 01Ma Wan introduction
- 02Workshops
- 03Group experiences
- 04Studio story
- 05Enquiry
02 / Visual direction
Place-led imagery and the cursor-reveal effect express the workshop's creative character. Course categories and group information turn that atmosphere into practical browsing choices.
03 / Responsive decisions
The mobile composition relies on visible imagery and course information. Direct enquiry links carry the next step without requiring a mouse-hover interaction.
Design analysis based on the implemented work; this is not a record of client research or user testing.
Implementation
Technology
- Vanilla JavaScript
- Cloudflare Pages
Frameworks are listed when supported by the existing project record or public scripts. Content structure and UX are discussed separately above.
Independent concept
Delivered work & results
The deliverable is the design and implementation shown here. There are no measured revenue, conversion or customer-growth results for this independent project.
Screenshots record the page on the stated date. They do not verify form delivery, transactions, accessibility or performance.
Explore the public demoConcept focus
What this concept demonstrates
Concept context
This independent concept is for a local art and culture workshop in Ma Wan, Hong Kong, serving individuals, families, schools, and company groups.
What changed
The page moves beyond a simple class listing into a place-led brand experience with clear workshop discovery, group enquiries, and direct messaging paths.
Design & implementation highlights
- Traditional Chinese and English switch in place
- Four workshop categories and group experiences are easy to discover
- WhatsApp enquiry actions remain visible across desktop and mobile
- The image-reveal interaction creates a distinctive first-screen memory point
Project problem
An art workshop needs to communicate atmosphere, activity choices, and group capability while helping families, schools, and companies find the right enquiry path quickly.
Solution
The site uses Ma Wan's island setting as a brand thread, then combines workshop categories, group experiences, trilingual content, WhatsApp enquiries, and a cursor-reveal interaction into one memorable journey.
Delivered
- Trilingual art-workshop brand homepage
- Workshop and group-experience presentation
- WhatsApp booking and enquiry paths
- Cursor image-reveal interaction
Technology stack
- Single-page static site
- Responsive CSS
- Vanilla JavaScript
- Canvas interaction
Business Value
What this project proves
The project brings the in-person workshop atmosphere, activity information, and commercial enquiry actions into one experience without losing the brand's creative personality.
Start Here
Want to shape this into a real website?
Send the business type, current site or references, target customers, and rough budget. I will help narrow the useful scope first.