Search-ready from day one.
Clean structure, fast pages and metadata search engines understand, so the right people find you first.
- Semantic HTML
- Schema
- Sitemap
AHMAD
Websites that turn visitors into clients.
6 projects shippedSee the workWebsites and web apps, designed and built by one developer, not an agency.
Stand out from the noise.
Every site looks the same. Visitors scroll past.
Found you. That’s how your customers should feel.
Stand out, and the competition disappears.
That one is you.
I make sure of it.
Designed & built by Ahmad Barkatcode.by.ahmad.dev@gmail.com
The result
What standing out gets you.
A site people notice is only the start. Here is what it does for your business once it is live.
Loads before they lose interest.
Light pages, sized images and no bloat. Every second you save keeps a visitor on the page.
- Under 2 s goal
- Sized images
- No bloat
Built to turn visitors into enquiries.
One clear message, an obvious next step and a design people remember when they compare.
- One message
- One next step
- Phone first
Your goals, built into every page.
Services // What I forge
What I build.
Six disciplines, one standard — from the first wireframe to the last millisecond of load time.
01Core Build
Full-Stack Development
Production web apps from database to pixel — typed end to end, fast by default, and architected to hold up well past launch day.
- Next.js & React
- APIs & databases
- Auth & payments
- Headless CMS
02Design Systems
UI/UX & Interface Design
Interfaces with a point of view. From wireframes to a living design system, shaped around how people actually move through a product.
- Wireframes & prototypes
- Design systems
- Accessibility (WCAG)
- Figma to code
03GSAP // Motion
Motion & Scroll Animation
Motion that explains instead of decorates — scroll-driven stories, page transitions and micro-interactions tuned to hold 60–120 FPS.
- ScrollTrigger stories
- Page transitions
- Micro-interactions
- SVG & Lottie
04Three.js // Shaders
3D & WebGL Experiences
Real-time 3D in the browser without melting the laptop: interactive scenes, product viewers and custom shaders that load fast and stay smooth.
- Three.js scenes
- Custom GLSL shaders
- 3D product viewers
- Asset optimisation
05Core Web Vitals
Performance & SEO
Speed is a feature. Audits and fixes that move Lighthouse and Core Web Vitals into the green — and the monitoring that keeps them there.
- Core Web Vitals
- Technical SEO
- Bundle & image budgets
- Performance monitoring
06Every Screen
Mobile & Responsive Apps
One product, every screen. Responsive builds and installable PWAs that feel native on a phone and generous on a 4K display.
- Responsive layouts
- Progressive Web Apps
- Touch & gesture UX
- Cross-device QA
01 / 06Full-Stack Development
- React, UI library
- Next.js, Framework
- TypeScript, Language
- JavaScript, Language
- GSAP, Animation
- Three.js, 3D / WebGL
- Node.js, Runtime
- Tailwind, Styling
- PostgreSQL, Database
- Figma, Design
- HTML, Markup
- CSS, Styling
- Framer Motion, Animation
- Lenis, Scroll
- WebGL, Graphics
- tRPC, API
- Prisma, ORM
- Stripe, Payments
- Sanity, CMS
- Vercel, Deploy
- Git, Version control
- D3, Data viz
- Docker, Containers
Tech stack // Tools I trust
The tools I reach for every day. They gather around your cursor. Move quickly and you’ll knock them loose. Tap the stage and they gather there. Drag across them to knock them loose.
The toolkit.
Enjoy the pull. Move your mouse.Tap anywhere.
Work // Selected projects
Selected work.
A few recent builds, each taken from first sketch to production. Pick one to see how it came together.
- 01 / 04
Ard Al Khair Properties
A property platform for a Dubai developer: listings that sell the skyline, and a custom dashboard behind them for syndication, secure sign-in and analytics across large portfolios.
View project: Ard Al Khair Properties
- 02 / 04
Amethyst Developers
A dark, premium site for a web, mobile and AI agency: a 3D robot on the first screen, a scrolling services deck, an interactive delivery pipeline and plain-spoken pricing.
View project: Amethyst Developers
- 03 / 04
Interactive Story Portfolio
The site you are on: a liquid-mask hero, 3D scenes and page transitions that stitch every section into one piece told through scroll.
View project: Interactive Story Portfolio
- 04 / 04
HRA Studio
A studio site built around one idea, development that you need, indeed: a smoke-like hero, a calm monochrome palette and a clear route from first look to first call.
View project: HRA Studio
More builds, experiments and client work live in the archive.
Process // How I work
From idea to launch.
One clear road from the first call to long after go-live. Seven checkpoints, no guesswork — scroll to walk it.
- Phase 01 — Discover
Requirement Gathering
We start with a conversation, not a quote. Goals, audience and constraints get mapped out until we both know exactly what success looks like.
- Discovery call
- Goals & KPIs
- Scope document
- Phase 02 — Plan
Planning & Strategy
The idea becomes a blueprint: sitemap, user flows, tech stack and a timeline with real milestones, so nothing arrives as a surprise.
- Sitemap & flows
- Tech stack
- Milestones
- Phase 03 — Design
UI/UX Design
Wireframes first, then high-fidelity screens and motion concepts. You click through the product before a single line of code exists.
- Wireframes
- Figma prototype
- Motion concepts
- Phase 04 — Build
Development
Clean, typed, component-driven code. Regular preview links let you watch the product come alive and steer it while it grows.
- Next.js & React
- CMS & APIs
- Preview builds
- Phase 05 — Refine
Testing & QA
Every screen checked across browsers and devices, tuned for speed and audited for accessibility — polished until it feels effortless.
- Cross-device QA
- Performance
- Accessibility
- Phase 06 — Launch
Deployment
Domain, hosting, CI/CD, analytics and SEO wired up, then a calm, zero-downtime go-live with a handover you can actually use.
- CI/CD & hosting
- SEO & analytics
- Go-live
- Phase 07 — Evolve
Maintenance & Growth
Launch is the start line. Updates, monitoring and data-led improvements keep the product fast, secure and growing.
- Monitoring
- Updates
- Iterations
Your project could be next.
Every project I take on travels this road. Tell me where yours starts and I'll map the rest.
ABOUT // THE PERSON BEHIND THE WORK
HI,I'MAHMAD.
FULL-STACK DEVELOPER · WORKING WORLDWIDE
I'm AHMAD Barkat, a full-stack developer who designs and builds websites and web apps for startups and growing businesses. Over the past year I've shipped six projects, from a property platform for a Dubai developer to agency and brand sites and interactive portfolios, each taken from first sketch to launch.
You work with one person the whole way through. The person on your first call is the one designing your screens, writing your code and answering your messages, and the one still there when something needs fixing after launch.
I work mostly in Next.js, React and TypeScript, adding GSAP and Three.js only when motion or 3D helps the product. I care as much about how fast a page loads and who can use it as about how it looks.
SPECIALITYFast, animated websites
CORE STACKNext.js · React · TypeScript
HOURSUTC+5, overlaps UK, EU & Gulf
REPLIESWithin one working day
Hover to unleash
The dragon doesn't breathe fire. It ships features.
道道michiThe way: a path you keep walkingThe honest version
Why I build
I learn by building. Every project this year taught me something the last one couldn't, and each one made me care more about the people on the other side of the screen.
Feb 20263 weeks
Made my résumé worth reading
If I'm asking someone for two minutes, the least I can do is make them count: themes, palettes, and a PDF that matches the screen.
Interactive CVFeb – Mar 20265 weeks
Learned what a personal site is for
My first portfolio, with a friendly 3D robot at the door. It taught me that a site about you should feel like meeting you, not reading a list.
MAB PortfolioApr – May 20267 weeks
Built around someone else's idea
A studio site shaped around one line: development that you need, indeed. Listening turned out to be half the job.
HRA StudioMay – Aug 202612 weeks
Twelve weeks for a Dubai developer
My biggest build yet: property listings that sell the skyline, and the dashboard that runs them. Real users, real deadlines, no shortcuts.
Ard Al KhairJun – Aug 2026Evenings
The site you're on
Built in the evenings, alongside client work. Every section here is something I wanted to try and finally had a reason to.
This portfolioNow
Your project
Based in Pakistan, working with clients around the world. This list has room for one more.
Testimonials
What clients say
A preview of how client reviews will read here. These are samples; real ones are on their way.
Sample review
We came to Ahmad with a Notion doc and a lot of hand-waving. Three weeks later we had a site that actually sounds like us. The animations are subtle, which I didn't expect to love as much as I do.
Sarah M.Founder, SaaS startupSample review
Honestly, the best part was the weekly preview link. I never had to chase him for an update, and launch day was boring in the best way. His handover docs are better than our own.
Daniel R.Product lead, fintech platformSample review
Our product pages were slow and we knew it. He took Lighthouse from the 50s into the 90s, and conversions went up the month after. He notices things nobody on our team would.
Lina H.Marketing director, e-commerce brandSample review
I was sure the 3D viewer would fall over on older phones. It didn't. People spend about twice as long on that page now, and our clients keep asking who built it.
Noor A.Creative director, design studioSample review
He asked more about our business in the first call than most agencies do in a month. When he disagreed with the plan he said so, with reasons, and he was usually right.
Omar K.CTO, logistics companySample review
We handed over the Figma file and got back exactly what we designed, down to the spacing. The component library he set up still saves us hours every week.
Mei T.Design lead, agency partnerSample review
On time, on budget, and not a single outage since we launched in the spring. We've already booked him for phase two.
Marcus L.Operations manager, healthcare providerSample review
It's rare to find someone who can design it and actually build it. The scroll story he made for our launch is still what people bring up when they message us.
Carlos D.Co-founder, consumer app