Portfolio
Available · Open to projects
Full Stack Developer

Crafting digitalexperiences thatinevitable feel.

I build premium digital products where engineering precision meets design intuition. Every interaction, every pixel, every motion — thoughtfully directed.

—Years of craft
—Shipped products
—Industries served
01About

Crafting digital experiences that resonate.

Where engineering precision meets design intuition.

I'm Aisa Lotfi, a Full Stack Developer based in Hamedan, Iran. I build digital products end-to-end — from data model to deployed pixel — with an obsession for clarity and craft.

My approach combines architectural thinking with artistic sensibility. I don't just build interfaces; I choreograph experiences that feel inevitable, intuitive, and emotionally resonant.

I obsess over the details most people never consciously notice — the curve of a spring animation, the rhythm of a layout, the weight of a typographic hierarchy. These invisible decisions create products that feel expensive, intentional, and deeply human.

~ The craft is the message.

Disciplines08
Frontend Engineering
Backend Engineering
API Design
Database Design
UI Engineering
Motion Systems
Performance
Accessibility
Principles
  • i.

    Restraint as luxury — Every removed element earns its silence.

  • ii.

    Motion with intention — Animation choreographs meaning, never noise.

  • iii.

    Detail at every scale — From kerning to architecture, the same care.

02Selected Work

Digital artifacts.

Each project is a partnership where design thinking and engineering craftsmanship converge into something extraordinary.

01E-commerce Web App

Sample Project 01

Placeholder project. As soon as you share real project details, this card will be rewritten with the actual title, description, and outcomes.

Next.jsTypeScriptPostgreSQLTailwind
01 / 04
Champagne Copper
Outcomes
  • Outcome 1 (TODO)
  • Outcome 2 (TODO)
  • Outcome 3 (TODO)
Role

Full Stack Developer

Duration

—

02Analytics Dashboard

Sample Project 02

Placeholder project. Will be replaced once real project details are provided.

ReactNode.jsPrismaChart.js
02 / 04
Royal Amethyst
Outcomes
  • Outcome 1 (TODO)
  • Outcome 2 (TODO)
Role

Full Stack Developer

Duration

—

03Collaboration Platform

Sample Project 03

Placeholder project. Awaiting real details.

Next.jsWebSocketsRedis
03 / 04
Deep Emerald
Outcomes
  • Outcome 1 (TODO)
  • Outcome 2 (TODO)
Role

Full Stack Developer

Duration

—

04Portfolio Website

Sample Project 04

Placeholder project. Awaiting real details.

Next.jsTailwindFramer Motion
04 / 04
Sapphire Blue
Outcomes
  • Outcome 1 (TODO)
  • Outcome 2 (TODO)
Role

Full Stack Developer

Duration

—

03Step

How the work gets made.

A structured-yet-fluid approach. Equal parts research, design, engineering, and refinement — each in service of a feeling.

  1. 1.Step 1

    Discover

    Listen first. Map the user, the problem, and the business gravity around it. Synthesise research into one clear design direction.

  2. 2.Step 2

    Design

    Translate the strategy into tangible interfaces. Iterate fast — wireframes, high-fidelity comps, motion studies — until the work feels inevitable.

  3. 3.Step 3

    Engineer

    Build it like it has to last a decade. Clean architecture, motion choreography, accessibility baked in — no afterthoughts.

  4. 4.Step 4

    Refine

    Ship, then sharpen. Usability, performance, polish — until the product feels expensive without saying a word.

04Engineering,

Engineering, as a craft.

Clean architecture and cinematic execution. Every component is an opportunity for excellence — and a chance to remove a line.

Aggregate

98

Avg. Lighthouse

<2s

Time to Interactive

0

Axe violations

AA+

WCAG baseline

01 / 06

Component Architecture

Composable, scalable systems engineered for clarity, reuse, and the long arc of a product.

02 / 06

Motion Systems

Cinematic choreography. Spring physics, stagger, scroll-linked storytelling — never decoration.

03 / 06

Interaction Design

Tactile micro-interactions that communicate, guide, and delight without ever shouting.

04 / 06

Performance

Sub-second loads, lean bundles, edge rendering. Speed is a feature, not a polish step.

05 / 06

Accessibility

WCAG 2.2 AA+ as a baseline. Universal access without ever compromising on craft.

06 / 06

Responsive Engineering

Fluid layouts that hold cinematic quality from a 320px phone to a 4K studio display.

05Layer

From schema to pixels.

Four layers, one craft. Each tier engineered for resilience, speed, and clarity that survives a year of changes.

Layer 01

Interface / Pixels

The surface the user actually feels — typography, motion, micro-interactions, accessibility.

Layer 02

Edge / Delivery

Streaming, caching, and personalisation as close to the user as physics allows.

Layer 03

API / Contract

Type-safe service layer — REST and GraphQL designed for resilience and developer joy.

Layer 04

Data / Schema

Relational and document stores modelled for the question, not the convenience.

06Experience

A decade of decisions.

Crafting digital experiences across teams and clients — each role an inflection point, each one earning its lessons honestly.

  1. Full Stack Developer — Freelance — 2024 — Present

    Building end-to-end web products for clients across industries. Frontend systems, backend APIs, and the deploy pipeline that makes it all real.

    • Shipped multiple production web platforms
    • Authored a personal motion-first component system
    • Built a portfolio engine with i18n and RTL from day one
07Contact

Let's build something inevitable.

Available · Open to projects

Whether you have a project in mind or just want to explore what's possible — I'd love to hear from you.

Send a message

Connect

GitHub

LinkedIn

Twitter

Studio
LocationHamedan, Iran
Time zoneUTC+3:30 (IRST)
ResponseWithin 48h
LanguagesEN · FA

“Every great product begins as a conversation.”

Let's start yours.