Skip to content

Product & UI/UX designer in Sydney

Volleyball World · 2021

Concept

Volleyball World

Responsive layouts for volleyball stories, live scores and player pages.

Contribution: I worked on visual direction, responsive layouts, shared styles and components.
Outcome: Layouts and reusable styles for stories, scores and players.

Role: UI Designer
Platforms: Mobile and desktop
Timeline: 2021, 3 months
Team: 1 UI designer
1 UX designer
1 product manager

Volleyball World desktop homepage

Stories

Give the lead story more space.

I used photography and different card sizes, keeping supporting stories and playlists in view.

The lead story card beside the VBTV playlists on the desktop homepage — Lead story beside the playlists

Mobile homepage — Lead story below live match updates

Video collections on mobile — VBTV highlights grouped into playlists

Scores

Know what is live. See what is next.

The score views bring dates, live status and set scores into focus.

Date controls — Browse the schedule by date

Match cards — Live status, set scores and match links

Competitions — Competition dates, location and viewing link

Players

Player profiles and team pages.

Identity, individual performance and team membership each get a clear place.

Player identity and social links

Season performance — Matches played and scoring breakdown

Team roster — Player names, numbers and positions

Component library

Type and controls.

I defined shared type, colour, responsive grids and button states for mobile and desktop.

Volleyball World component library with type, colour, buttons and dropdown states. — Type, colour and button states

Button styles

A detail from the component library.

Button styles. Detail from the component library.

Outcome

One visual language for stories, scores and players.

The concept established layouts and reusable styles for these different content needs.

Next project

Paris 2024 on Stan

Stan · 2024

Thanks for stopping by.

Curious about the work? Let’s talk.