Creative Full Stack Developer
& UI/UX Designer

Contact View Project

I bridge the gap between complex engineering and human-centered design. building scalable web applications and thoughtfully engineered digital solutions.

About Me

Good code needs good design.

Khairan Noor Fadhlillah

I am a Hybrid Developer (Full-Stack & UI/UX) who translates artistic sensitivity into high-performance systems. My expertise goes beyond writing code, design, architect, and build solutions that are intentional, scalable, and usable.

Project

Years

Stack

Portofolio Showcase

Showcasing selected works that reflect my style, skills, and story.

Visual Design
Website
Skill

Social Media Design

Designed social media visuals that combine branding, clarity, and engagement across platforms...

Poster Design

Turning information into visuals. Clear, concise, and compelling infographic posters for all audiences...

Logo Design

Developed a visual identity through a logo that captures the brand’s core values with clarity, and meaning...

ShareSkill App - UI Design

Designed a skill-sharing app that connects individuals through mutual learning and personal growth...

Newtriens App - UI Design

A health app for ordering nutritious meals, tracking calories, and accessing expert wellness advice...

Rumah Kedua App - UI Design

An integrated mental defense ecosystem designed to combat bullying and school violence through anonymous reporting and real-time intervention...

FundEx Web - ReDesign

UI/UX redesign for FundEx, focused on improving clarity, trust, and user flow for new investors...

PlayForCalm - Logic Arcade Game

Description: A mental-clarity focused game suite. Featuring a custom-built Sudoku engine designed to train focus and logic in a minimal, zen environment. Tech Stack: React 15, JavaScript (Pure Logic), CSS3.

ZeroCloud - Local Image Suite

Description: Privacy-first image processing tool. Perform bulk compression and optimization directly in the browser without ever uploading data to a server. Tech Stack: Nuxt 3, Web Workers API, Tailwind CSS.

EstimateScopeAI - Smart Auditor

Description: An enterprise-grade tool for project estimation and auditing. Leveraging AI to analyze complexity and provide precise development scopes. Tech Stack: .NET 8, Angular 19, Gemini AI API.

Sharesa Digital - Agency Suite

Description: A high-performance platform for digital agencies. Managed portfolio and client intake system with a focus on speed and seamless integrations. Tech Stack: Laravel 11, Supabase, Cloudinary, Tailwind CSS.

KarsaChain - Eternal Archive Web3

Description: A decentralized asset storage solution ensuring data immortality. Features secure blockchain-based archiving with IPFS for tamper-proof records. Tech Stack: Solidity, Ethereum/Polygon, Next.js 15, IPFS.

DopaMind - Productivity OS Tracker

Description: A holistic personal growth platform integrating finance tracking, atomic habits, and intentional planning into a seamless Modern Monolith experience. Tech Stack: Laravel 11, Vue 3, Inertia.js, Tailwind CSS.