Qstudio
Scroll-driven site for connected commerce.
I build fast, responsive websites and web apps in JavaScript and React. UI design, 3D and AI-assisted media are how I make them feel finished.
A selection of the products, sites and tools I've built — open any card for the full gallery.
Scroll-driven site for connected commerce.
The Qstudio scroll story rebuilt for phones.
Gamified EdTech platform for ages 5–12.
Business site for a pest control company.
Browser game — Malaysians vs alien invaders.
Modeled in Maya, textured in Substance Painter.
Chain-reaction contraption modeled in Maya.
Help desk and knowledge base for SUPERPOS.
Online parking booking and management.
Interactive multi-page invitation web app.
Agency CRM with Telegram bot alerts.
I am a Frontend Developer and UI Designer focused on building clean, responsive, and user-friendly websites. My work includes business websites, web apps, support portals, booking platforms, interactive pages, and creative frontend experiences.
I also work with visual assets, including 3D models, animations, and AI-assisted media, to make web projects feel more engaging and modern. My main strength is frontend development, supported by a strong eye for layout, interface design, and visual presentation.
No forms. No waiting. Reach me directly and I'll get back to you soon.
A cinematic marketing site for a connected commerce and operations platform. One page, three switchable industry stories — a theme park running ticketing, food, retail and gate entry on a single system; a gym where members enrol their face at a kiosk and walk straight in; and a business-operations arm covering restaurants, retail, fitness, leisure and hospitality. Each story is told as numbered full-bleed scenes that pin in place and advance as you scroll, with AI-generated photography and product UI composed into every frame. Built responsive, with the scroll sequence reworked for mobile.
Visit WebsiteThe same connected-commerce site on a phone. The desktop version leans on wide full-bleed scenes with type set beside the subject; on mobile that had to be rebuilt rather than reflowed — scenes re-crop to keep the subject in frame, chapter grids collapse into stacked cards, and the numbered scroll story keeps its pacing in a single narrow column. Shown here across all three verticals: theme park ticketing, gym entry, and business operations.
Visit WebsiteAn educational web platform by AI Genius that teaches children aged 5–12 money, creativity, communication, and leadership by actually running a business. Kids progress term-by-term through real brands like Zus Coffee and Mamee, managing a 3D isometric shop world — opening their store, serving customers, hiring staff, and completing quests, guided by a friendly AI mentor.
Visit WebsiteA fun web-based game where Malaysians defend their homeland against alien invaders. Features 4 unique game modes — shoot, throw, kick, and target practice. Supports 1 & 2 players.
Play GameA help desk and knowledge base portal built for SUPERPOS POS users. Users can browse help articles by category, read step-by-step guides, and find solutions instantly — reducing reliance on direct support.
Visit WebsiteAn online parking management platform built at parking.qbot.now. Users can book and manage parking spaces, view rates, and handle reservations seamlessly across desktop and mobile.
Visit WebsiteAn interactive, multi-page digital wedding invitation web app. A frontend project focused on elegant layout, smooth page-to-page transitions, event details, and a responsive, mobile-first experience.
Visit WebsiteA business website for ALC Pest Purge Solution Sdn Bhd, a professional pest control company serving Cheras, KL & Selangor. Includes services, a photo gallery, latest news, and contact pages.
Visit WebsiteA detailed 3D wooden house, modeled in Maya, textured in Substance Painter, and rendered for a warm, realistic finish. A study in materials, lighting, and architectural form.
A full-featured agency management CRM with Telegram Bot integration — track clients, manage a multi-stage leads pipeline (New Lead → Contacted → Proposal → Negotiation → Won), monitor project progress with deliverables, and handle invoices. Integrated with the Telegram Bot API to push automated executive summary alerts — business snapshot, sales pipeline, and AI-generated outlook — directly to a Telegram channel. Ships with a live demo workspace pre-filled with realistic data.
View AppA 3D Rube Goldberg machine — a deliberately over-engineered chain-reaction contraption, modeled in Maya, textured in Substance Painter, and rendered.