HADILOpen to new opportunities

Design and build product experiences.

I shape ideas from early structure and research into working prototypes and usable products.

Choose a path
Selected builds
3 projects
visionframe 042model ok
Scanning

Speedo AI

Inspection scan timeline

Computer vision

GrabMotion

Motion preview system

Motion Design
Input
Model
Analyze
Output

AI Workflow

Connected steps preview

Workflow Tool

Work

Selected product work.

UX case studies, AI interfaces, ecommerce experiments, and product builds.

Showing 7 / 7 work pieces

Build mode
motion
motion.preview
hover: {
  y: -8,
  glow: true
}

GrabMotion

A copy-ready motion effects library for designers, developers, product builders, and vibe coders. Built with live previews, customization controls, and exportable code snippets.

AI-assisted buildMotion design
Build mode
corrosionmedium

Speedo AI

An AI-powered pipeline inspection interface for detecting corrosion, reviewing video timelines, analyzing severity, and generating inspection reports.

AI productComputer vision UX
Design mode

Before

After

PDP Optimization

Redesigned a product detail page experience to improve conversion, reduce customer confusion, and support better purchase decisions.

Ecommerce UXConversion optimization
Design mode
LeadAIActionCRM
SignalAIReply

Salesperson's Interface for an AI Platform

Designed a demo-focused AI platform interface that helps sales representatives upload client datasets, generate predictions, compare results, and explain the workflow clearly.

AI platform UXSales demo workflow
Design mode
SETU Careers Connect product shown on a campus display
SETU Careers Connect exhibition poster and second product screen
Two screen showcase
SETU Careers Connect product shown on a campus display
SETU Careers Connect exhibition poster and second product screen
Two screen showcase

SETU Careers Connect

A campus career-development concept shaped through research, personas, stakeholder mapping, and an interactive digital display experience.

UX researchService design
Design mode
Welcome
Consult onboarding avatarConsult
Shop onboarding avatarShop
Community
Welcome
Consult onboarding avatarConsult
Shop onboarding avatarShop
Community
Motion storyboard

Animated Onboarding Illustrations

A motion-design project that turned static onboarding illustrations into animation-led moments for a wellness app experience.

Motion designOnboarding UX
Design mode

Motion / UX Explorations

Selected interaction systems, motion studies, and interface details that make digital products feel responsive and alive.

Motion UXInteraction design

About

I’m Hadil, a product designer building AI-powered digital products.

My work sits between design and building: I create user-centered interfaces, prototype ideas quickly, and ship functional web products using AI-assisted development workflows. My work spans SaaS platforms, AI tools, ecommerce UX, motion systems, and product experiments.

Product Design

UX strategyInteraction designUI systemsProduct thinkingUsability

AI Builder

AI-assisted developmentRapid prototypingWeb productsMotion systemsFrontend experiments

Tools

FigmaNext.jsReactTailwindMotionAI coding tools

Contact

Let’s build something thoughtful, useful, and a little unexpected.