UI/UX Design for a Sleek, Minimalist Riddle Challenge App

Entertainment & The Arts

RIDDL is a daily riddle challenge app where users can solve riddles, track their streaks, and compete with friends. It features a clean, sleek design with interactive guessing, emoji-based results (🔵⬛), and a progress dashboard. Users can share their results on social media, challenge friends, and unlock new riddles as they progress.

Simple, Minimalist, Mysterious RIDDL – Stylish BC ExtraBOLD font with electric blue snake (Shown below) Can you solve this Riddl?- Times new Roman Italic 🎨 Primary Color: Deep Electric Blue (#007AFF) 🎨 Accent Color: Dark Gray or Black (#333333)

Riddl

RIDDL - Main Screen Launch → Game Screen (Daily Riddle) • 📌 User opens the app and is instantly taken to the riddle. • A bar across the top will have 3 buttons: Submit a Riddl; How to Play; • “Riddl” Displayed in Large Bold Font – Top Center • Had a text box that can read “this Riddle is Sponsored by XYZ” being able to have a link attached to the company. If there is no sponsor then no text will apper • The Riddle of the day is displayed at the top • Guess input box is active & ready for typing • Guess history appears underneath ( allowing up to 5 guesses) • Letter feedback system (🔵 & ⚫) updates immediately • “?” button right underneath the input box that when you click on it you will receive a popup: o " Blue means the letter is in the answer but you don't know if it's in the right spot" o 📌 Button Example:🔍 “Need a hint? Watch an ad! 🎥” 💡 Workflow: User enters guesses → Wins or loses → Shown a results pop-up. Win/Lose Pop-Up (Results) 📌 When the player wins or loses, a pop-up appears. At the top it will say either ❌ "Out of Guesses!" 😢or ✅ "You Got It!" 🎉 • Then either message will include: • 📝 Today's riddle:📜 "I have keys but open no locks. What am I?" o 💡 Answer: PIANO • 📊 Your Performance: o Guesses Used: 4 o Current Streak: 🔥 6 Days Best Streak: 🔥 12 Days o Win Rate: 78% • 📌 Button Example: ✨ “Want a bonus riddle today? Watch an ad!” 🎥 "Share Your Result" Button • "Come Back Tomorrow!" Reminder • "Share Your Result" Button [Share your results will generate a social media post] I solved today’s RIDDL! Can you?" Riddle: What has keys but can't open locks? ⬛⬛🔵⬛⬛ (First guess: "Clock") 🔵🔵🔵🔵🔵 (Second guess: "Piano") ✅ 🏆 Streak: 3 days 🔗 Play now: [RIDDL App Link] 💡 Workflow: User clicks “Next” → The game locks until the next day. If they watch an Ad it will pop up and pull another riddle Pop-up Submit a Riddl 📌 Purpose: Allow users to submit their own riddles. • Text Input for Riddle • Text Input for Answer (4-7 letters) • Enter Email: • Submit Button → Sends riddle to Admin moderation. 💡 Workflow: User submits a riddle → Goes to Admin for approval. Email captured for newsletter -> Submission Confirmation Pop-Up • ✅ "Riddle Submitted!" 🎉 • 💡 "Your riddle has been sent to our team for review. If approved, it may be featured in the game!" • "As a thank-you, you can watch a quick ad to play an extra riddle now!" • 🔘 [Watch Ad & Play Bonus Riddle] Account Creation Screen 📌 Purpose is to create a profile where they will then to be able to view more of their stats • Continue with “Riddl” in big bold letters • ” Solve riddles, track your progress, and level up – all for free! • Sign in with Google Sign in with Apple (iOS only) Sign in with Email (Basic form: Name, Email, Password) • Manual input 💡 Workflow: User submits name, email, and creates a password→ Once complete immediately taken to their stats dashboard Stats Dashboard/Account Screen (Now Visible to New Users) 📌 Purpose: Show the player why creating an account was worth it! Want to gamify this as much as possible • Total Riddles Solved • Solved Riddles by Difficulty (Easy, Medium, Hard) • Win Percentage • Average Guesses per Solve • Current Streak & Best Streak • At the bottom there will be whatever badges they have acquired Badges at the bottom of this document How to Play Screen (Tutorial) 📌 Purpose: Teach new users the mechanics. 📜 Solve the Daily Riddle! Each day, you get a new riddle. Your goal? Guess the correct word in as few tries as possible! 🔹 Step 1: Read the Riddle 📜 Example: 💭 "I have keys but open no locks. What am I?" ✅ Answer: (Hidden until solved) 🔹 Step 2: Make a Guess Guess words between 4-7 letters. If it fits the riddle, submit it! 📝 First Guess: TABLE 🔵 ⚫ ⚫ ⚫ ⚫ (Only "A" is correct, but its position is unknown.) 📝 Second Guess: PLANT 🔵 🔵 ⚫ ⚫ ⚫ (Now "P", "A" and "N" are correct, but placement is unknown.) 📝 Third Guess: PIANO ✅ ✅ ✅ ✅ ✅ (Solved!) 🔹 Step 3: Understand the Colors 🟦 Blue = The letter is in the word, but position is unknown. ⚫ Gray = The letter is NOT in the word. 💡 Use this feedback to refine your guesses! 🔹 Step 4: Keep Your Streak Alive! 🔥 Solve riddles daily to maintain your streak. 📊 Create a free account to Track your win rate, best streak, and difficulty stats. 🔹 Step 5: Submit Your Own Riddles! 💡 Got a great riddle? Click "Submit a Riddl" and contribute to the game! Our moderators will review and see if we can get your riddl on the Badges: 🏆 Core Badge Categories 1. Streak Badges (Consistency) 🔥 "Hot Streak" – Play for 5 days in a row 🔥🔥 "On Fire" – Play for 30 days straight 🔥🔥🔥 "Unstoppable" – Play for 100 days straight 🏆 "Winning Streak" – Solve 5 riddles in a row 💥 "Flawless" – Solve 10 riddles in a row 2. Difficulty Mastery Badges 🟢 "Brain Starter" – Solve 10 Easy riddles 🟡 "Deep Thinker" – Solve 10 Medium riddles 🔴 "Riddle Genius" – Solve 10 Hard riddles 🌟 "Mastermind" – Solve 50 Hard riddles 3. Speed & Performance Badges ⚡ "Quick Wit" – Solve a riddle in 2 guesses or less 🎯 "One and Done" – Solve a riddle on the first guess 🧠 "Big Brain" – Solve a riddle with only blue letters (no gray letters used) 4. Fun & Hidden Badges (Easter Eggs) 🤯 "What Just Happened?" – Get every letter blue but still fail the riddle ⏳ "Never Give Up" – Solve the riddle on the last guess 🎭 "Riddle Collector" – Play 100 total riddles Branding: RIDDL – Stylish BC ExtraBOLD font with electric blue snake (Shown below) Can you solve this Riddl?- Times new Roman Italic 🎨 Primary Color: Deep Electric Blue (#007AFF) 🎨 Accent Color: Dark Gray or Black (#333333)

Every design category has flexible pricing for all budgets. App design starts at HK$4,699.