UI/UX Design for Arabic Word Game
Budget: $30 – $250 USD
Project Overview
We are building a fast-paced, multiplayer Arabic word game called “Letter Hive”. The game logic and functionality are already developed — now, we’re looking to enhance its visual design with a polished, intuitive, and responsive user interface.
The game is designed to be played by two teams competing to form a path across a 5x5 hexagonal grid of Arabic letters. A referee moderates the gameplay, selecting letters and asking questions. Players buzz in to answer, and correct answers capture hexes for their team.
⸻
Design Objectives
We are looking for a designer who can create a visual identity and layout that is:
• Clean and minimalist – avoids clutter, focuses on what’s important.
• Culturally relevant – includes subtle Arabic design cues.
• Responsive – optimized for both mobile and desktop devices.
• Easy to use – intuitive for users without instructions.
• Fun and engaging – has personality but doesn’t distract from the gameplay.
Deliverables should be provided in Figma (or similar) for handoff to the developers.
⸻
Screens to Design
1. Landing Page
• Game title in a custom stylized font.
• Short description of the game.
• Input field for nickname.
• “Create Room” button.
• Language toggle (Arabic / English).
• Optional link: “How to Play” or tutorial page.
⸻
2. Game Lobby
• Top Bar:
• Player’s name display.
• Room code (prominent and copyable).
• View Players button (opens a modal with all players and teams).
• Settings button (host only).
• Leave Room button.
• Team Cards:
• Red Team card:
• Button: “Join Red Team”
• Displays team members.
• Blue Team card:
• Button: “Join Blue Team”
• Displays team members.
• Referee Card:
• If no referee: “Become Referee” button.
• If referee exists: show name and role.
• Host Controls:
• Start Game button.
• Shareable room link + copy button.
• Waiting Message (for non-host players):
• Message: “Waiting for the host to start the game…”
• This should be clearly displayed (centered or near controls).
• Optional: subtle loading indicator.
⸻
3. Game Board
• A 5x5 hexagonal grid of Arabic letters.
• Each hex shows a single letter.
• Neutral hexes are white.
• Captured hexes are colored:
• Red Team: #8f2a1c
• Blue Team: #3284a3
• The selected (active) hex is highlighted (distinct border or glow).
• Buzz button (always visible).
• Game status area:
• Shows who buzzed first.
• Countdown timer when a player is answering.
• Dynamic text updates (e.g., “Red Team’s turn”, “Buzz open” etc.)
⸻
4. Question Modal (Shown to Referee)
Appears when the referee selects a letter.
• Displays:
• Selected letter (visually large, styled).
• Question (fetched from backend).
• Answer (optional – fetched from backend or hidden initially).
• Countdown timer (starts after someone buzzes).
• Buzzed player’s name and team (color-coded).
• Buttons:
• “Correct Answer”
• “Incorrect Answer”
• “New Question” (only available if no player has buzzed)
• Layout should clearly distinguish between question, answer, timer, and action buttons.
⸻
Design Style
• Primary Color: #facc14 (warm yellow)
• Red Team: #8f2a1c (deep red, horizontal team)
• Blue Team: #3284a3 (teal blue, vertical team)
• Fonts:
• Game Title: Use a custom or decorative Arabic-inspired font
• Body Text: “Tajawal” or another clean Arabic/English font
• Background: Subtle geometric or Arabic-textured pattern
• Animations: Optional enhancements like button hover effects, pulsing countdown, fade transitions, etc.
• Direction: RTL (Right-to-Left) support required for Arabic layout
⸻
Deliverables
• Full UI design in Figma (or similar) with organized frames and components
• Mobile + desktop responsive layouts
• Exportable assets (icons, illustrations if used)
• Design system or style guide (optional but appreciated)
⸻
Ideal Designer
• Experience designing multiplayer games, dashboards, or web apps
• Comfortable with Arabic language support and RTL layouts
• Strong layout, typography, and color skills
• Can work collaboratively with developers and iterate quickly
We are building a fast-paced, multiplayer Arabic word game called “Letter Hive”. The game logic and functionality are already developed — now, we’re looking to enhance its visual design with a polished, intuitive, and responsive user interface.
The game is designed to be played by two teams competing to form a path across a 5x5 hexagonal grid of Arabic letters. A referee moderates the gameplay, selecting letters and asking questions. Players buzz in to answer, and correct answers capture hexes for their team.
⸻
Design Objectives
We are looking for a designer who can create a visual identity and layout that is:
• Clean and minimalist – avoids clutter, focuses on what’s important.
• Culturally relevant – includes subtle Arabic design cues.
• Responsive – optimized for both mobile and desktop devices.
• Easy to use – intuitive for users without instructions.
• Fun and engaging – has personality but doesn’t distract from the gameplay.
Deliverables should be provided in Figma (or similar) for handoff to the developers.
⸻
Screens to Design
1. Landing Page
• Game title in a custom stylized font.
• Short description of the game.
• Input field for nickname.
• “Create Room” button.
• Language toggle (Arabic / English).
• Optional link: “How to Play” or tutorial page.
⸻
2. Game Lobby
• Top Bar:
• Player’s name display.
• Room code (prominent and copyable).
• View Players button (opens a modal with all players and teams).
• Settings button (host only).
• Leave Room button.
• Team Cards:
• Red Team card:
• Button: “Join Red Team”
• Displays team members.
• Blue Team card:
• Button: “Join Blue Team”
• Displays team members.
• Referee Card:
• If no referee: “Become Referee” button.
• If referee exists: show name and role.
• Host Controls:
• Start Game button.
• Shareable room link + copy button.
• Waiting Message (for non-host players):
• Message: “Waiting for the host to start the game…”
• This should be clearly displayed (centered or near controls).
• Optional: subtle loading indicator.
⸻
3. Game Board
• A 5x5 hexagonal grid of Arabic letters.
• Each hex shows a single letter.
• Neutral hexes are white.
• Captured hexes are colored:
• Red Team: #8f2a1c
• Blue Team: #3284a3
• The selected (active) hex is highlighted (distinct border or glow).
• Buzz button (always visible).
• Game status area:
• Shows who buzzed first.
• Countdown timer when a player is answering.
• Dynamic text updates (e.g., “Red Team’s turn”, “Buzz open” etc.)
⸻
4. Question Modal (Shown to Referee)
Appears when the referee selects a letter.
• Displays:
• Selected letter (visually large, styled).
• Question (fetched from backend).
• Answer (optional – fetched from backend or hidden initially).
• Countdown timer (starts after someone buzzes).
• Buzzed player’s name and team (color-coded).
• Buttons:
• “Correct Answer”
• “Incorrect Answer”
• “New Question” (only available if no player has buzzed)
• Layout should clearly distinguish between question, answer, timer, and action buttons.
⸻
Design Style
• Primary Color: #facc14 (warm yellow)
• Red Team: #8f2a1c (deep red, horizontal team)
• Blue Team: #3284a3 (teal blue, vertical team)
• Fonts:
• Game Title: Use a custom or decorative Arabic-inspired font
• Body Text: “Tajawal” or another clean Arabic/English font
• Background: Subtle geometric or Arabic-textured pattern
• Animations: Optional enhancements like button hover effects, pulsing countdown, fade transitions, etc.
• Direction: RTL (Right-to-Left) support required for Arabic layout
⸻
Deliverables
• Full UI design in Figma (or similar) with organized frames and components
• Mobile + desktop responsive layouts
• Exportable assets (icons, illustrations if used)
• Design system or style guide (optional but appreciated)
⸻
Ideal Designer
• Experience designing multiplayer games, dashboards, or web apps
• Comfortable with Arabic language support and RTL layouts
• Strong layout, typography, and color skills
• Can work collaboratively with developers and iterate quickly