Welcome — you're viewing the portfolio of Ben Johnson, a content strategist, musician, filmmaker, and developer. This site is organized into five sections: strategy, creative, development, audio, and CV. Every section is keyboard navigable. If you'd like to get in touch, there's a contact email in the bio.
Ben Johnson is a Senior Content Coordinator on the e-commerce team at The North Face, where he owns in-region content strategy for high-profile brand collaborations with partners like Gucci, Supreme, SKIMS, KAWS, and more. He helped develop the mobile app content strategy, leads the site's UGC program, and coordinates with global and regional teams to align collection launches across the United States, English-speaking Canada, and French-speaking Canada. He holds an MA in Interactive Media from Elon University, along with a double BA in Communications Design and Cinema & Television Arts, a double minor in Computer Science and Digital Art, and a technical certificate in Music Technology.
Before joining The North Face in 2022, Ben built a diverse portfolio across media production and design. He has worked as a front-end web developer for the Terra Cotta Heritage Foundation, interned under writer/director David Ayer in Los Angeles, and continues to serve as head of design and brand identity for Cornelius Muller Productions, where he produced the company's most recent feature film and created the official trailers and theatrical posters for its feature releases. As a music producer and songwriter, he is currently a member of Observatory B and is writing the music for an original musical. He has also released solo work under the name Blas and scored short films. In 2021, he designed and developed Ghost Notes, an interactive narrative blending music production and game design.
content strategy & digital experiencethe north face
At The North Face, I lead content strategy and user journey design for global collaborations and product launches, working with creative, merchandising, and engineering teams to bring elevated digital experiences to life.
Collaboration — Spring/Summer 2024
The North Face × UNDERCOVER SOUKUU · user journey design, elevated product landing pages, targeted activity page strategy
SOUKUU was a four-season collaboration with Jun Takahashi's UNDERCOVER that reimagined TNF's technical performance gear through a fashion-forward lens. For the second drop, I designed the full user journey from teaser phase through launch, centered on an elevated product landing page (EPLP) — a format I had helped establish on earlier collaboration launches — that merged storytelling with shoppability. Before this approach, collections were typically split across two separate pages: one for brand narrative and one for transactions. The EPLP combined both, and the creative team brought it to life with editorial imagery, athlete features, and interactive product elements within a single shoppable experience.
Beyond the landing page, I developed a strategy for targeted assortments on activity pages — placing curated SOUKUU products at the top of the Men's Hike and Women's Trail Run pages to capture intent-based traffic. I specified that hero banners should feature TNF athletes with captions crediting them by name, reinforcing the Summit Series ethos of "Athlete Tested, Expedition Approved" and authentically validating the product's technical credibility.
Strategic Approach
By surfacing collaboration products on existing activity pages, we met shoppers where they already were — browsing for hiking or trail running gear — rather than relying solely on a destination landing page. This intent-based approach captured audiences who might never visit a collaboration page but were already primed for performance product.
Original wireframes — teaser, launch & activity page strategy
Teaser Phase
Launch Phase — EPLP
Activity Page — PLP Insertion
Live experience — targeted activity page assortments
Casentino Wool Collection · elevated landing page with parallax storytelling centered on material texture
The Casentino Wool Collection reimagines the iconic Denali jacket using centuries-old Italian wool from Tuscany — a fabric prized for its naturally curled texture, warmth, and durability. For the elevated landing page, I briefed the creative team to make the texture of the wool itself the hero, using a parallax treatment on a macro close-up of the bright red Casentino fabric. The effect creates an immediate, tactile connection — communicating the premium craft story through visual feeling before any product appears on screen.
↓ Recreated parallax hero — scroll to see effect
Naturally iconic.
Crafted with a distinct rugged texture that naturally traps heat. The Casentino Wool Collection blends time-honored Italian craft with modern performance.
Design Decision
Leading with a macro texture shot rather than a traditional product hero was a deliberate choice to differentiate the page from standard collection launches. The parallax movement adds depth that mirrors the physical dimensionality of the fabric, and the creative team's execution proved effective at communicating the collection's premium positioning before the visitor ever reaches the product grid.
The North Face × SKIMS · cross-functional creative strategy for a high-profile global collaboration
For the second TNF × SKIMS collaboration, I collaborated with global teams to help shape the creative strategy from its earliest stages. The secretive nature of the partnership meant there was no widely distributed brief — I worked directly with stakeholders across regions to align on how the collection would be presented across markets. The campaign, shot against the Chilean mountains, balanced SKIMS' signature body-conscious design language with TNF's technical credibility. The EPLP merged cinematic imagery with a clear, conversion-focused layout designed in partnership with the creative team.
The North Face × Cecilie Bahnsen · elevated product landing page with athlete-driven storytelling
The Cecilie Bahnsen collaboration brought sculptural femininity to TNF's performance fabrics. For the EPLP, I specified that TNF athletes Brooke Raboutou, Molly Thompson-Smith, and Solenne Piret should be credited by name in the campaign imagery — anchoring the collection in authentic athletic authority. This continued a pattern I established across collaboration launches: pairing editorial campaign photography with clear athlete attribution to reinforce the credibility of the product. The creative team designed the page to balance black-and-white editorial imagery with a shoppable product grid, furthering the EPLP approach of unifying storytelling and commerce.
Select work spanning film production, graphic design, and brand identity. Includes promotional materials created for Cornelius Muller Productions as well as short-form original content created as an independent filmmaker.
Featured Project
Cornelius Muller Productions · brand identity & film marketing
Producer · Head of Design · Trailer Production · Web Development
Making Him Famous
Associate Producer
Trailer · Poster Design
Dir. Burgess Jenkins · 2023 theatrical release
More Than Able
Producer
Trailer · Poster Design
Dir. Joseph Gray · 2025 theatrical release
I have worked with Cornelius Muller Productions since my time as an undergraduate at Elon University, growing from an intern into a core member of the production team. Across multiple feature films I served as head of design, responsible for the visual identity of the company and its releases — from theatrical posters to trailers to the production company's brand itself.
For Making Him Famous, the company's most successful theatrical release, I produced the official trailer and designed the theatrical poster used for marketing and distribution. For the most recent project, More Than Able, I was credited as a full producer in addition to again delivering the trailer and poster. I also designed and developed the Cornelius Muller Productions website and created the company's logo and 3D vanity card — the animated production mark shown before each CMP film.
The CMP vanity card was designed as a cinematic production mark — a 3D render of the original logo I created for the company. The mark appears before each Cornelius Muller Productions film.
Cover art for three Blas singles released on Spinoff Records. All artwork designed by Ben Johnson.
Video
An Update on "Making Him Famous"
dir. / music / graphics
Design
Album Art — Blas Singles
cover art / art direction
Video
Actors Studio Announcement
dir. / graphics · CMP sub-brand
Design
001 / 002 / 003 — Triptych
cover art / photography / visual system
Video
Liberty Will Never Perish
dir. / music / graphics
Design
Blank Ballots: An American Story
data visualization / infographic design
Video
Ben Winslow: Finish Line
dir. / music / graphics
development & coverage · writing samples
Script Coverage
Austin Everett's The Traveler
Cedar Park Entertainment · Los Angeles, CA · 2020
Professional script coverage of a 118-page science fiction screenplay. Evaluates concept, structure, characterization, dialogue, and production viability with a recommendation for consideration based on a strong premise and unique time-travel structure.
Original series pitch for a supernatural drama set in a fictional Idaho town. Includes logline, pilot synopsis, world-building, tone references (Twin Peaks, The Haunting of Hill House), and character breakdowns with casting direction.
Written during an internship at Cedar Park Entertainment in Los Angeles. Production materials from that internship are confidential under NDA — these samples are representative of equivalent work.
gallery & installation · physical & interactive
Work created for public exhibition — physical pieces built around interactivity, hidden layers, and experiential presence.
Attict
2Seasons
3D Portrait
Attict
Mixed Media Installation · Gallery Exhibition
Ornate framed piece with a built-in blacklight that reveals an additional design layer printed on thin plastic — visible only at certain angles.
2Seasons
Interactive Installation · Public Gallery · Art Minor Capstone
Fully interactive installation exhibited for several weeks in a public gallery. The original version used Xbox Kinect motion tracking; a later iteration adapted to touchscreen for reliability.
Early experimentation with 3D scanning technologies during their emergence — capturing physical form as digital artifact.
developmentweb, mobile, and interactive
Interactive projects spanning web platforms, mobile applications, and game development. From ecommerce storefronts and community education sites to a fully realized interactive narrative built in Unity.
Featured Project · Master's Thesis
ghost notes · interactive narrative
Written, Directed, Produced, and Composed by Ben Johnson · 2021
Pick up the phone, it's your dream job. You've been requested to manage a new concert tour for your favorite artist. The only catch? They won't be there with you. Can you enlist the right musicians and successfully mix them live on stage? Keep the following and ring in a new era with Ghost Notes, an interactive narrative that combines music production, user interface and experience design, video game development, and interactive storytelling.
Written / Directed / Produced by Music and Lyrics byBen JohnsonCastWill Miller — Daveed Shannon Ghost Notes — Ben Johnson Stage Manager — Matt HarrellSession Musicians"Enrique" guitar track performed by Enrique Juaregui "Chidi" bass track performed by Charles Chidi "Itunu" drum track performed by Itunu Joe All additional tracks performed by Ben JohnsonAudio Mixer 3D AssetModeled with John ValleBeta TestersReed Pake · Wen Guo · Brianna BoucherUsability and Design FeedbackQian Xu · T'Keya Davy · Carol Ann Friday · Alynda Pratt · Chandler Colclough · Michael Boyd · Jasmine Simmons · Meagan Chalmers · William Moner · Jeffrey Cullen-Dean · Juan Ho Hernandez · Olivia JamesInterpolates Concepts and Code Architecture fromJohn French · Brackeys · Unity Learn · Comp-3 Interactive · Jason Weimann · Simmer.ioUnity Effects and Extensions"Light Rays 2D" by Andrii "3D Music Visualizer" by Bad Raccoon "Unity UI Extensions" by The Unity UI Extensions Project2D Assets"heaven, sunset over the clouds 3D rendering" by ustas "Dust and scratches design" by golubovy "Aircraft windows" by Tartila "Paper Texture 03" by BLKMARKET "Textured plastic background" by Unkas Photo "Adhesive tape" by picsfive "Lock" by Adrien Coquet "INNATE Logo" by Natalie Oldani "Don't Forget to Subscribe" by Meg Boericke "Leaf Logo" by Madeleine Horrell "Herd Logo" by Matt Harrell3D Assets"Walkie Talkie" by Billy Reiter "Headphones" by Wolfgang Biebach "Bare metal waved plates material" by Substance Source "Mesh penholder with office accessories" by HQ3DMOD "Classic pen" by Dmitrii Ispolatov "Stationery papers" by Adobe "Compact audio cassette" by Francesco Milanese "Telephone Office" by Adobe "Vintage radio" by Steve Gonopolsky "Office desk" by Marcus "Drink can" by Adobe "Notepad" by Adobe "3D Flightcase" by resl
Additional Work
Visit Site ↗
Web · Ecommerce
Boer Gallery
development / co-design · w/ Meg Boericke
App · UX Case Study
BandAid
ux research / prototype design
Visit Site ↗
Web
Cornelius Muller Productions
design / development
App · iOS
CardGen
swift 4 / native ios development
Visit Site ↗
Web · Nonprofit
Terra Cotta Heritage Foundation
development · MA capstone
audioproduction and songwriting
Ben is a music producer, songwriter, and sound engineer whose work spans bands, solo releases, film scores, and interactive media. He is currently a member of Observatory B and is writing the music for an original musical with a collaborator. Below is a playlist highlighting his full production discography.
Ableton Live · Avid ProTools · Apple Logic · Celemony Melodyne · Adobe Audition · iZotope Ozone
Own in-region content strategy for high-profile brand collaborations including Gucci, Supreme, SKIMS, KAWS, CDG, UNDERCOVER, Cecilie Bahnsen, and Online Ceramics.
Helped build and manage the mobile app content strategy, partnering with the app team to expand capabilities and draft new feature functionality.
Lead UGC program across thenorthface.com, owning collection, curation, and distribution of user-generated content.
Analyze site analytics and user behavior data to inform content recommendations that improve engagement, click-through, and conversion.
Develop tactical briefs for digital experiences and coordinate cross-functional execution across marketing, creative, and development teams.
Align content strategy across US and CA regional teams, ensuring consistency for key collection launches and seasonal campaigns.
Mentor and QA work of 2–3 coordinators, providing guidance on content standards and workflow best practices.
Manage content calendar and CMS publishing across CoreMedia, ensuring timely execution of site updates, product launches, and campaign content.
Cornelius Muller ProductionsBurlington, NC
2018–Present
Creative Director
Produced the company's most recent feature film and served as associate producer on the prior feature.
Created official trailers and theatrical posters used for theatrical release and extensive digital distribution of both films.
Build and iterate on visual identity of brand, designing logos, iconography, and websites for all associated entities.
Direct video and photo content for online promotion; oversee social media and advertisement campaigns.
Terra Cotta Heritage FoundationGreensboro, NC
Spring 2021
Web Developer
Collaborated on mobile-first site structure, with an emphasis on accessibility.
Utilized plugins and SEO to enhance web presence; provided documentation for client self-management.
Cedar Park EntertainmentLos Angeles, CA
Spring 2020
Design and Development Intern
Designed pitch decks and official documents for writer/director David Ayer's production company.
Wrote script coverage, supplied official synopses, and tracked industry trends and IP.
Education
Elon University
Class of 2020, MA 2021
Master of Arts in Interactive Media
Bachelor of Arts, double major in Communications Design, Cinema and Television Arts
Double minor in Digital Art and Computer Science
Skills & Tools
Avid Certified Pro Tools User. Contentsquare Certified. Proficiency in Adobe Creative Suite and Ableton Live. Fluent in HTML and CSS, semi-fluent in Java and C#. Advanced usage of Claude and Copilot for content workflows and ad hoc tool creation. Experience building custom workflow tools to streamline team processes.
CoreMedia (CMS)Adobe PhotoshopAbleton LiveHTML / CSSCloudinary (DAM)Adobe Premiere ProAvid Pro ToolsJavaScript / jQueryContentsquareAdobe After EffectsApple LogicJavaGoogle AnalyticsAdobe InDesignC#Adobe AnalyticsAdobe AuditionBlenderClaude for DevelopersQuantum MetricsAdobe XDAdobe DimensionCopilot ProWrikeFigmaUnitySketch
Click anywhere for a note ♪
Optional audio score that transforms as you scroll through the site
Scroll score active. Optional audio that transforms as you scroll through the site. Click anywhere for a note.
