Shell Eco-Marathon UX and UI Design

Shell Eco-marathon needed Live Results on Shell.com so a parent in the stands and a press desk could find a team while the event was still running.

Collaboration: Imagination

Objective

• Split live results, search and last year's files.

• Make category and energy type a required pick before the table means anything.

Approach

• UX and UI design and information architecture that split live results, search and last year's files.

• Live leaderboard with required filters.

• Separate search for team and institution.

• Year archive as sibling files.

• Same structure on a phone, inside Shell.com chrome.

Impact

• Live, search and archive no longer fight one table.

• A typed query can find a team without reading the whole grid.