Website Designer (UI / UX)

1. General Website Overview

• Purpose: The website will serve as a centralized hub connecting Muslim professionals and talents globally with impactful projects and initiatives.
• Target Audience: Muslim professionals, community leaders, universities, NGOs, and individuals seeking to contribute to meaningful global projects.
• Key Features: Talent registration, project matchmaking, collaborative tools, community engagement, resource library, events calendar, and more.

1. User-Centered Design Principles

• Simple & Intuitive Navigation: Create a clear, hierarchical menu structure for easy access to key sections (e.g., Home, About, Projects, Talent, Events, Resources).
• Consistent Layout: Maintain consistent branding elements (colors, typography, logo) across all pages for seamless user experience.
• Mobile Responsiveness: Design a fully responsive layout that works well across mobile, tablet, and desktop devices without sacrificing functionality.
• Brand Consistency:
  • Design must reflect the branding of CFP, including color scheme, logo, typography, and other brand elements.
  • Use a clean, modern design with ample white space and an uncluttered layout to ensure readability and a professional look.
  • Minimalistic Layout: Use a clean and modern design style with plenty of white space, ensuring content is not overwhelming.
  • Color Scheme: Incorporate CFP’s brand colors in a way that doesn’t distract from the content. Use high contrast for readability.
  • Typography: Use a clear, legible font for both headlines and body text, ensuring readability across devices.
  • Iconography & Imagery: Use meaningful icons to guide users and enhance the interface’s visual appeal. Use diverse and inclusive imagery that reflects the global nature of the Muslim professional community.

Usability and Navigation

• Intuitive Navigation:
  • Design a top navigation bar with clear, logically organized sections such as Home, About, Projects, Talents, Resources, and Contact Us.
  • Include a "Get Involved" button in the top-right corner as a key CTA to encourage users to register.
• Breadcrumb Navigation:
  • Provide breadcrumb navigation to help users easily track their location on the site and move between sections.
• Call-to-Actions (CTAs):
  • Place prominent CTAs on the homepage (e.g., "Join a Project", "Register Now", "View Talent").
  • Use CTA buttons strategically throughout the site to encourage engagement, with consistent colors and placement.

1. High level feature set:

User Registration and Profile Management

• Community Engagement Features
• Events & Networking
• Resources Library