Flutter Developer && UI/UX Designer

Hi, I'm Bayan Al Qatanani from Jordan

I design mobile and web apps in Figma and build them in Flutter. My apps are live on the App Store and Google Play, in Arabic and English.

Download CV See my work

Get to know me

About Me

I'm a Software Engineering graduate from Philadelphia University in Amman (2025, GPA 86.7 / 100, Excellent). I work where design meets code: I design screens in Figma, then build them in Flutter for iOS, Android and the web.

At Dot Media / Dot Tech I designed the full mobile and web UI of Lussito, an abaya e-commerce app, and built its API integration. I also designed and single-handedly developed the Bishop School Alumni Club app, designed dotGate and Dot Projects in Figma, and worked on Musaddaq, Daleel AlHurra and Masrafy.

Before that, I interned at Coderz Company, where I built live order tracking for a food delivery app and took a full-stack mobile app course that covered mobile UI/UX design.

4apps live on the App Store and Google Play

40+Arabic-first RTL screens built for Musaddaq

Figma → FlutterFrom the first design to the shipped app

What I work with

My Skills

01App Development (Flutter & Dart)

Architecture: Clean Architecture
State management: BLoC/Cubit, GetX, Provider
Navigation: go_router, deep linking
Networking: REST APIs (Dio, http), WebSockets
Storage: SharedPreferences, get_storage, sqflite
Flutter Web with responsive layouts

02UI/UX Design (Figma)

Figma for mobile and web interfaces
User flows: e-commerce, checkout, sign-in
Responsive desktop and mobile layouts
Arabic/English right-to-left (RTL) design
Design-to-code handoff and implementation

03Integrations & Delivery

Firebase: Messaging, Remote Config
Payments: MPGS card payments
Maps: Google Maps & geolocation
QR: generation & scanning
Tools: Git, Postman, Swagger
Releases: App Store & Google Play

My journey

Experience & Education

Jan 2026 – Jul 2026

Junior Mobile App Developer

Dot Media / Dot Tech · Amman, Jordan

Designed the full mobile and web UI of Lussito in Figma; built about half the screens and the API integration in Flutter.
Designed Bishop School Alumni Club in Figma and single-handedly developed the whole app.
Built Arabic-first lease contract flows for Musaddaq and its responsive web version.
Designed dotGate (workforce and attendance) and Dot Projects (client and project management) in Figma.
Updated the UI of Daleel AlHurra, and worked on Masrafy.

Nov 2025 – Dec 2025

Mobile App Developer Trainee

Dot Media / Dot Tech · Amman, Jordan

Built Musaddaq UI screens and connected them to the REST API.

Jul 2025 – Sep 2025

Mobile App Developer Intern

Coderz Company · Amman, Jordan

Built live order tracking with Google Maps, plus ordering and delivery flows with BLoC, for a food delivery app.

Education

2025

B.Sc. Software Engineering

Philadelphia University, Amman · GPA 86.7 / 100 (Excellent)

Courses & Certificates

2026

Mobile Application Development using Flutter

Princess Sumaya University for Technology (PSUT) · built Shoply and Shop App

2025

Tariqi Project

Business Development Center · employability and teamwork

2025

Full-Stack Mobile App Development

Coderz Company · included mobile UI/UX design

2025

Full Stack Mobile App Development

Talal Abu-Ghazaleh Organization

What I can do for you

My Services

App Development

Cross-platform iOS and Android apps in Flutter, with clean architecture, API integration and store releases.

UI/UX Design

App screens and user flows designed in Figma, in Arabic and English, ready to hand off or to build myself.

Flutter Web

Responsive web versions of mobile apps from the same Flutter codebase, for desktop and mobile browsers.

Selected projects

My Works

Featured · Figma + Flutter

Lussito

An abaya e-commerce app for iOS and Android. I designed the full mobile and web UI in Figma, then built about half of the screens and the API integration in Flutter.

Full UI in Figma: onboarding, sign-in, home, browsing by category, wishlist, blog, profile and checkout.
Flutter (BLoC): MPGS card payments with saved cards, cash on delivery, OTP auth, coupons and product search.
Bilingual Arabic/English, with country selection.

FigmaFlutterBLoCREST APIE-commerce

App Store Google Play GitHub

Lussito welcome screen with login and register — Welcome

Lussito browse screen with products — Browse

Sole designer & developer

Bishop School Alumni Club

A social network that keeps Bishop's School alumni connected through posts, chat and events. I designed it in Figma and handled the entire development myself, including every UI change.

Designed the app in Figma, including the redesigned profile page and refined inner screens.
Post feed with polls, likes and comments, plus real-time chat with read receipts over WebSockets.
Upcoming events with QR tickets, voucher QR redemption, membership payments and admin event management.

FigmaFlutterWebSocketsQRSocial

App Store Google Play

Alumni Club welcome screen with login and register — Welcome

Alumni Club home feed with upcoming events and posts — Home feed

Workforce · Figma design

dotGate

A workforce and attendance app for teams: employees check in and out, and request leave, days off or remote work.

One-tap fingerprint check-in with the office location and a daily summary of hours worked.
A request flow for leave, days off and remote work, with a date range, working-day picker and reason.
Request history with clear Approved, Pending and Rejected states and manager comments.

FigmaAttendanceHR requestsStatus design

dotGate home screen with check-in button and daily summary — Check in

dotGate new request form for remote work — New request

dotGate request history with approval statuses — Requests

Project management · Figma design

Dot Projects

An app that connects clients, teams and project owners in one workflow. Clients follow their projects and payments, and the team and owner run sales, leads and proposals from dashboards.

Client side: home overview, project timeline with In Progress, Completed and On Hold states, project files, and invoices with due and overdue payments.
Owner and sales dashboards: revenue trend, total and active projects, clients, deadlines, proposals and today's meetings.
CRM screens for clients and leads, lead details, proposals, a calendar and adding meetings.

FigmaDashboardsCRMPaymentsOnboarding

Dot Projects onboarding screen: Project Timeline — Onboarding

Dot Projects client home with active projects, next payment and weekly progress — Client home

Dot Projects projects list grouped by status — Projects

Dot Projects payments screen with an overdue invoice — Payments

Dot Projects owner dashboard with revenue, projects and clients — Owner dashboard

Dot Projects clients and leads list — Clients & leads

Arabic-first · Mobile & Web

Musaddaq

A platform for certifying lease contracts between landlords, tenants and lawyers. The interface is Arabic-first and right-to-left, on mobile and on the web.

Built the lease contract flows across 40+ screens: contract creation, payment dues, certified certificates, delegation and search.
Separate service areas for landlords, tenants and lawyers, with contract status shown at a glance (complete, rejected, cancelled).
Built the responsive web version from the same Flutter codebase in one week.

FlutterArabic RTLFlutter WebREST API

App Store Google Play

Musaddaq welcome screen in Arabic — Welcome

Musaddaq home screen with landlord, tenant and lawyer services — Services

Musaddaq landlord contracts list with statuses — Contracts

Arabic RTL · UI update

Daleel AlHurra

A car marketplace directory in Arabic: browse cars by category, by brand and by body type, and find showrooms.

Updated the app's UI across its Arabic, right-to-left screens.
Home screen with car categories, a promotions banner, brand logos and quick filters.
Bottom navigation for home, brands, search, showrooms and settings.

FlutterUI updateArabic RTLMarketplace

App Store Google Play

Daleel AlHurra home screen in Arabic with car categories and brands — Home

Flutter course projects · PSUT

Final Project · Oct 2026

Shoply

A complete e-commerce app I built solo as the final project of the PSUT Flutter course: categories and products, product details, favorites, cart with checkout, and order tracking.

Orders with Pending, Approved and Delivered statuses, filtered by All, Active and Completed.
Full Firebase auth: sign-up with profile photo, email verification, password reset and change, profile updates.
20+ feature modules in data, domain and presentation layers, with use cases and Either-based error handling; in-app notifications, tab badges and light/dark mode.

FlutterClean ArchitectureCubitFirebase AuthCloud Firestorefreezeddartz

GitHub