Mastri / Training & brand activation

From the training floor
to the finish line.

Two different uses of digital product development: mobile-web training for MINI Cooper and participant-facing experiences for Toyota’s SheRox and Supercross activations.

MINI Cooper / Hands On F56

Our team at Mastri built the training and onboarding site using mobile web. Delivering that experience through mobile browsers was a significant technical challenge at the time. The recovered screen artwork shows schedules, venue navigation, pop quizzes and driving-course guidance in the mobile experience.

MINI F56 mobile-web schedule screen artwork.
Schedules at a glance: event sessions arranged for mobile access.
MINI F56 venue map and arrival directions screen artwork.
Venue map and arrival guidance, designed for the attendee’s phone.
MINI F56 pop-quiz mobile interface artwork with start and view controls.
Learning checkpoints: quiz selection with start and view states.
MINI F56 mobile driving-course guidance and course diagram.
Driving-course guidance brought into the same mobile experience.
MINI F56 proposal showing laptop, tablet and phone interface mockups.
Multi-device interface concepts from the MINI F56 proposal. These are planning visuals, not final product screenshots.
MINI F56 mobile-site learning concept page.
Mobile-site learning approach documented in the event proposal.
MINI mobile web landing screen with Hands On and Up Close buttons.
Hands On / Up Close landing screen, captured in mobile Safari.
MINI F56 registration announcement with Register Now, Continue and Sign Out buttons.
Registration announcement over the MINI interior imagery.
MINI event navigation with The Lead-Up, The Big Day and The After Party choices.
Navigation across the lead-up, event day and follow-up.
MINI F56 color-coded content navigation with news, learning, social and meme sections.
Color-coded navigation across the learning and engagement content.
MINI F56 introductory page with Dearest MINIac greeting and playful mission statement.
Introductory page setting the experience’s playful tone.
MINI F56 news listing with article excerpts and Read More control.
Automotive news feed in the mobile-web experience.
MINI F56 social-feed screen with author handles masked.
Social-feed integration; author handles masked in this presentation copy.
MINI meme page with an autocross cone joke and Facebook and Twitter sharing buttons.
MINI Meme Me content and social-sharing controls.
MINI F56 sign-in and sign-up gateway with private footer contact masked.
Access gateway; private support-contact details masked.
MINI F56 dealership-email onboarding screen with a placeholder field and support contact masked.
Dealership-email onboarding. The field is a placeholder; private support-contact details are masked.
MINI F56 mobile event countdown with Pomona Fairgrounds venue, event date and weather display.
Are We There Yet? Event countdown, venue details and weather, captured in mobile Safari. Historical event information.
MINI F56 Learn Something New page with a quotation about company and product knowledge attributed to Jeffrey Gitomer.
Learn Something New: bite-sized learning content within the mobile experience.
MINI F56 Such a Tease video gallery with a MINI-VOLUTION card and Better, Faster, Funner tagline.
Such a Tease: video-content gallery with the MINI-VOLUTION card.
MINI F56 Day 1 schedule with all-attendee sessions and Volcanic Orange and Blazing Red team rotations.
Day 1 schedule: breakfast and opening session, followed by alternating classroom and driving sessions.
MINI F56 schedule continuation with Blazing Red activities, dinner reception and Day 2 breakfast.
Schedule continuation into Day 2. Original text overlap is retained in this historical browser capture.
MINI F56 Pop Quizes development page displaying questions and pipe-separated answer data inline.
Quiz-content development capture: questions and answer markers are displayed inline as raw data, not a polished interactive quiz.

The mobile-web experience

Toyota × SheRox

An event experience centered on participants sharing their stories. Recovered interface artwork shows the entry screen and the completion step, including video follow-up and social sharing prompts.

Toyota SheRox Tell Us Your Story entry screen with blank name and birth-date fields.
Entry-screen artwork: “Tell Us Your Story.” The form contains labels, not participant data.
Toyota SheRox completion screen thanking participants and prompting Facebook engagement.
Completion-screen artwork with video follow-up and Race to the Toyota Cup Facebook prompts.
Toyota SheRox tablet start-screen mockup with athlete imagery and blank first-name, last-name and birth-date fields.
Tablet start-screen mockup: “Tell Us Your Story,” with athlete imagery and blank entry fields.
Toyota SheRox tablet with five pink circular prompts asking about racing inspiration, goals and supporters.
Story-prompt selection: inspiration, racing motivation, goals and supporters.
Toyota SheRox tablet registration form with blank contact fields and marketing and dealer-contact preferences.
Registration and contact preferences, presented over the outdoor tire-and-grass background.
Toyota SheRox registration mockup with running-shoe background, blank contact fields and consent switches.
Alternate registration treatment with running imagery. All visible fields contain labels, not participant details.
Race to the Toyota Cup

Additional app screens from the Toyota activation: riding preferences, rider selection and a photo step, with Toyota and Yamaha Racing branding.

Toyota and Yamaha Racing track-preference questionnaire with six options.
Track-preference questionnaire, from freestyle and rhythm to sand and mud.
Toyota JGRMX rider-preference question with Davi Millsaps and James Stewart options.
Rider-preference screen featuring Toyota JGRMX choices.
Toyota activation photo step with a blank silhouette, Photos picker and Take Photo button; device album list masked.
Photo-selection step. Personal device album names, counts and thumbnails are masked in this presentation copy.
Toyota / Supercross

A motorsport-themed variant of the SheRox activation, with the same agency. These tablet interface mockups pair Toyota, JGR and Yamaha branding with a start screen and registration form.

Toyota Supercross tablet mockup with Toyota, JGR and Yamaha logos and a Touch to Start prompt.
Start-screen design with metallic grille styling and tire-tread and checkered graphics.
Toyota Supercross tablet registration mockup with blank contact fields, dealer-contact choice and circular Submit button.
Registration-form design with a dealer-contact option. Fields contain labels only, not participant data.