Email:
Joun Habib
Product Experience Designer
Joun Habib
Product Experience Designer
Joun Habib
Product Experience Designer
Available for Work
Hi! I'm
Joun Habib
a
User Experience Designer
from
Islamabad
Crafting your vision into intuitive digital realities
(2022 – PRESENT)
I craft user-centered products and experiences that bridge creativity with logic—turning concepts into purposeful designs that bring lasting value to both users and brands.
4+ /
Years of Experience
>98% /
Client Retention Rate
10 /
Satisfied Clients
50+ /
Projects Finished
{01} — Featured projects
I design with creativity and technical depth.
{02} — Tools & Skills
My creative toolbox
{02} — Tools & Skills
My creative toolbox
{02} — Tools & Skills
My creative toolbox
Figma
Leading collaborative design tool
100
%
Figma
Leading collaborative design tool
100
%
Framer
No-code website builder
90
%
Framer
No-code website builder
90
%
WebFlow
No-code web design and hosting platform
80
%
WebFlow
No-code web design and hosting platform
80
%
E-commerce
Corporate Website
Landing Page
Mobile Application Design
Web Application Design
E-commerce
Corporate Website
Landing Page
Mobile Application Design
Web Application Design
{03} — Process
How it works
Discovery & Strategy
/
01
Understanding Your World
Initial Consultation:
Understand the client’s vision, goals, and target audience.
User Research:
Analyze competitors and industry trends to gather insights.
Define Scope:
Set the project’s objectives, deliverables, and timelines.
/3-5 days/
Discovery & Strategy
/
01
Understanding Your World
Initial Consultation:
Understand the client’s vision, goals, and target audience.
User Research:
Analyze competitors and industry trends to gather insights.
Define Scope:
Set the project’s objectives, deliverables, and timelines.
/3-5 weeks/
Discovery & Strategy
/
01
Understanding Your World
Initial Consultation:
Understand the client’s vision, goals, and target audience.
User Research:
Analyze competitors and industry trends to gather insights.
Define Scope:
Set the project’s objectives, deliverables, and timelines.
/3-5 days/
Design & Iteration
/
02
Crafting the Experience
Wireframing:
Create low-fidelity wireframes to map out the site’s structure.
High-Fiedlity UI:
Creating brand-specific UI with high-fidelity aesthetics.
Interactive Prototyping:
Build clickable prototypes for client feedback.
Design Systems:
Building robust reusable libraries of components and tokens.
/2-3 weeks/
Design & Iteration
/
02
Crafting the Experience
Wireframing:
Create low-fidelity wireframes to map out the site’s structure.
High-Fiedlity UI:
Creating brand-specific UI with high-fidelity aesthetics.
Interactive Prototyping:
Build clickable prototypes for client feedback.
Design Systems:
Building robust reusable libraries of components and tokens.
/3-5 weeks/
Design & Iteration
/
02
Crafting the Experience
Wireframing:
Create low-fidelity wireframes to map out the site’s structure.
High-Fiedlity UI:
Creating brand-specific UI with high-fidelity aesthetics.
Interactive Prototyping:
Build clickable prototypes for client feedback.
Design Systems:
Building robust reusable libraries of components and tokens.
/2-3 weeks/
Build
/
03
Bringing It to Life
No-Code Development
Build out the website structure using selected tools.
Content Integration:
Import and format content (text, images, videos).
Basic SEO Setup:
Optimize on-page elements for search engines.
/1 week/
Build
/
03
Bringing It to Life
No-Code Development
Build out the website structure using selected tools.
Content Integration:
Import and format content (text, images, videos).
Basic SEO Setup:
Optimize on-page elements for search engines.
/3-5 weeks/
Build
/
03
Bringing It to Life
No-Code Development
Build out the website structure using selected tools.
Content Integration:
Import and format content (text, images, videos).
Basic SEO Setup:
Optimize on-page elements for search engines.
/1 week/
Launch
/
04
Shipping With Confidence
Deployment & Go-Live:
Deploying with flawless SEO and tech integration.
Client Review:
Present the site to the client for feedback.
Revisions:
Make necessary changes based on client feedback.
/2-3 days/
Launch
/
04
Shipping With Confidence
Deployment & Go-Live:
Deploying with flawless SEO and tech integration.
Client Review:
Present the site to the client for feedback.
Revisions:
Make necessary changes based on client feedback.
/3-5 weeks/
Launch
/
04
Shipping With Confidence
Deployment & Go-Live:
Deploying with flawless SEO and tech integration.
Client Review:
Present the site to the client for feedback.
/2-3 days/
95+
Percent
customer satisfaction
95+
Percent
customer satisfaction
4+
Years
of experience
4+
Years
of experience
20+
Projects
completed
20+
Projects
completed
{04} — Testimonials
Don’t take my
word for it
* Take theirs
4.5
/ 5
Joun transformed the way we build. By implementing a robust design system, he helped our team scale faster while maintaining a level of visual consistency we hadn't been able to achieve before. A true force multiplier.
Sarah L. | Design Operations Lead
5.0
/ 5
Joun rethought how our users interact with data entirely. The discovery phase alone surfaced problems we didn't know we had — and our retention improved 34% within two months of launch. He thinks like a strategist.
James R. | Senior Product Manager
5.0
/ 5
Joun is more than a designer; he’s a strategic partner. He has a unique ability to take vague business requirements and turn them into high-performing digital products. His process is thorough, and his eye for detail is unmatched.
Michael S. | Product Director
5.0
/ 5
Joun redesigned our mobile onboarding and cut our drop-off rate in half. His handoff files were so thorough our developers shipped with almost zero back-and-forth. Genuinely impressive work.
Emily Desire | Head of Product
5.0
/ 5
The attention to detail in Joun's work is unreal. Every hover state, every empty state, every error message was considered. Our engineers kept saying the handoff files were the best they'd ever received.
Elena M. | Creative Director
4.5
/ 5
Joun transformed the way we build. By implementing a robust design system, he helped our team scale faster while maintaining a level of visual consistency we hadn't been able to achieve before. A true force multiplier.
Sarah L. | Design Operations Lead
5.0
/ 5
Joun rethought how our users interact with data entirely. The discovery phase alone surfaced problems we didn't know we had — and our retention improved 34% within two months of launch. He thinks like a strategist.
James R. | Senior Product Manager
5.0
/ 5
Joun is more than a designer; he’s a strategic partner. He has a unique ability to take vague business requirements and turn them into high-performing digital products. His process is thorough, and his eye for detail is unmatched.
Michael S. | Product Director
5.0
/ 5
Joun redesigned our mobile onboarding and cut our drop-off rate in half. His handoff files were so thorough our developers shipped with almost zero back-and-forth. Genuinely impressive work.
Emily Desire | Head of Product
5.0
/ 5
The attention to detail in Joun's work is unreal. Every hover state, every empty state, every error message was considered. Our engineers kept saying the handoff files were the best they'd ever received.
Elena M. | Creative Director
4.5
/ 5
Joun transformed the way we build. By implementing a robust design system, he helped our team scale faster while maintaining a level of visual consistency we hadn't been able to achieve before. A true force multiplier.
Sarah L. | Design Operations Lead
5.0
/ 5
Joun rethought how our users interact with data entirely. The discovery phase alone surfaced problems we didn't know we had — and our retention improved 34% within two months of launch. He thinks like a strategist.
James R. | Senior Product Manager
5.0
/ 5
Joun is more than a designer; he’s a strategic partner. He has a unique ability to take vague business requirements and turn them into high-performing digital products. His process is thorough, and his eye for detail is unmatched.
Michael S. | Product Director
5.0
/ 5
Joun redesigned our mobile onboarding and cut our drop-off rate in half. His handoff files were so thorough our developers shipped with almost zero back-and-forth. Genuinely impressive work.
Emily Desire | Head of Product
5.0
/ 5
The attention to detail in Joun's work is unreal. Every hover state, every empty state, every error message was considered. Our engineers kept saying the handoff files were the best they'd ever received.
Elena M. | Creative Director
{05} — FAQ
Got Questions?
Got Questions?
01/
What is your typical project timeline?
Timelines typically range from 4 to 10 weeks depending on complexity. A standard MVP can often be delivered in a 4-week sprint, while larger international platforms are managed through iterative milestones. This ensures a thorough process from initial discovery to final developer handoff.
02/
Do you offer ongoing maintenance and support?
Yes, I offer ongoing maintenance and support packages to ensure your website stays updated and runs smoothly. This includes updates, bug fixes, and any necessary changes as your business grows.
03/
What is your typical design process?
My process is rooted in the Double Diamond methodology: Discover, Define, Develop, and Deliver. I start with deep-dive research and stakeholder interviews to uncover the core problem. From there, I move into wireframing and rapid prototyping, followed by iterative testing. I believe design is never "done," so I rely on data and user feedback to refine the product post-launch.
04/
How do you handle revisions and feedback?
Revisions and feedback are a crucial part of the process. I typically offer a set number of revision rounds to refine the design based on your input. I ensure clear communication throughout, so your vision is brought to life effectively.
05/
How do you handle handoffs to developers?
I view developers as my primary partners. I provide organized Figma files with clear naming conventions, documented design tokens (colors, typography, spacing), and interactive prototypes to demonstrate transitions. I also hold "walkthrough" sessions to discuss technical constraints early, ensuring that what I design can actually be built efficiently without losing its aesthetic integrity.
06/
Can you work with existing brand guidelines?
Absolutely! I’m experienced in working with existing brand guidelines to ensure your website aligns with your established identity. I can seamlessly incorporate your branding while enhancing your digital presence.
01/
What is your typical project timeline?
Timelines typically range from 4 to 10 weeks depending on complexity. A standard MVP can often be delivered in a 4-week sprint, while larger international platforms are managed through iterative milestones. This ensures a thorough process from initial discovery to final developer handoff.
02/
Do you offer ongoing maintenance and support?
Yes, I offer ongoing maintenance and support packages to ensure your website stays updated and runs smoothly. This includes updates, bug fixes, and any necessary changes as your business grows.
03/
What is your typical design process?
My process is rooted in the Double Diamond methodology: Discover, Define, Develop, and Deliver. I start with deep-dive research and stakeholder interviews to uncover the core problem. From there, I move into wireframing and rapid prototyping, followed by iterative testing. I believe design is never "done," so I rely on data and user feedback to refine the product post-launch.
04/
How do you handle revisions and feedback?
Revisions and feedback are a crucial part of the process. I typically offer a set number of revision rounds to refine the design based on your input. I ensure clear communication throughout, so your vision is brought to life effectively.
05/
How do you handle handoffs to developers?
I view developers as my primary partners. I provide organized Figma files with clear naming conventions, documented design tokens (colors, typography, spacing), and interactive prototypes to demonstrate transitions. I also hold "walkthrough" sessions to discuss technical constraints early, ensuring that what I design can actually be built efficiently without losing its aesthetic integrity.
06/
Can you work with existing brand guidelines?
Absolutely! I’m experienced in working with existing brand guidelines to ensure your website aligns with your established identity. I can seamlessly incorporate your branding while enhancing your digital presence.
{06} — Contact me
