Screenshots only prove someone can draw. These are working builds, running on this site, with the admin areas left open so you can see both sides of the product. The bar at the top of each one switches between the laptop layout and the phone layout. Sample data, and nothing is saved. Looking for 打小人, 敲木鱼 or 求签? They're with the games now.
See what comes out sharp, from any angle, in photos and video.
Built to show how a page can explain something technical by letting people play with it. Move the focus distance, focal length and aperture, pick a sensor from full frame down to a phone or a webcam, and the photographer, the cone the lens takes in and the band where things come out sharp redraw to scale. Shoot from a low angle, at eye level or from a step, and the camera and the sharp zone tilt together. A viewfinder shows the same settings as a picture of a park at sunset, every part blurred by the amount it really would be, and in video six camera moves play out: follow focus, lead and follow shots, side tracking and a dolly zoom. English, Japanese and Chinese, and nothing leaves the page.
Side view to scale: the lens's view, the sharp zone, near, far and hyperfocal
Low, eye-level and high angles, with the sharp zone tilting with the camera
Video moves from follow focus to a dolly zoom, fairy lights turning to bokeh
A restaurant site that takes bookings and is edited by the owner.
The shape most small businesses need: a landing page that sells the place, a menu the kitchen keeps current, a booking form that reaches the right inbox, and an admin area where the owner runs all of it without calling a developer.
Landing page, full menu and a booking flow
Admin: a booking diary by day and service, with allergies and phone bookings
A supplement shop drawn for the phone first, and given a laptop of its own.
Most small retail traffic in Malaysia is a thumb on a phone, so this one is drawn that way first: an app-shaped storefront with a tab bar, a goal rail instead of a category dropdown, and a cart that survives moving between screens. Open the same pages on a laptop and the build changes shape rather than stretching, so a customer on either gets a shop that fits the screen they are holding.
One build, two shapes: a tab bar on a phone, a top nav and a grid on a laptop
Shop by what you are fixing, and search brands as well as products
A working cart: quantities, totals, and it remembers
Sell courses, teach them, and see what students actually finish.
A teaching platform in the shape people already know: a catalogue to browse, a course page that sells the syllabus, a player that tracks progress lesson by lesson, and an instructor dashboard showing revenue and completion.
Catalogue with search, category and level filters
Course page and a lesson player that remembers progress
A marketing site, a working app, and the CRM your team lives in.
The full picture for a software business: a landing page with pricing that converts, then the product behind it: dashboard, contact records, a deal pipeline you can move work through, and the settings a paying team expects.
Marketing site with pricing and FAQ
App: dashboard, contacts table with a detail drawer
Deal pipeline you can move cards through, plus settings
Every admin area in these demos is deliberately open, so you can see what running the product looks like without asking us for a password. In a real build each one sits behind a login page with per-person accounts and roles. The playful apps that used to be here, and a board game, are on the games page.
Want one of these with your name on it?
Tell us which demo is closest to what you need and what is different about your business. You will get a straight answer on scope, timing and cost.
