Most fantasy football apps lack personalized engagement, intuitive UI, and real-time feedback that aligns with sports fan behavior.

⚙️ Complex onboarding and registration

🧭 Poor navigation across multiple contest types

🔍 Lack of data visualizations for player performance

💰 Confusing wallet and payment structure

📱 Design a smooth onboarding and contest participation flow

🎮 Simplify team creation and contest joining

🧾 Build intuitive wallet, winnings, and referral structures

🏆 Provide real-time match and player stats

🟣 Ensure visual consistency across dark and light modes

New users transitioning from competitors (e.g., Dream11, MPL, MyTeam11)

Reviewed fantasy platforms like Dream11, MPL, MyTeam11

Collected user pain points via community feedback and reviews

Defined clear sections: Upcoming Matches, My Contests, My Team, Wallet, Profile

Developed logical flows for contest selection → team creation → leaderboard → winning

Clear segmentation of DFS (Daily Fantasy Sports), Trivia, and League contests

Defined interaction flows for booster usage, player selection, referrals

Separate modules for: DFS contests, Trivia questions and rewards, League matches with booster strategy

Incorporated team kits, boosters, trivia contests, and wallet transactions

Simulated A/B tests on trivia contest UI vs. regular contest UI

Users preferred consistent card layout for contest summaries

Adobe XD Application Prototype Link:&nbsp;<a href="https://xd.adobe.com/view/16655823-020c-4c54-4396-a928640c0faa-6054/">https://xd.adobe.com/view/16655823-020c-4c54-4396-a928640c0faa-6054/</a>

Adobe XD Website Link:&nbsp;<a href="https://xd.adobe.com/view/1c549ae6-a890-4604-4717-4b59f556700c-6a65/screen/0ae06e89-9834-4980-b0cf-c1f981363747">https://xd.adobe.com/view/1c549ae6-a890-4604-4717-4b59f556700c-6a65/screen/0ae06e89-9834-4980-b0cf-c1f981363747</a>

Create and join DFS &amp; Trivia contests

✅ Accessibility &amp; Visual Consistency

Gradient color overlays for visual appeal

Intuitive fantasy gaming improves user retention

Players want clear distinctions between DFS and trivia

Real-time visuals and easy wallet access increase engagement

Integration with match commentary/live streams

🔼 40% increase in contest completion rates

💳 Reduced payment-related support tickets

🎯 Increased session time with trivia and boosters

The Twelfth Man case study demonstrates how thoughtful UX/UI design can elevate the fantasy football experience. With gamified elements, performance-focused stats, and smooth contest flows, the platform now serves as a seamless bridge between fans and their favorite sport.

Email: mehtarushabh9929@gmail.com

LinkedIn: <a href="http://www.linkedin.com/in/mehtarushabh19">mehtarushabh19</a>

Twelfth Man is a fantasy sports platform that allows users to participate in skill-based football contests. The platform provides both web and mobile experiences, enabling users to create virtual teams, join contests, win rewards, and stay updated with live scores and performance statistics.

https://xd.adobe.com/view/16655823-020c-4c54-4396-a928640c0faa-6054/

https://xd.adobe.com/view/1c549ae6-a890-4604-4717-4b59f556700c-6a65/screen/0ae06e89-9834-4980-b0cf-c1f981363747

⚽Twelfth Man - Top Fantasy Sports Gaming App

●	Spearheaded UX/UI initiatives for high-profile clients, delivering seamless digital experiences aligned with business goals. 
●	Led user research, persona creation, journey mapping, wireframing, prototyping, and usability testing to drive data-informed design decisions. 
●	Developed and implemented design systems and UI component libraries, ensuring consistency across projects. 
●	Mentored junior designers, enhancing team productivity and fostering a culture of design excellence. 
●	Applied Agile & Lean UX methodologies, collaborating with cross-functional teams for sprint planning and iterative improvements. 
●	Conducted A/B testing and heuristic evaluations to optimize workflows and boost engagement. 
●	Designed high-fidelity UI mock-ups and interactive prototypes using Figma.

●	Designed UI/UX solutions for financial and business analytics projects.
●	Developed interactive prototypes to showcase UI concepts.
●	Introduced design system components for enhanced consistency.
●	Collaborated with developers to ensure seamless design implementation.

●	Developed UX strategies and executed A/B testing for mobile and web applications.
●	Created wireframes, high-fidelity mock-ups, and interactive prototypes.
●	Worked closely with product managers and developers to ensure seamless design integration.


●	Designed scalable UI applications across Android, iOS, Windows, and desktop platforms.
●	Created user flows, wireframes, and mock-ups for diverse clients.
●	Conducted usability testing, incorporating feedback for improved UX.
●	Developed responsive designs using HTML, CSS, JavaScript, and Bootstrap.
●	Created brand assets, marketing banners, and project documentation.

●	Developed interactive user interfaces and digital assets, maintaining brand consistency.
●	Collaborated with marketing teams to enhance digital presence.
●	Introduced new usability heuristics and design thinking methodologies.

●	Designed and developed responsive websites using HTML5/CSS3.
●	Optimized web designs for performance, SEO, and accessibility.
●	Coordinated with developers for seamless UI/UX integration.

●	Designed custom UI components to enhance project visual identity.
●	Worked closely with clients to provide tailored UI/UX solutions.
●	Built and optimized web pages for improved engagement.

I analyzed popular airline and aggregator platforms (MakeMyTrip, Cleartrip, Skyscanner) to identify pain points such as:

Feedback Loops → Continuous refinement

Smart Fly showcases how a thoughtful and user-centric design can transform a standard booking flow into an intuitive and trustworthy experience. The clean UI, streamlined UX, and attention to detail make it ideal for modern travelers, especially in the budget segment.

Streamlined Budget Airline Booking for the Modern Travelers. SmartFly is built with budget-conscious travelers in mind,
offering: Quick Flight Search: Clean, prominent input with one-click search. Lowest Fare First: Always shows the cheapest available flights. No Hidden Costs: Transparent breakdown of base fare, baggage fees, and taxes. Exclusive Deals: Highlights discounts, last-minute offers, and off-peak
savings. Custom Filters &
Sorting : Sort by cheapest,
shortest, or most eco-friendly. For price-conscious and convenience-focused
users. Interactive seat selection

SmartFly - Affordable, Transparent Travel. 

In many health-related environments, collecting, managing, and reporting accurate health data can be a complex and time-consuming process. Challenges include:

The primary goals for this application's design were to:

 🛡️ Maintain Data Security &amp; Privacy

🌐 Support 5+ languages at launch to improve global accessibility.

🧑‍⚕️ Health Professionals / Workers, 🧑‍💼 Public Health Administrators, 🧑‍🔬 Researchers

As the UX/UI Designer, I was responsible for:

🔍 User Research --&gt; 🧭 User Flows &amp; IA --&gt; ✏️ Wireframes &amp; Prototypes --&gt; 

🖼️ UI Design --&gt; 🔁 Iterations &amp; Feedback

🔍 Research &amp; Discovery (Hypothetical)

🗺️ Information Architecture &amp; User Flows

🧾 Accessible Information &amp; Profile Management

🧼 Clean and Minimalist Layout
🎨 Consistent WHO Branding 🔡 Clear Typography 

🧭Iconography (folders, charts, profile) 🔘 Prominent Action Buttons 

Designing for global health professionals meant prioritizing inclusive access:

🟦 High contrast (blue on white) for visual clarity


 👆 Large tap targets for all form fields and CTAs


 ℹ️ Text-based guidance and tooltips in forms


 🌍 Multilingual support to accommodate diverse user bases

📊 Usability Testing Insights (Hypothetical)

👍 Easy-to-use interface, especially with tabbed data visualization


 ➕ Multistep form reduced cognitive load during data input


 📴 Users requested offline data access (planned for future updates)

✅ Simple interfaces drive adoption among field users


 🧷 Tabbed architecture enhances navigation for complex datasets


 📤 Export feature adds significant value for reporting workflows


 🌐 Multilingual support is essential for WHO’s global operations


 💾 Offline data saving and export enhance reliability in low-connectivity areas


 🇺🇳 Localization creates a tailored experience across regions 

 ⏱️ Increased Operational Efficiency


 🤝 Enhanced Stakeholder Collaboration


⚖️ Balancing detailed health data with simple UI for field workers


 🌏 Designing for a multilingual user base


 📶 Anticipating offline access in low or no connectivity environments
 

✅ Simpler, task-focused screens increased completion rates


 🗂️ Tabbed navigation helped users handle complex data more easily


 🧪 Continuous feedback (even mock tests) uncovered early usability gaps
 

📴 Offline mode with auto-sync when reconnected


 👥 Role-based dashboards for admins vs. field staff


 🧠 Predictive analytics via AI for smarter health planning


 🧭 Regional customization beyond just language (e.g., relevant health indicators) 

This design is ideally suited for critical health data use cases such as:

 🏛️ Government or NGO data-driven health planning

This mobile app supports WHO-aligned organizations by streamlining health data collection, reporting, and analysis. Designed for WHO staff, health professionals and administrators, it enables secure data entry, real-time insights, and efficient vaccine forecasting, wastage tracking, and cold chain management. With a multilingual, user-friendly interface, it enhances data consistency and decision-making across global health efforts.

 🛡️ Maintain Data Security & Privacy

🔍 User Research --> 🧭 User Flows & IA --> ✏️ Wireframes & Prototypes --> 🖼️ UI Design --> 🔁Iterations & Feedback

🗺️ Information Architecture & User Flows

🧾 Accessible Information & Profile Management

🧭Iconography (folders, charts, profile) 