Where I started
- Web apps & mobile
- E-commerce
- Fidelities (low to high fidelity design)
- Automation
- Workflows
Portfolio · UX/UI & Product Design
Designing products that answer the user's real question.
Seif Halawa
UX/UI & Product Designer |Web & Mobile |Giza, Egypt
I design
0+Years of experience
0High-fidelity screens
0End-to-end user flows
0Languages, one designer
The approach
Understanding the pain point before drawing the screen
I'm a UX/UI and product designer with 2+ years of experience in user-centred design. I'm proficient in Figma and design systems, and I focus on intuitive interfaces and experiences that turn user frustrations into clear, useful products.
User research
Problem framing
User flows
UI design
Design systems
Prototyping
Web & mobile
AI-assisted design
0+
Years of experience in UX/UI and product design
0
High-fidelity screens designed for FreelancerHub
0
End-to-end flows, from sign-up to payout
0
Colour variables and 8 text styles in one design system
0
Forum threads and freelancer reviews mined for themes
0
Freelance platforms benchmarked on fees, holds and payouts
Where I'm heading
- 3D animations
- Analytics & advanced dashboards
- Designs by industry
Featured case study
FreelancerHub: know what you'll earn, and when
A mobile app concept for Arab freelancers who work with Gulf clients. It covers the whole freelance loop, from finding jobs to withdrawing earnings, built around one question: what will I earn, and when can I use it?
View on Behance ↗Live demo · the core flow
Withdraw without surprises
9:41● ● ▮
Available Balance$750Ready to withdraw
Pending Funds$500
Earned in October$1,250
⇪ Withdraw Earnings
In Progress Payments
UI DesignLanding Page Design
Funded$500Completed Payments
WireframesBright Studio
$200Mobile App UINova Agency
$600Available Balance$750
Withdrawal Amount
$Use Max
Payout Method
🏦
Bank TransferAccount ending 4321
›Withdrawal summary
Requested amount$250
Review Withdrawal
Available Balance$750
Review Withdrawal
$248 arrives
Withdrawal amount$250.00
Payout methodBank •••• 4321
Transfer fee$2.00
Estimated amount received$248.00
Confirm Withdrawal
Cancel
Available Balance$500Ready to withdraw
Pending Funds$500
Earned in October$1,250
⇪ Withdraw Earnings
🏦
Bank TransferWithdrawal submitted · Processing
Pending$250In Progress Payments
UI DesignLanding Page Design
Funded$500⌂▣✉☺
Design goal: less uncertainty about money
Problem statement
Arab freelancers with Gulf clients need a clear view of what they will earn and when they can access it, because fees, holds, minimums and exchange rates are shown in separate places, or not at all.
How might we…show the real take-home amount before applying, delivering or withdrawing?
How might we…make clear when each pending amount will be available?
How might we…make payout methods, fees and timing clear before choosing one?
How might we…help freelancers decide which jobs are worth applying to?
Research: why build this when Upwork and Mostaql already exist?
Competitive analysis
Fees, holds and payouts on five platforms, taken from their own pages.
Review mining
8 public forum threads and 17 freelancer reviews, grouped into themes.
Surveys
6 surveys completed with freelancers who work with Arab and Gulf clients.
Six flows, from sign-up to payout
Onboarding & sign in
Welcome → Sign in → Create account → Verify email → Profile setup
Find & apply
Dashboard → Browse jobs → Job details → Client profile → AI-drafted proposal
Track application
My applications → Under review → Interview → Hired or not selected
Deliver work
Milestones → Submit work → Feedback → Revision → Approved → Review
Earnings & withdrawal
Earnings → Withdraw → Review fee + net → Pending → Completed or failed
Messages & alerts
Notifications → Messages → Chat
Design system: 20 colour variables, 8 text styles, one source
FreelancerHub
Three connected points: freelancer, client, payment
Primary
#5B5BD6
Primary light#EEEEFF
Text primary#1F2937
Text secondary#6B7280
Border#E5E7EB
Background#FCFCFD
Funded
Pending
In progress
Error
Inside the case study
Drag or scroll →
Honest status: a demo and a work in progress. Some flows (settings, help, loading and offline states) are still to come, and the prototype hasn't had usability testing yet.
Process
From a frustration to a working prototype
- 1
Listen
Competitive scans, review mining and surveys to find where users actually struggle.
- 2
Define
Proto-personas, a sharp problem statement and “How might we” questions.
- 3
Structure
User flows and information architecture, from the first screen to the last state.
- 4
Systemise
A design system with variables, text styles and status tokens, so every screen agrees.
- 5
Prototype
High-fidelity UI and a clickable Figma prototype, ready to test and iterate.
Experience & toolkit
The foundation under the work
Experience
UX/UI & Product Designer (Freelance)
Web & mobile design · Feb 2025 – Present
Career break focused on AI, UI/UX and software design
User-centred design training
2 years of dedicated UX/UI training
Toolkit
Fg
FigmaUI, design systems, prototyping
Ai
Adobe IllustratorIcons, illustration, brand marks
✦
AI toolsResearch synthesis and faster iteration
Languages
Arabic (native) · English (fluent)
Contact
Available for freelance, full-time and hybrid work
Have a product that needs a clearer answer?
Let's talk about your next product
Seif Halawa · Giza, Egypt · Hybrid & remote