Product Designer (UI/UX)

Mohamed Ergawi

Starting at

$

1,200

About this service

Summary

I offer user-centered product design solutions, specializing in creating intuitive and visually engaging websites, apps, and platforms using tools like Figma. My approach combines deep UX research with pixel-perfect UI execution, ensuring designs not only look great but also deliver exceptional user experiences. What sets me apart is my ability to balance creativity and functionality, crafting designs tailored to both user needs and business goals.

Process

Discovery & Research
Understand project goals, target audience, and business objectives through workshops and stakeholder interviews.
Conduct user research, competitive analysis, and create user personas.
Define & Strategize
Map out user journeys and identify pain points.
Develop a clear information architecture and feature requirements.
Wireframing & Prototyping
Create low-fidelity wireframes to outline structure and layout.
Develop interactive prototypes to validate user flows and functionality.
Visual Design
Apply branding, typography, and color schemes to create high-fidelity mockups.
Build a design system and reusable components for consistency.
User Testing & Iteration
Test prototypes with real users to gather feedback on usability and experience.
Iterate on designs based on insights and refine interactions.
Development Handoff
Provide organized Figma files, design specifications, and assets.
Collaborate with developers using tools like Figma Inspect or Zeplin.
Launch & Support
Assist in pre-launch QA to ensure the design is implemented as intended.
Offer post-launch support, including design updates and scaling strategies.

What's included

  • Wireframes and Prototypes

    Low-Fidelity Wireframes: Skeleton screens focusing on layout and structure. High-Fidelity Wireframes: Detailed screens showing precise placement of UI elements. Interactive Prototypes: Clickable versions to demonstrate user flows and interactions

  • Design Assets

    Design System: Comprehensive guidelines for typography, color palette, icons, and components. UI Kit: Reusable components (buttons, forms, cards) for consistency in design. Responsive Design Mockups: Screens optimized for desktop, tablet, and mobile views. Iconography: Custom icons or icon sets tailored to the project.

  • Final UI/UX Design Files

    Figma Design Files: Organized layers, components, and prototypes ready for handoff. Annotated Screens: Detailed notes explaining functionality, interactions, and behavior. Style Guide: Document covering fonts, colors, and usage rules for consistency.

Duration

6 weeks

Skills and tools

UX Designer

Product Designer

UI Designer

Figma

More services

Web Design

STARTING AT

$800

fixed rate