Design Systems

One shared base system across every platform

A single token foundation powering mobile, web, and every level of user

I built a shared base design system that every surface inherited from: the consumer mobile app, the provider web platform, and the system admin. All the tokens were shared, so colour, type, spacing, and component decisions were defined once and cascaded everywhere, keeping mobile, web, and admin consistent while each adapted to its own context.

Pocket Films design system: component library, type and sizing scale, and the Studio Blue, Director Green, and Reel Red brand themes
A slice of the Pocket Films system: components, the type and sizing scale, and brand themes.

111

Components in the shared library, from inputs to full sections

555

Variants across sizes, states, and platforms

696

Design tokens, themed for light, dark, and four brand modes

Overview

Bringing Pocket Films to life

Designing the experience across mobile and desktop, for different users

Pocket Films needed an experience that could serve two very different audiences: production teams sourcing locations, crew, and equipment, as well as service providers looking to be discovered. The challenge was making a complex marketplace feel effortless.

Working closely with the product and engineering teams, I led the UX and UI design from concept through to the shipped Mobile app and web platform.

  • User Experience (UX): Designed intuitive workflows for project creation, provider discovery, shortlisting, and team collaboration, balancing the needs of both sides of the marketplace.
  • User Interface (UI): Developed a cohesive design system that works across web and iOS, supporting both light and dark modes with a modern, clean aesthetic.
  • AI-Powered Discovery: Designed the interface for Juno AI, which contextually matches provider profiles to active production needs, moving beyond simple keyword search.
  • Provider Experience: Created the provider-facing tools including profile management, subscription tier selection, and analytics dashboards.
First look

A product overview for socials and sales

Showcase video to highlight the main features across the app and platform

There was a need for a showcase to show studios and clients what we were working towards. This video was created from my Figma designs with realistic data, and I used Jitter to bring it all together while iterating the story with stakeholders.

The app

Profile creation to feed the app

Large studios, small creators, and service providers get a great experience as well as end users

Pocket Films: Listing creation interface
Listing creation and management.
Pocket Films: Provider discovery powered by Juno AI
Various screens from the AI-powered App
Results

A marketplace ready for production

Launched on iOS with a 5-star rating

Pocket Films launched on iOS with positive early feedback praising the intuitive, data-rich experience. Production teams can find and shortlist providers significantly faster through AI-powered contextual matching, and the tiered subscription model gives providers clear value and visibility.

400+

Service providers onboarded at launch

3

Platforms from one design system: iOS, web, and provider dashboard

5

Resource categories unified into one discovery experience

Testimonial
Pocket Films came to life when Ali joined the team. He brought a discipline for design integrity and backed it up with rigid deliverables - effortlessly cool and a pleasure to have as part of the team

Daniel Broch

Founder, Pocket Films

For more information about Pocket Films, visit the official website or download it on the App Store.