I designed the new League of Legends game pages with a focus on clarity and user engagement. By prioritizing clear information architecture, including key details like win/loss records and champion picks, and utilizing a minimalist design, I aimed to improve the user experience and encourage deeper exploration of match data. This project showcases my ability to design user-friendly interfaces for complex data visualization while adhering to brand guidelines.

Challenge:

For void.gg, an esports data and analytics platform, I designed and implemented a descriptions section for their League of Legends game pages. This section aimed to provide users with concise summaries of each match, facilitating navigation and deeper exploration.

Solution:

I crafted a user-friendly and informative experience through the following:

• Clear Structure:

  • Team Identity: Prominent display of team names and logos for immediate recognition.

  • Match Snapshot: A high-level overview encompassing:

    • Win/Loss Records: Each team's record at the time of the match.

    • Champion Picks & Bans: Key champions chosen and banned, offering strategic insights.

    • Game Duration: Total match length.

    • Patch Version: League of Legends patch version played on.

  • Call to Action: A button encouraging users to delve deeper into the game page for detailed statistics, player performance, and highlights.

• Visually Appealing:

  • Minimalist Design: Clean and uncluttered layout prioritizing clarity and information hierarchy.

  • Cohesive Branding: Utilized void.gg's established color scheme for brand consistency.

  • Readable Typography: Employed a professional, easily readable font for optimal accessibility.

Impact:

This revamped descriptions section significantly enhances the user experience by offering clear and concise summaries, prompting further exploration and engagement on the void.gg platform.

Skills Highlighted:

• UI/UX Design: Ability to design user interfaces for complex data visualization.

• Clarity & Conciseness: Expertise in presenting information efficiently and effectively.

• Brand Consistency: Adherence to established brand guidelines.

This project demonstrates my proficiency in designing user-centric interfaces for data-driven platforms, emphasizing clarity, user engagement, and adherence to brand identity.