Figma Football Field Booking and Match Making App Design in English and Arabic
Budget: $30 – $250 USD
Figma Designs must be multilingual in Arabic and English for a Football Field Booking and Match Making App.
1. Home Page
The Home Page will be the main entry point for the app. It should include:
- Clear navigation to different sections (e.g., Fields List, Upcoming Games, User Profile, Help Center)
- Search bar to find fields and games based on user's preferences
- A section to display upcoming bookings and games
- Notifications center for booking confirmations, messages, and invitations
- Login and registration options for new and existing users
- A carousel or section showcasing field offers, promotions, and ads
- Links to Application's social media accounts
- Access to FAQ and Help Center
- App version and update information (if applicable)
- App feedback and support options
- Geolocation feature to show nearby fields or recommendations
2. User Profile
This screen displays the personal information of the user, including:
- User's profile picture (optional)
- Positions played (can have multiple)
- Stats (games, goals, assists)
- Team representation
- Location
- Phone number and email address
- Social media account links
3. Fields List
This screen will provide a list of available fields with the ability to filter and search for specific requirements. The screen should include:
- A feed displaying available fields
- Filters for location, price, time, and pitch size
- A search bar for users to find matches based on the desired pitch
- Review system to show overall ratings
- Indication of starting prices
- Space reserved for offers, if available
4. Field's Details
This screen will display the details of the selected field and should include:
- Field location
- Field sizes (e.g., 7vs7, 9vs9)
- Available times and dates for booking
- Public or private game selection
- Field contact details
- Services provided by the field (e.g., water, ball, bibs)
- Total price and amount required to confirm the booking
5. Upcoming Games
Here, users can view a list of booked games by other users. The screen will include:
- A feed displaying upcoming games
- Filters for location, price, time, and pitch size
- A search bar to find matches based on the desired pitch
- Space to display offers, if available
6. Joining Game - From a Link
This screen will appear when a user wants to join a game via a shared link. It will include:
- A brief description of the game (time, date, location)
- The amount required to be paid for participation
- A payment confirmation section
7. Joining Game - From the Upcoming Page
This screen is for users who want to join a game from the Upcoming Games page, and will show:
- A brief description of the game (time, date, location)
- The amount required to be paid for participation
- Contact details of the game creator
- A "request to join" button with a status indicator (e.g., pending, accepted)
8. Group Chat
This screen will facilitate real-time communication between players participating in a game and should include:
- Real-time messaging capabilities
- Integration of user names and profile pictures
- Support for emojis, multimedia (e.g., voice notes, videos, images)
- Blocking and reporting functionalities
- Privacy and security features
9. Help Center
The Help Center should offer organized access to multiple forms of support including:
- A list of frequently asked questions (FAQ)
- Tutorials for booking, joining, and managing games
- Contact information for app support
10. FAQ
This screen will provide answers to common questions, organized by category or topic, with a search functionality for easy navigation.
11. Tutorials
This screen will contain step-by-step guides on how to use the app's main features, including booking, joining games, and more.
12. Contact Information
This screen will provide users with email, phone, and chat support options, along with links to Application's social media profiles.
1. Home Page
The Home Page will be the main entry point for the app. It should include:
- Clear navigation to different sections (e.g., Fields List, Upcoming Games, User Profile, Help Center)
- Search bar to find fields and games based on user's preferences
- A section to display upcoming bookings and games
- Notifications center for booking confirmations, messages, and invitations
- Login and registration options for new and existing users
- A carousel or section showcasing field offers, promotions, and ads
- Links to Application's social media accounts
- Access to FAQ and Help Center
- App version and update information (if applicable)
- App feedback and support options
- Geolocation feature to show nearby fields or recommendations
2. User Profile
This screen displays the personal information of the user, including:
- User's profile picture (optional)
- Positions played (can have multiple)
- Stats (games, goals, assists)
- Team representation
- Location
- Phone number and email address
- Social media account links
3. Fields List
This screen will provide a list of available fields with the ability to filter and search for specific requirements. The screen should include:
- A feed displaying available fields
- Filters for location, price, time, and pitch size
- A search bar for users to find matches based on the desired pitch
- Review system to show overall ratings
- Indication of starting prices
- Space reserved for offers, if available
4. Field's Details
This screen will display the details of the selected field and should include:
- Field location
- Field sizes (e.g., 7vs7, 9vs9)
- Available times and dates for booking
- Public or private game selection
- Field contact details
- Services provided by the field (e.g., water, ball, bibs)
- Total price and amount required to confirm the booking
5. Upcoming Games
Here, users can view a list of booked games by other users. The screen will include:
- A feed displaying upcoming games
- Filters for location, price, time, and pitch size
- A search bar to find matches based on the desired pitch
- Space to display offers, if available
6. Joining Game - From a Link
This screen will appear when a user wants to join a game via a shared link. It will include:
- A brief description of the game (time, date, location)
- The amount required to be paid for participation
- A payment confirmation section
7. Joining Game - From the Upcoming Page
This screen is for users who want to join a game from the Upcoming Games page, and will show:
- A brief description of the game (time, date, location)
- The amount required to be paid for participation
- Contact details of the game creator
- A "request to join" button with a status indicator (e.g., pending, accepted)
8. Group Chat
This screen will facilitate real-time communication between players participating in a game and should include:
- Real-time messaging capabilities
- Integration of user names and profile pictures
- Support for emojis, multimedia (e.g., voice notes, videos, images)
- Blocking and reporting functionalities
- Privacy and security features
9. Help Center
The Help Center should offer organized access to multiple forms of support including:
- A list of frequently asked questions (FAQ)
- Tutorials for booking, joining, and managing games
- Contact information for app support
10. FAQ
This screen will provide answers to common questions, organized by category or topic, with a search functionality for easy navigation.
11. Tutorials
This screen will contain step-by-step guides on how to use the app's main features, including booking, joining games, and more.
12. Contact Information
This screen will provide users with email, phone, and chat support options, along with links to Application's social media profiles.