Profile & CraftDhaka, Bangladesh

Designer who codes. Developer who designs.

I craft digital products that sit comfortably at the intersection of intentional typography, disciplined engineering, and high-contrast usability. With hands-on experience across both design systems and production full-stack architectures, I build applications that prioritize correctness, speed, and lasting visual weight.

What I'm Doing Now

Updated September 2026

Variable Typography & Next-Gen Micro-Interactions

Refining fluid optical-size font mechanics and high-performance scroll storytelling. Exploring zero-runtime animation techniques that honor battery and accessibility limits.

Based in Dhaka, Bangladesh

Philosophy

Principles of Craft

Non-negotiable standards applied to every codebase, layout, and user interaction.

The Site is the Proof

Every pixel, transition, and touch target testifies to the engineer's respect for craft.

A portfolio is not a place for sloppy spacing, arbitrary hex values, or janky animations. We earn credibility through unwavering attention to detail, tactile feedback, and flawless execution.

Typography Before Decoration

Structure hierarchy with variable weight, width, and optical size rather than decorative clutter.

We avoid generic AI tropes: no unnecessary badge pills, no decorative numbering, no random gradient blobs. One considered variable typeface (Bricolage Grotesque) does the heavy lifting.

Performance is an Ethical Choice

Fast websites respect the user's battery, mobile data, and cognitive load.

Zero layout thrash (CLS ≤ 0.05), sub-2 second Largest Contentful Paint on mobile connections, and minimal client-side JavaScript. Keep server code on the server.

Uncompromising Accessibility

Digital experiences must be welcoming, navigable, and legible to every human.

Contrast ratios rigorously meeting WCAG 2.2 AA standards across all themes, robust keyboard navigation, visible focus rings, logical tab order, and full respect for prefers-reduced-motion.

Career

Experience & Roles

Track record building production web architectures and client solutions.

Senior Design Engineer at Independent Consultant

2024 — PresentContract

Partnering with growth-stage tech companies and founders to architect high-contrast design systems, rebuild slow web apps, and eliminate accessibility debt.

Engineered multi-brand token pipelines for 3 enterprise clients, cutting UI regression bugs by 70%.
Mentored frontend engineering teams on semantic HTML, WCAG 2.2 AA audits, and zero-layout-shift web performance.
Achieved sub-1s LCP and perfect 100/100 Lighthouse audits across client public web properties.

Design TokensNext.jsTypeScriptTailwind CSS v4WCAG 2.2 AAGSAP

Full-Stack Engineer & UI Specialist at Nexora Systems

2022 — 2024Full-Time

Led the frontend architecture team for internal developer platforms and high-throughput real-time telemetry dashboards.

Spearheaded migration from legacy monolithic React SPA to Next.js App Router, decreasing first-load JavaScript by 65%.
Designed and authored company-wide UI component library adhering strictly to a 4px mathematical grid.
Built automated CI pipeline with Vitest and Playwright to catch accessibility and visual regressions before deployment.

ReactNext.jsNode.jsPostgreSQLDockerPlaywright

Web Designer & Frontend Developer at Studio Craft Digital

2020 — 2022Full-Time

Crafted bespoke editorial websites, digital publications, and brand identities for international clients.

Designed and developed 18+ custom responsive websites with high-fidelity typography and micro-interactions.
Pioneered early adoption of CSS Custom Properties and fluid typography math, replacing bulky CSS frameworks.

Web DesignTypographyCSS Grid & FlexboxJavaScriptFigma

Capabilities

Toolbox & Stack

Languages, libraries, design standards, and operational tools used day to day.

Design & Systems

Design Tokens
Bricolage Variable Type
Figma
WCAG 2.2 AA
Grid Math

Frontend Architecture

Next.js 15 (App Router)
React 19
TypeScript
Tailwind CSS v4
GSAP + ScrollTrigger
Lenis

Backend & Data

MongoDB Atlas
Zod Validation
Custom HMAC Session
Resend
Cloudinary SDK

Quality & Testing

Vitest
Playwright
@axe-core/playwright
Lighthouse CI
GitHub Actions

See the work in action

Explore documented case studies and technical breakdowns.

Coffee cup with brewing steam and rotating progress indicator

Loading content...

Fetching assets and initializing layout.

Designer who codes. Developer who designs.