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