hi, that's me (ish) →
Afif
I design websites for Malaysian small businesses. Friendly, clear, and built around your customers.
Penang, Malaysia
Every site I make starts the same way.
A thought. A sketch. Then something real.
How it was made Pearl Dental Studio, start to finish. A demo, so no real patients, prices, or reviews.
1. OverviewPearl Dental Studio is a demo website for a fictional dental practice in Chelsea, New York. I made it to practise a full build, from a written brief to a finished, working site.
2. ChallengeMost dental websites feel clinical and a little cold. The brief asked for the opposite: warm, modern, and easy to book from, without losing trust.
3. Research & InsightPeople choose a dentist on comfort and trust more than on a list of treatments. So the page leads with people, smiles, and what a visit actually feels like.
4. ApproachA written brief and spec came first, then layout, type, and motion. I directed the design. Claude wrote the code with me, in Next.js with Tailwind and Framer Motion.
5. SolutionOne page with a clear path to booking, an honest FAQ, and gentle motion. The business numbers, smile photos, and reviews are labelled placeholders, because the practice is not real.
Same process, different businesses.
More from the sketchbook
Demo project Kilau Detailing Car detailing studio · Petaling Jaya
EN / BM switch Before and after slider Package builder Demo project Tempo Pilates Reformer Pilates and barre studio · Bangsar, KL
EN / BM switch Filterable timetable Class pack calculator Demo project Harrison & Vale Interior architecture studio · New York
Six case-study pages Expanding services list Image reveals
The person behind the doodle.
Hi. I'm Afif.
I'm based in Penang. I trade stocks, and I'm building Atelier Digital, a small studio for websites, content, and automation.
I'll be straight with you. I design and direct, and Claude writes the code with me. My own dashboard, the one I run my week on, was built that way.
Penang, home base where it happens charts before coffee
What I can build for you.
Websites A website that explains what you do and makes it easy for customers to reach you. Designed and built for you, start to finish.
Planned around your customers Designed, written, and built Fast, clear, and mobile-friendly Let's talk Content Posts, visuals, and short videos made with AI tools, checked by a human before anything goes out.
Automation Social media posting that runs on a schedule, so you stop doing the same job by hand.
Little things for later.
The shelf Guides, tools I like, and notes I'm writing. All placeholders for now.
Ebook preview
A practical guide, in the making. Placeholder · Not for sale
Details: A practical guide, in the making. Template preview
Less busywork. More room to make. Placeholder · Not for sale
Details: Less busywork. More room to make. Tool recommendation preview
A tool worth knowing. Placeholder · No affiliate link
Details: A tool worth knowing. Course recommendation preview
Something worth learning. Placeholder · No affiliate link
Details: Something worth learning. Article · Websites
What should a small-business website do first? Sample topic · Not published
Outline: What should a small-business website do first? Article · AI & automation
Learning AI, one useful workflow at a time. Sample topic · Not published
Outline: Learning AI, one useful workflow at a time. Article · Design notes
When does an interaction earn its place? Sample topic · Not published
Outline: When does an interaction earn its place? More coming soon.
Nothing here is for sale yet, and there are no affiliate links.
← →
Questions people ask
How long does a website take? It depends on the size of the site. We agree on a timeline together before anything starts.
How much does it cost? Pricing is still being set. Tell me what you need and I'll give you an honest quote.
Do you work outside Penang? Yes. Most of the work happens online, so anywhere in Malaysia works.
Can I update the site myself later? We decide that at the start, based on how often you'll want to change things.
Do you use AI? Yes, openly. I design and direct, and AI helps me build faster. I check every page myself before it goes live.
Can the site be in Bahasa Melayu? Draft answer, to confirm: Malay, English, or both, depending on who your customers are.
Connect + Threads @afif_fuhh Instagram coming soon TikTok coming soon LinkedIn coming soon GitHub coming soon
× Ebook preview
A practical guide, in the making. Placeholder · Not for sale
This is a product layout preview. The actual ebook, topic, contents, price, and release date have not been selected.
A clear problem the guide helps with A preview of what is inside Format, price, and delivery details once confirmed Template preview
Less busywork. More room to make. Placeholder · Not for sale
This slot shows how a template could be presented. No finished file, download, licence, price, or checkout is available.
What the template helps you organize An honest preview and compatibility notes Download and usage details once a real product exists Tool recommendation preview
A tool worth knowing. Placeholder · No affiliate link
No tool or provider has been selected. This is not an endorsement, paid placement, or active affiliate offer.
Provider and product name Why it is useful, who it suits, and any limitations Current destination and any affiliate relationship, clearly labelled Course recommendation preview
Something worth learning. Placeholder · No affiliate link
No creator, course, promotion, or commercial relationship has been selected. There is no external purchase link.
Original creator and source What the course covers and what to know before choosing A clear affiliate or sponsored label if applicable Websites
What should a small-business website do first? Sample topic · Not published
Example outline only. No article has been written or published, and no publication date or reading time is claimed.
Start with the visitor's main goal Make the next action easy to find Choose useful content before adding effects AI & automation
Learning AI, one useful workflow at a time. Sample topic · Not published
Example outline only. No article has been written or published, and no publication date or reading time is claimed.
Choose one repetitive task Try a small workflow and inspect the result Record what worked and what still needs review Design notes
When does an interaction earn its place? Sample topic · Not published
Example outline only. No article has been written or published, and no publication date or reading time is claimed.
Name what the interaction helps explain Keep the response understandable Test the experience with motion paused About this preview This is a local portfolio concept for review. Products, recommendations, and article topics are explicitly marked as placeholders. Nothing is sold or downloaded, and no affiliate links are active.
The enquiry form only displays a local response. It sends nothing and does not store your entries. Fonts are self-hosted; no analytics or payment service is connected.
Demo project · Car detailing studio · Petaling Jaya
Kilau Detailing Overview A demo site for a fictional detailing, ceramic coating, and paint protection studio in Petaling Jaya. Challenge Detailing sites tend to shout: foam cannons, price tables, loud buttons. This one had to feel calm, precise, and premium. Approach Dark, cinematic pages with a sliding before and after, a layer-by-layer coating explainer, and a package builder that shows a price range as you choose. Solution One page in English and Bahasa Melayu. Enquiries go out as a pre-filled WhatsApp message. Built with Next.js, Tailwind, Framer Motion, GSAP A self-initiated demo. The business, prices, reviews, and stats are placeholders, and the photos were made with AI. I wrote the brief and directed the design; Claude built it with me. Not live yet.
Demo project · Reformer Pilates and barre studio · Bangsar, KL
Tempo Pilates Overview A demo site for a fictional boutique Pilates and barre studio in Bangsar, for KL professionals. Challenge Avoid the gym look: no neon, no shouting, no before and after bodies. It should feel like a calm sport-fashion brand. Approach A breathing circle that keeps a slow rhythm in the hero, then travels down to the timetable filters as you scroll. Warm colours, real coaching tone. Solution One page in English and Bahasa Melayu, with a timetable you can filter by level and a calculator for class packs. Built with Next.js, Tailwind, Framer Motion A self-initiated demo. The business, prices, reviews, and stats are placeholders, and the photos were made with AI. I wrote the brief and directed the design; Claude built it with me. Not live yet.
Demo project · Interior architecture studio · New York
Harrison & Vale Overview A demo site for a fictional interior architecture studio in New York. Challenge High-end design studios sell on taste. The site had to feel quiet and editorial, and let the projects do the talking. Approach Large photography, slow reveals, and a services list that opens on hover or keyboard. Every project has its own case-study page. Solution A homepage plus six project pages, with a contact form that opens your email app. No backend. Built with Next.js, Tailwind, Framer Motion A self-initiated demo. The business, prices, reviews, and stats are placeholders, and the photos were made with AI. I wrote the brief and directed the design; Claude built it with me. Not live yet.
Back to exploring 
