Context
The Trailer Park Boys team set out to launch the first version of a dedicated mobile app for fans — bringing together Trailer Park Boys content, SwearNet News, streaming, and commerce in a single experience.
As an MVP, the goal wasn’t to overbuild features, but to establish a clear foundation: define the core content structure, support two distinct audiences, and deliver an experience that felt unmistakably on-brand from day one.
The Problem
As with many first-release products, the challenge was deciding what mattered most at launch.
• Multiple content types needed to live together without confusion
• Two audience groups had different expectations and usage patterns
• Navigation had to be immediately understandable with minimal onboarding
• Two audience groups had different expectations and usage patterns
• Navigation had to be immediately understandable with minimal onboarding
The risk wasn’t missing features — it was launching without a clear mental model for users. The MVP needed to feel complete, even while leaving room to grow.
My Role
• UI/UX Lead — Organized structure and interaction flows
• Designed custom navigation iconography (including a memorable trailer-shaped home icon)
• Defined brand-aligned UI language, including functional use of foul humour where appropriate
• Designed key screens: registration, home, channel toggles, show listing, detail screens, and user libraries
• Designed custom navigation iconography (including a memorable trailer-shaped home icon)
• Defined brand-aligned UI language, including functional use of foul humour where appropriate
• Designed key screens: registration, home, channel toggles, show listing, detail screens, and user libraries
The Approach
The design focused on defining a strong core experience that could scale over time.
1. Audience-first structure
The app clearly separated Trailer Park Boys content and SwearNet News into distinct zones from the start, ensuring users immediately understood where they were and what they could do.
2. Brand-forward, functional UI
Visual language and iconography were designed to carry the Trailer Park Boys personality without compromising usability — setting a tone that could be expanded in future releases.
3. Launch-ready discovery and commerce
Key flows for content discovery, streaming, and purchasing were intentionally streamlined to support early adoption and validate user behavior before adding complexity.
The Outcome
The redesigned app accomplished multiple business and user goals:
• Clear separation of content types (fans vs. news) reduced confusion and improved engagement.
• Improved discoverability of shows and episodes through streamlined navigation and hierarchy.
• Brand-aligned experience that resonates with the show’s humour and voice without sacrificing usability.
• Improved discoverability of shows and episodes through streamlined navigation and hierarchy.
• Brand-aligned experience that resonates with the show’s humour and voice without sacrificing usability.
This project wasn’t just about screens — it was about organizing disparate content within a recognizable brand ecosystem.
Interested in branded mobile experiences that balance character with clarity?
Left: Registration and Sign-in screen. Right: Landing screen. The top carousel with recent promotions was a new recommendation. Client requested visual distinction between Trailer Park Boys and Swearnet News channels for its users (see below).
Left: The Swearnet News landing screen. It’s slick, red and black treatment was borne from the channel's set design. Right: The Trailer Park Boys landing screen utilized the ubiquitous interior wood panel background. Addressing easier show discoverability, both channels employed a top toggle to quickly switch between 'channels' with a single tap, removing the need to return to the home screen.
Left: Example of show detail screen chosen from the channel screen above. Right: Information overlays. Top; season selector with easy purchasing option. Bottom; episode detail overlay when tapping on the vertical ellipses. Here we find the requisite show synopsis, favorite icon, share and comment buttons. For fun, the typical close or 'dismiss' button is replaced with the f**k off middle finger.
Left to Right: My Stuff; a subscribed user’s tabbed view of Watching and Favorite episodes. Free Preview; an unsubscribed users visually-enticing free ‘first-hit’ approach with CTA at top to purchase a subscription. Store and Settings/Profile screens.
