Phoebe Jay Creative
- MY ROLE
- Design Lead (UX/UI + Motion)
- CLIENT
- Phoebe Jay
- MADE AT
- 90° Collective
- YEAR
- 2026
- TIMELINE
- 1.5 weeks
- DISCIPLINES
- Web design / UI design / Information architecture
- TOOLS
- Figma / Photoshop / After Effects / React / WebGL
PROJECT AT A GLANCE
I led UX/UI and motion design for Phoebe Jay Creative at 90° Collective, building a cinematic, work-first portfolio for films and photography across fashion, music, sport and culture.
- OBJECTIVE
- Help potential collaborators quickly understand Phoebe Jay’s visual approach, discover relevant projects and move from a film preview into its dedicated project page.
- MY CONTRIBUTION & DELIVERABLES
- Information architecture · Portfolio discovery flow · Video-led UI system · Motion and interaction direction · Project-page navigation · Responsive interface design
PRIMARY USER FLOW
- Arrive01
Landing film
Watch the featured full-screen project
- Discover02
Browse work
Explore films and the Overview navigation
- Evaluate03
Select project
Choose a titled film or campaign
- Explore04
Project detail
Open the selected project’s dedicated page
- Continue05
Return to work
Continue browsing the portfolio
DESIGN SUCCESS CRITERIA
Intended design criteria, not measured results.
- Put the films at the center of the experience while keeping navigation easy to identify.
- Make each featured film’s title and project link readable over moving footage.
- Provide clear pause, fullscreen and sound controls without competing with the work.
- Offer a direct path from a featured film into its dedicated project page.
- Keep media proportions, navigation and controls usable on desktop and mobile.
Information architecture
A video-led landing experience introduces the work immediately. Featured projects, including Free People, Yonex Tennis, BOUT Fight Club and Topicals, link to dedicated project pages, while Overview provides a second visible browsing entry point.
Interface & motion
Full-screen film previews establish the visual tone. Restrained typography, persistent top navigation and a compact playback-control area keep project discovery and viewing actions distinct.
Responsive priorities
Maintain readable project labels and reachable playback controls over video, preserve the framing of the films, and keep the route from preview to project detail consistent across screen sizes.
