Speed, written into the contract
Mobile Lighthouse scores on agreed pages are a target in the contract, and the report comes with the handover.
90+ on a landing-page build
Fardin Omor Afnan · Frontend engineer for SaaS teams
I make softwarefeel simple.
Landing pages, product UI and component systems for SaaS startups and design studios — in React, Next.js and TypeScript, with performance and accessibility built in from the first commit.
Experience
How my scope grew over time
Each step shows how my scope and ownership grew — and the stack underneath grows with it, so you can see what entered the work and when.
- First role
Microdeft
Frontend Engineer
Building modern web apps and revamping existing products for improved usability.
Stack by this point3
- JavaScript
- React
- Bootstrap
Potential Inc
Frontend Developer
Designing and implementing dynamic, user-friendly interfaces with a focus on responsiveness and smooth interactions.
Stack by this point7
- JavaScript
- TypeScript (new at this step)
- React
- Next.js (new at this step)
- Tailwind CSS (new at this step)
- Bootstrap
- GSAP (new at this step)
- Now
Kiip Corp.
Frontend Engineer
Building mobile-first clinic discovery and booking experiences, with a focus on interaction polish and navigation that holds together across a flow.
Stack by this point10
- TypeScript
- React
- Next.js
- Tailwind CSS
- Framer Motion (new at this step)
- GSAP
- Storybook (new at this step)
- Node.js (new at this step)
- Express.js (new at this step)
- MongoDB (new at this step)
The edit
Simple is what’s left.
A first draft has everything on it. I take things out until one idea and one action are left — put any of it back to see what it costs.
An example landing page for a made-up invoicing product, Tidy, edited from a first draft down to its headline, one line and one button. Each part taken out is listed as a button that puts it back.
Taken out
Choices on the page3
One idea each.
Strait · Fintech landing page
A headline that counts.
A money-transfer page whose headline is the calculator: change the amount or the city and the payout counts to its new value.
Selected work
Designed and built, end to end.
06 / 22
KurenaiComic publisher landing page
StraitFintech landing page
JunoDeveloper portfolio
PlinthSaaS landing page
SereinAI SaaS landing page
ArterialFleet SaaS landing page
22 landing pages for SaaS, fintech, publishing, healthcare and studios that I designed and built in Next.js. Open any one to fan out its shots.
One line each
Hard to explain.Easy to say.
Photonic inference cloud: Every model, on light.
Weather foundation model: The whole sky, thirty days early.
Orbital compute: Your next region is 550 km up.
Carbon-aware scheduler: Waits for the clean hour.
Decision simulation: Run tomorrow first.
AI agent platform: Say it once. It runs forever.
Feature flags: Rehearse in production.
Long-range strategy: One thread, ten years.
AI workspace: Your company already knows the answer.
Customer feedback: Feedback, in orbit.
Error tracking: Bugs, x-rayed.
Issue tracker: The board runs itself.
Fleet tracking: A road drawn as light.
Money transfer: A headline that counts.
AI inbox: Calm, in a blue sky.
Product-photo SaaS: Lit by one sun.
16 products, each built around one line — designed and built end to end, in React, Next.js and TypeScript.
Kerr · Photonic inference cloud landing page
Scroll, drag or use ↑ ↓ to turn itScroll to turn it, or tap a line
The rule
Performance and accessibility go into the contract, so “fast” is something you can check at handover — not something promised after launch.
How I build
Checkable, not promised.
Performance and accessibility built in from the first commit — the parts of a frontend you can measure, and the hours you can reach me.
Your hours, overlapped
Based in Dhaka on GMT+6. I overlap the UK working day, and US East Coast teams wake up to the handoff.
Dhakame
--:--
London
--:--
New York
--:--
The UK working day, in each city’s hours
Keyboard first
Visible focus on every control, labels for screen readers, AA contrast on text.
Motion with a still frame
Every animation has a finished state for people who turn motion off. Try it.
Motion off
What I build with
In use every day, at Kiip Corp.
- TypeScript
- React
- Next.js
- Tailwind CSS
- Framer Motion
- GSAP
- Storybook
- Node.js
- Express.js
- MongoDB
Process
Scoped up front. Checkable at handover.
Every project runs the same way, so the price, the start date and what you sign off are settled before any work begins.
Step 1: A written scope
A fixed price and a timeline, agreed in writing first. You pay for deliverables, not hours.
Step 2: Half books the start
I take one project at a time, so the 50% deposit is what books your start date.
Step 3: Milestones on staging
You approve each milestone on a staging link — on your own phone, not in a slide deck.
Step 4: Handover, with the report
The code, the deploy and the Lighthouse report. Mobile scores on agreed pages are written into the contract, so you check them at handover.
About
Three ways to read me.
What has to be true on a slow phone and in a screen reader decides how I build — so here I am, read all three ways.
Frontend Engineer · Dhaka, Bangladesh
Fardin Omor Afnan
Taking new projects
3+ years building product interfaces across three teams. Based in Dhaka on GMT+6: I overlap the UK working day, and US East Coast teams wake up to the handoff.
- Based in
- Dhaka
- Timezone
- GMT+6
- Working
- Remote · UK and US overlap
- 01I start from the constraint, not the component.
- 02I build the system before the screens.
- 03I work close to designers and backend engineers rather than downstream of them.
The card as it’s meant to be seen.
FAQ
Ask before you book.
The questions a first call usually starts with — answered here first, in my words.
Fardin Omor Afnan
Taking new projects
0 / 7
Hi, I’m Fardin. These are the questions most first calls start with — pick one.
Ask
Answers written by me, not generated.
Tell me what you’re launching.
Send the link, the deadline and what’s hard about the front of it right now. I take one project at a time, so the start date is booked when the deposit lands — and I reply within one working day.