Challenger Mode // Game Lobby Redesign
The main task of this project was to help redesign the Game Lobby for Challenger Mode for a special seasonal tournament they were hosting (Q1 - 2019)
Project Initiation:
Defined project objectives, goals, and success criteria.
Assembled a cross-functional project team, including UX/UI designers, developers, and testers.
Conducted a comprehensive review of the existing Challenger Mode website to identify pain points and opportunities for improvement.
User Research and Analysis:
Gathered user feedback through surveys, interviews, and usability testing to understand user needs and preferences.
Analyzed competitor websites and industry best practices to identify trends and benchmarks.
Created user personas and user journey maps to guide the redesign process.
Information Architecture (IA) and Wireframing:
Developed a clear IA structure for the website, defining the organization of content, features, and user flows.
Created low-fidelity wireframes to outline the layout and placement of key elements on each webpage.
Reviewed wireframes with stakeholders to gather feedback and iterated on the design.
Visual Design:
Developed a visual design language, including color schemes, typography, and visual elements, aligned with the Challenger Mode brand.
Created high-fidelity mockups and prototypes to visualize the final UI design.
Ensured that the design maintained a cohesive and engaging look and feel across all pages.
Front-end Development:
Implemented the UI design into responsive HTML/CSS templates.
Ensured compatibility with various browsers and devices to provide a consistent user experience.
Integrated any interactive elements or animations as needed.
Back-end Development and Database Integration:
Developed the backend infrastructure with the help of native team to support the updated UI and user flows.
Integrated user authentication, matchmaking algorithms, and data storage capabilities.
Ensured data security and scalability for future growth.
Usability Testing:
Conducted usability testing with real users to identify and address any usability issues or bottlenecks.
Collected feedback and made iterative improvements to enhance the user experience.
Quality Assurance and Testing:
Thoroughly tested the website for functionality, performance, and compatibility.
Addressed any bugs, glitches, or inconsistencies identified during testing.
Conducted cross-browser and cross-device testing to ensure a seamless experience.
Launch and Deployment:
Prepared for the website's launch, including setting up hosting, domain configuration, and server deployment.
Implemented any necessary SEO optimizations for improved discoverability.
Monitored website performance and user feedback closely during the initial post-launch period.
Post-launch Evaluation and Optimization:
Continuously monitored user analytics and feedback to identify areas for improvement.
Implemented regular updates and optimizations to enhance the website's functionality and user experience. (Q3 End - 2019)