Skip to content

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.

Selected work

Designed and built, end to end.

06 / 13

  • KurenaiComic publisher landing page

  • StraitFintech landing page

  • JunoDeveloper portfolio

  • PlinthSaaS landing page

  • SereinAI SaaS landing page

  • ArterialFleet SaaS landing page

Thirteen 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.

The rule

Performance and accessibility go into the contract, so “fast” is something you can check at handover — not something promised after launch.

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.

  1. First role

    Microdeft

    Frontend Engineer

    Building modern web apps and revamping existing products for improved usability.

    Stack by this point3

    • JavaScript
    • React
    • Bootstrap
  2. 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)
  3. 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)

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.

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

90+Mobile target

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.

  1. Step 1: A written scope

    A fixed price and a timeline, agreed in writing first. You pay for deliverables, not hours.

  2. Step 2: Half books the start

    I take one project at a time, so the 50% deposit is what books your start date.

  3. Step 3: Milestones on staging

    You approve each milestone on a staging link — on your own phone, not in a slide deck.

  4. 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.

Fardin, working at a laptop.

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
  1. 01I start from the constraint, not the component.
  2. 02I build the system before the screens.
  3. 03I work close to designers and backend engineers rather than downstream of them.
Book a 20-minute call

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.

No inspect lenses active.