The Cabela’s GunHub kiosk was designed to be a visually impressive and highly interactive data driven experience to sit within the firearms department in their stores. The kiosk allows Cabela’s outfitters and customers to quickly find and compare products, view detailed product information, and even interact with a sampling of products hands on.
The user facing experience is built as a full screen web app, running via Chrome’s kiosk mode. To support offline usage as much as possible, the app is served via a local web server. New builds can be created by Jenkins and sent to the kiosk device via Octopus deployment.
We made the decision to go with Angular 1.6 as our front end framework, taking full advantage of it’s components and their lifecycle hooks. We also brought in Redux via ngRedux to manage application state and used SASS (SCSS) as our style preprocessor. Additional libraries include D3 for building out our data driven, complex SVGs and animations and HammerJS to handle advanced touch interactions.
The kiosk has been rolled out to two Cabela’s store locations so far with more on the way. Both outfitter and user feedback has been very positive.