Content and user interface design for AMC x Mobii
I designed microsites, in-app content, and reusable templates that connected viewers with AMC through its partnership with ACTV8me in the Mobii app.
Role:
UX/UI Design / Visual Design / Web Development
Cross-Channel Delivery

Campaign Overview

Design and development support for Mobii x AMC's interactive campaign.
As part of a national AMC campaign, I collaborated with ACTV8me’s Creative Director and content team where we implemented a new content pipeline to create app and web assets which allowed the team to build digital experiences rapidly. I helped execute and guide the creative direction of the experiences through in-app assets and microsites - all designed to connect the Mobii app with TV audiences on an interactive level.
Speed & Scale

Challenge

Keeping up with rapid campaign demands.
With multiple teams working fast across content, social, and product, I needed to deliver flexible interface components that could evolve quickly without sacrificing brand integrity or performance. The diversity of deliverables required speed, and to achieve that I designed an agile design system.
Dashboard content card feature organization
AMC content card detail.
AMC themed content cards in the new Sketch template.
Dashboard content card feature organization
Photoshop, Sketch and React icons - the main tools used for this project
Wireframe of offer
On-Air UI

TV spot

Our user interface elements featured in national ad.
Several UI elements of my new refreshed Mobii app design were used in a national AMC TV spot, serving both as promotion and a live demo for Mobii users. The final video was created by our Creative Director.
Branded Content

Social Media Support

Guides, templates, and patterns for platform-specific assets.

I created scalable web templates and microsites with associated asset boards to support our content team, keeping visual identity strong while allowing fast, easy content creation by the content, design, and social teams. I also set the initial design direction for in-app that was maintained throughout the campaign with Sketch templates.
Wireframe of offer
Scaled Reach

Outcomes

Efficient design that scaled across teams.

Improvements:
  • Faster and more cohesive launches across web, app, and social
  • UI assets featured in high-visibility placements
  • Maintained brand onsistency in a fast-moving campaign
  • Enabled creative teams to deliver without developer lag
A view of the main dashboard overview view.
Personal growth

Reflection

Defining visual systems and templates increase cycles, collaboration, and ultimately deliver better experiences.

This campaign sharpened my systems-thinking and helped add cohesion between the content, design, and development teams. Seeing our resulting work live on AMC’s site was a personal milestone and proof that efficient design can be still be creative while amplifying impact.
Contact Me

Have a project or problem to solve?

Use my form, send me an email at hello@johnhansen.design or schedule a call.
Thanks - your message was sent. I'll get back to you.
Something went wrong while submitting the form.