My strongest shortcut.

I design, build, and refine in one continuous flow keeping every idea intact from the first frame to the final file, with nothing lost in between.

Try it: press ⌘ S or tap the keys

Some selected work

Designed and built.

Horizon bento board: shareholder cards, the Horizon app held in hand, shares and shareholders stats, watchlist

Horizon

Mobile appFlutterFigma

A mobile app for tracking shares and shareholders. It turns manual, repeated reports into live charts, a watchlist of flagged companies and movement on every holder.

tam-website-six.vercel.app
TAM

TAM

Digital bankingHTML/CSS/JSGSAPLive site ↗

Website for TAM, KFH's fully digital bank. Scroll-driven hero, flipping cards, offers and rewards, built by hand with GSAP ScrollTrigger.

kfhtrade.com
Trade

KFH Trade

Website + systemHTML/CSS

Redesign of the KFH Trade website and its design system. Clean, confident, exchange-grade.

aurora · internal
Aurora

Aurora

Internal system · KFHBlazor/.NETTelerik UI

A modern internal platform replacing a legacy system. I redesigned the operational workflows and built the reusable component library behind them.

gen.paywaykw.com
Gen

Gen

WebsiteCodeLive site ↗

Website for Gen, the school payments app and smart bracelet for parents: wallet top-ups, canteen orders, trip requests and allergy alerts. I also lead Gen's technology as Tech Lead.

kfh-tone.vercel.app
Write better.

UX Writing Engine

Web toolArabic + EnglishLive site ↗

A bilingual tone converter that rewrites corporate copy into KFH's warm, human voice in Arabic and English, then saves each line to a shared glossary of buttons, errors and placeholders.

How I work

Half canvas, half code.


            
Horizon · FlutterLn 1, Col 1
Pages
  • Horizonapp
  • TAMweb
  • KFH Tradeweb
  • Aurorasystem
  • Genweb
  • UX Writing Engineweb
  • Design Systemlib

Every page here also lives in a repo.

Component Design in a design system
Open account → 24 48 × Hug Button / Primary / Large
Toolbox

Tools I design
and build with

Code HTML · CSS · JavaScript · React · Blazor · Flutter · SwiftUI · C# · .NET · Node.js · Python · Django · AWS

Devloy · Gen · KFH · Personal

How I ship a project.

Workflow
▷ Trigger ✓ Triggered
New client

Brief comes in, discovery call booked

✓ Completed
Gather requirements

User goals, content and scope

✓ Completed
Wireframe & UX/UI

Wireframes, then UI in Figma

✓ Completed
If

Client approves the design

TrueFalse
✓ Completed
Develop

Front-end, back-end and testing

✓ Completed
Deploy

Launch, docs and support

Let's make something worth saving.

Open to product design, front-end and design-engineering work. I reply within a day.

dalal.aljassem@gmail.com
LinkedIn ↗