Strategy
Definition of value proposition
Definition of user needs
Definition of estructure
Desfinition of business model
User Experience
User journey mapping
User Flows
Information architecture
Wireframing & testing
Production
Stylescape
UI Proposal
Design System
Dev Documentation & Handoff
Platforms
Web app
Tools
Figma
Notion
Milanote
problem
solution
DUX, a pioneering company in the integration of electronic sports (e-sports) and traditional football, aimed to strengthen its online presence and provide fans with a complete content ecosystem. The project involved creating a Web App to serve as the main platform for all of the company's business models, delivering an attractive and scalable experience for users.
User Research:
User interviews were conducted with key stakeholders, including passionate e-sports followers and traditional football enthusiasts.
Detailed user stories were crafted to understand usage scenarios and user expectations.
Empathy maps aided in visualizing user emotions and behaviors, providing valuable insights for design.
Identification of Key Features:
Essential features users sought on other platforms, including real-time match results, player profiles, and upcoming events, were identified.
Integrating e-sports teams and real football teams was highlighted as a key challenge, and the structure was designed to ensure harmonious coexistence.
Scalable Information Architecture:
A modular architecture was developed, allowing for the easy incorporation of new features and future adaptations.
The structure was designed to be intuitive, ensuring smooth navigation across different aspects of the platform.
Identifying Appealing Paid Features:
A detailed analysis was conducted to determine the most appealing paid features for users.
Features related to teaching and learning in the gaming sector, such as FIFA tutorials, were found to be highly valued.
Iterative Development:
An iterative approach to development was adopted, breaking the project into manageable phases.
Fundamental features were implemented first, followed by more advanced and paid features.
User feedback was gathered after each phase, allowing for immediate adjustments based on user needs and preferences.
Close Collaboration Between Teams:
The development team worked closely with UX/UI designers to ensure an attractive and functional user interface.
Iterations were made in response to user feedback, ensuring an optimal user experience.
Testing and Adjustment Phase:
A thorough testing phase involved real users in a controlled environment.
Feedback gathered during testing was used to make final adjustments and optimize the platform before launch.
05
see also