The Maschhoffs

Interactive Map Tour

Project: Interactive Map Tour – Development

Client: The Maschhoffs

Agency: Paradowski Creative

Site URL: www.themaschhoffs.com/process

About: The Maschhoffs had static artwork depicting their production processes that they wanted to bring alive and transform into an interactive walk through. We came up with a concept that pans and zooms and frames content into different stations of the processes. We built it in Vue.js to standardize and expedite content creation.

Tech: Vue.js, vuex, js, gsap, scss, webpack, npm

Locking into process station
Intro screen
Zoomed out
Region caption
Process station lock screen