Career highlights
ESL One interactive displays - enhancing attendee engagement
Main menu page of the ESL One interactive touchscreen concept.
Overview
A few highlights of experience-enhancing interactive event display screens for ESL One (2017). We offered an interactive display to show brackets, standings, comparisons, video feeds, clips, news, team info, player info, and access to the shop all in one screen through an embedded web application. Utilizing ESL branding provided a seamless extension of the event experience.
Details
Projects
ESL One CS:GO tournament 2017
Roles
Visual design & UX design
Format
On-site interactive displays, broadcast graphics
Tools
Adobe Photoshop, Illustrator
Teams
Creative, marketing, and engineering team collaboration
Design process
Working with event branding specifications and team logos + headshots, these screens were created almost immediately in high fidelity to pitch and develop on an extremely fast timeline. Brackets, leaderboards, bios, rosters and comparisons were standard fare for us to create on a regular basis- but instead of a producer calling graphics to display on live TV, this time we allowed users to self-navigate through the data and video feeds.
Key screens - interactive touchscreen
ESL One CS:GO 2017
Team menu page.
Team details page. Selecting a player image takes you to their stats page.
Individual player stats page after team/roster is selected.
Bracket page. Selecting a match takes you to a head to head drilldown.
Bracket head to head page.
Standings/leaderboard. Tapping on a team takes you to the team page.
Connect with me on LinkedIn
Career highlights
ESL One interactive displays - enhancing attendee engagement
Main menu page of the ESL One interactive touchscreen concept.
Overview
A few highlights of experience-enhancing interactive event display screens for ESL One (2017). We offered an interactive display to show brackets, standings, comparisons, video feeds, clips, news, team info, player info, and access to the shop all in one screen through an embedded web application. Utilizing ESL branding provided a seamless extension of the event experience.
Details
Projects
ESL One CS:GO tournament 2017
Roles
Visual design & UX design
Format
On-site interactive displays, broadcast graphics
Tools
Adobe Photoshop, Illustrator
Teams
Creative, marketing, and engineering team collaboration
Design process
Working with event branding specifications and team logos + headshots, these screens were created almost immediately in high fidelity to pitch and develop on an extremely fast timeline. Brackets, leaderboards, bios, rosters and comparisons were standard fare for us to create on a regular basis- but instead of a producer calling graphics to display on live TV, this time we allowed users to self-navigate through the data and video feeds.
Key screens - interactive touchscreen
ESL One CS:GO 2017
Team menu page.
Team details page. Selecting a player image takes you to their stats page.
Individual player stats page after team/roster is selected.
Bracket page. Selecting a match takes you to a head to head drilldown.
Bracket head to head page.
Standings/leaderboard. Tapping on a team takes you to the team page.
Connect with me on LinkedIn
Career highlights
ESL One interactive displays - enhancing attendee engagement
Main menu page of the ESL One interactive touchscreen concept.
Overview
A few highlights of experience-enhancing interactive event display screens for ESL One (2017). We offered an interactive display to show brackets, standings, comparisons, video feeds, clips, news, team info, player info, and access to the shop all in one screen through an embedded web application. Utilizing ESL branding provided a seamless extension of the event experience.
Details
Projects
ESL One CS:GO tournament 2017
Roles
Visual design & UX design
Format
On-site interactive displays, broadcast graphics
Tools
Adobe Photoshop, Illustrator
Teams
Creative, marketing, and engineering team collaboration
Design process
Working with event branding specifications and team logos + headshots, these screens were created almost immediately in high fidelity to pitch and develop on an extremely fast timeline. Brackets, leaderboards, bios, rosters and comparisons were standard fare for us to create on a regular basis- but instead of a producer calling graphics to display on live TV, this time we allowed users to self-navigate through the data and video feeds.
Key screens - interactive touchscreen
ESL One CS:GO 2017
Team menu page.
Team details page. Selecting a player image takes you to their stats page.
Individual player stats page after team/roster is selected.
Bracket page. Selecting a match takes you to a head to head drilldown.
Bracket head to head page.
Standings/leaderboard. Tapping on a team takes you to the team page.
Connect with me on LinkedIn
