Open to Exciting Opportunities

Designing Products, Building Experiences.

Designing Products, Building Experiences.

I’m Sherif, a Product Designer (UX/UI) and Website Developer (Framer) specializing in creating user-first digital experiences that align with business objectives. From intuitive UX design to interactive prototypes, I deliver solutions that engage users and drive results.

I’m Sherif, a Product Designer (UX/UI) and Website Developer (Framer) specializing in creating user-first digital experiences that align with business objectives. From intuitive UX design to interactive prototypes, I deliver solutions that engage users and drive results.

I’m Sherif, a Product Designer (UX/UI) and Website Developer (Framer) specializing in creating user-first digital experiences that align with business objectives. From intuitive UX design to interactive prototypes, I deliver solutions that engage users and drive results.

What I Bring to Your Team

Gridum product design image

Product design

Product design

Product design

User Experience (UX) Design:
Crafting user-centric experiences through research, wireframing, and prototyping.

"I transform ideas into seamless digital journeys."


User Interface (UI) Design:
Designing visually appealing and intuitive interfaces that captivate users.

"Bringing your brand to life with pixel-perfect designs.”


Interaction Design:
Creating interactive and dynamic user flows to enhance engagement.

“Designing interactions that feel natural and engaging.”

User Experience (UX) Design:
Crafting user-centric experiences through research, wireframing, and prototyping.

"I transform ideas into seamless digital journeys."


User Interface (UI) Design:
Designing visually appealing and intuitive interfaces that captivate users.

"Bringing your brand to life with pixel-perfect designs.”


Interaction Design:
Creating interactive and dynamic user flows to enhance engagement.

“Designing interactions that feel natural and engaging.”

User Experience (UX) Design:
Crafting user-centric experiences through research, wireframing, and prototyping.

"I transform ideas into seamless digital journeys."


User Interface (UI) Design:
Designing visually appealing and intuitive interfaces that captivate users.

"Bringing your brand to life with pixel-perfect designs.”


Interaction Design:
Creating interactive and dynamic user flows to enhance engagement.

“Designing interactions that feel natural and engaging.”

Development

Development

Framer Prototyping & Development:
Building interactive prototypes and fully functional websites using Framer.

“From concept to no-code development, delivering polished, functional solutions".


Responsive Web Design:
Ensuring websites look and perform perfectly across all devices.

“Designs that adapt seamlessly on all screens (desktop, tablet, mobile).”

Framer Prototyping & Development:
Building interactive prototypes and fully functional websites using Framer.

“From concept to no-code development, delivering polished, functional solutions".


Responsive Web Design:
Ensuring websites look and perform perfectly across all devices.

“Designs that adapt seamlessly on all screens (desktop, tablet, mobile).”

Gridum no-code development image

Research & Strategy

Research & Strategy

User Research:
Conducting user interviews, surveys, and usability tests to inform design decisions.

"Empowering your projects with data-driven insights.”

User Research:
Conducting user interviews, surveys, and usability tests to inform design decisions.

"Empowering your projects with data-driven insights.”

Design Thinking:

Facilitating collaborative sessions to uncover solutions and define user needs.

“Aligning your team around user-first design strategies.”

Design Thinking:

Facilitating collaborative sessions to uncover solutions and define user needs.

“Aligning your team around user-first design strategies.”

UX Audits:

Analyzing existing products for usability, accessibility, and design improvements.

“Enhancing your product’s performance with actionable recommendations.”

UX Audits:

Analyzing existing products for usability, accessibility, and design improvements.

“Enhancing your product’s performance with actionable recommendations.”

Gridum website design image

UX/UI Design

Framer Development

Design system

Product Design

User Research

Responsive Design

Data-Driven Design

Interaction Design

Web Design

Mobile Design

Rapid Prototyping

Problem-Solving

Team Collaboration

Agile Methodologies

My Expertise

UX/UI Design

UX/UI Design

Framer Development

Framer Development

Design system

Design system

Product Design

Product Design

User Research

User Research

Usability Testing

Usability Testing

Responsive Design

Data-Driven Design

Data-Driven Design

Web Design

Web Design

Mobile Design

Interaction Design

Interaction Design

Agile Methodologies

Agile Methodologies

Rapid Prototyping

Rapid Prototyping

Problem-Solving

WCAG Standards

WCAG Standards

Team Collaboration

Team Collaboration

My Expertise

Lets work together

Tools & Software

Figma

Framer

Adobe Creative
Cloud

ClickUp

Notion

Canva

ChatGPT

Miro

VS Code

GitHub

Xcode

Android Studio

Tools & Software

Figma

Framer

Adobe Creative
Cloud

ClickUp

Notion

Canva

ChatGPT

Miro

VS Code

GitHub

Xcode

Android Studio

Design Process

  1. Discover

Understanding the user, the problem, and the project goals.

What I Do:

Conduct user research through interviews, surveys, and data analysis to gather meaningful insights.

Perform competitive analysis to identify industry trends and best practices.

Collaborate with stakeholders to align on project goals, user needs, and business objectives.


Deliverables:

User Personas: Profiles representing target users to guide design decisions.

Problem Statements: Clear definitions of challenges to address in the project.

Research Insights: Actionable data that forms the foundation of the design process.


Outcome:
A comprehensive understanding of user needs and business goals, setting a strong foundation for the project.

  1. Design

  1. Define

Crafting the solution with precision and creativity.

What I Do:

Create wireframes and prototypes to test concepts and validate ideas early in the process.

Develop high-fidelity mockups, focusing on accessibility, usability, and visual appeal.

Add interaction and motion design to create engaging and intuitive user experiences.

Ensure designs align with brand identity and project goals.


Deliverables:

Wireframes and Mockups: Foundational designs for structure and aesthetics.

Interactive Prototypes : Functional prototypes to simulate real-world interactions.

Design System Components: Scalable and reusable elements to maintain consistency.


Outcome:
A refined, user-tested design that is ready for development and capable of delivering exceptional user experiences.

Framing the problem and setting the direction.

What I Do:

Create user journey maps to identify user pain points and opportunities for improvement.

Develop information architecture and user flows to organize content and ensure seamless navigation.

Prioritize features based on user needs, business goals, and technical feasibility.

Collaborate with stakeholders to define the project scope and set clear priorities.


Deliverables:

User Journey Maps: Visual paths showing user interactions and touchpoints.

Information Architecture Diagrams: Clear organizational structures for content and features.

Feature Prioritization: A roadmap to focus efforts on impactful solutions.


Outcome:
A well-defined problem statement, actionable goals, and a structured roadmap that ensures clarity and alignment throughout the project.

  1. Define

Framing the problem and setting the direction.

What I Do:

Create user journey maps to identify user pain points and opportunities for improvement.

Develop information architecture and user flows to organize content and ensure seamless navigation.

Prioritize features based on user needs, business goals, and technical feasibility.

Collaborate with stakeholders to define the project scope and set clear priorities.


Deliverables:

User Journey Maps: Visual paths showing user interactions and touchpoints.

Information Architecture Diagrams: Clear organizational structures for content and features.

Feature Prioritization: A roadmap to focus efforts on impactful solutions.


Outcome:
A well-defined problem statement, actionable goals, and a structured roadmap that ensures clarity and alignment throughout the project.

  1. Deliver

Bringing designs to life and ensuring quality.

What I Do:

Build functional prototypes using Figma or deliver final products using Framer for web-based project.

Conduct usability testing to identify and address potential issues, ensuring the design meets user needs.

Collaborate with developers for a seamless handoff and assist in implementation to maintain design integrity.

Provide ongoing support for post-launch improvements and iterations.


Deliverables:

Interactive Prototypes: Functional, clickable models showcasing the final user experience.

Final Design Assets and Documentation: Organized files, style guides, and component libraries for development teams.

Usability Testing Reports: Actionable insights to improve product usability and performance.


Outcome:
A polished, user-centered product that meets business goals and delivers a seamless user experience.

  1. Design

Crafting the solution with precision and creativity.

What I Do:

Create wireframes and prototypes to test concepts and validate ideas early in the process.

Develop high-fidelity mockups, focusing on accessibility, usability, and visual appeal.

Add interaction and motion design to create engaging and intuitive user experiences.

Ensure designs align with brand identity and project goals.


Deliverables:

Wireframes and Mockups: Foundational designs for structure and aesthetics.

Interactive Prototypes : Functional prototypes to simulate real-world interactions.

Design System Components: Scalable and reusable elements to maintain consistency.


Outcome:
A refined, user-tested design that is ready for development and capable of delivering exceptional user experiences.

  1. Deliver

Bringing designs to life and ensuring quality.

What I Do:

Build functional prototypes using Figma or deliver final products using Framer for web-based project.

Conduct usability testing to identify and address potential issues, ensuring the design meets user needs.

Collaborate with developers for a seamless handoff and assist in implementation to maintain design integrity.

Provide ongoing support for post-launch improvements and iterations.


Deliverables:

Interactive Prototypes: Functional, clickable models showcasing the final user experience.

Final Design Assets and Documentation: Organized files, style guides, and component libraries for development teams.

Usability Testing Reports: Actionable insights to improve product usability and performance.


Outcome:
A polished, user-centered product that meets business goals and delivers a seamless user experience.