To design harmonious interfaces with strong usability and related promotional material to immerse users in Rivulets full experience
September 2019 – March 2020
Illustrator
Photoshop
After effects
InDesign
HTML, CSS, JS
INTRODUCTION
ABOUT THE PROJECT
Rivulet Outfitters, a fictitious brand, is a Canadian-based outdoor retailer. Rivulet sought to go beyond traditional means of shopping and present to its clients an immersive, interactive experience.
The installation, which utilizes motion sensors, alternative input systems and touchscreens allows in-store customers to interact with visualizations of product sold. Looping motion graphic films are included within the installation in order to further cement the brand, its values, and its imagery.
Alongside this, a full-scale marketing campaign was developed for the installation. Web-based gif ads and social media videos sell the “outdoor” experience while a printed tri-fold brochure presents more information about the brand.
Once again, Rivulet Outfitters is a fictitious brand created for Educational purposes.
MY PROCESS
Rivulet Outfitters, a fictitious brand, is a Canadian-based outdoor retailer. Rivulet sought to go beyond traditional means of shopping and present to its clients an immersive, interactive experience.
The installation, which utilizes motion sensors, alternative input systems and touchscreens allows in-store customers to interact with visualizations of product sold. Looping motion graphic films are included within the installation in order to further cement the brand, its values, and its imagery.
Alongside this, a full-scale marketing campaign was developed for the installation. Web-based gif ads and social media videos sell the “outdoor” experience while a printed tri-fold brochure presents more information about the brand.
Once again, Rivulet Outfitters is a fictitious brand created for Educational purposes.
THE CHALLENGE
To create an installation that, through proper design, is self-explanatory and easy to use for the user. The use should be able to deduce the connection between all the screens within the installation and the relating promotional material, understand how to interact with the various apps, and feel immersed within a curated experience.
THE BRAND
The original, more stylistic logo was refined to better fit with Rivulets theme of simplicity. The colours were also modified to brighter ones which better represent feelings felt while being in nature as well as being more welcoming overall.
The finalized logo is seen throughout all deliverables and interactions with the brand.
THE INSTALLATION
ROTATING PRODUCT STATION
Allowing a 360° view of the Trekker backpack, an item sold by Rivulet, this station utilizes a motion-sensor to allow users to digitally rotate the backpack.
Throughout the rotations, stop points highlight various details of the bag. Furthermore, an additional interaction, a swipe forward on these stop points displays additional information on the bag and the brand. These highlights include information about the bag’s available colours, the brands sustainability, and additional product features. After a minute of inactivity, an informatic screensaver will loop over the station.
Next to the station are product cars meant to provide additional information about the bag to buyers who aren’t yet certain about purchasing the product. More information about these cards can be found below.
View a demo here!
All images and graphics within this project are my own with the exception of:
ALTERNATIVE INPUT APP
Outdoorism to one shopper may hold a different meaning than to another shopper. With so many types of activities, it may be overwhelming trying to navigate which clothing and what gear is best suited for your adventure.
This station helps take out the guesswork by presenting the user with different collections for all adventurers – from the urban photographer to the weekend fisherman. On a pedestal in front of the station are three items and three associated buttons. Users pick up items one at a time to bring a collection onto the screen. By pressing the button associated with the collection being viewed, the user will be able to access additional information about the item.
After a minute of inactivity, the station will reset to an informatic screensaver
View a demo here!
All images and graphics within this project are my own with the exception of:
TOUCHSCREEN ORDERING APP
Visualize before you buy! This station reinvents and streamlines the checkout process! Using a touchscreen, users can see various combinations of outfits built from clothing found in the store.
The user can swipe on the front and back of a female and male model, swiping out different head accessories, tops, pants, and shoes. Users also have the choice of randomizing an outfit.
Once content with their order, users can access and edit their cart, choose from different sizing options and print their receipt. This receipt is brought to the cashier who can pull their order form the back.
After a minute of inactivity, the station will reset to an informatic screensaver
View a demo here!
All images and graphics within this project are my own with the exception of:
LOOPING MOTION GRAPHICS
Typing together the whole experience, reinforcing the brand, and adding to the overall experience of the user are a series of three looping motion graphics in the center of the installation. Created using kinetic typography, these videos display strong imagery of activities done outdoors as well as calls to action for outdoor experiences.
PLEASE NOTE: as to not distract the customers, there is no audio in these videos. The videos are purely visuals.
All images and graphics within this project are my own with the exception of:
COMMUNICATIONS
TRI-FOLD BROCHURE
To provide more information on the retailer itself, a tri-fold brochure was included within the campaign.
View finalized brochure here.
PRODUCT CARD
Placed next to the rotating product station, these double-sided product cards can be brought home by one-the-fence shoppers to review the backpacks features and information on their own time.
View finalized product card here.
WEB-BASED GIF ADS
Web-based calls to action
PLEASE ENSURE THAT YOUR ADBLOCKER IS PAUSED WHILE VIEWING THESE GIFS
SOCIAL MEDIA VIDEO
A square video to be used across various social media platforms. View video here
IN CONCLUSION...
The concept of this installation is not limited to an in-store experience. Due to its format and portability, it can easily be used to draw attention to the store at pop-ups or festivals. It can also be repurposed to fit the products and imagery of any store of brand.
Furthermore, the concepts used within the project reach far beyond retail usages. It’s not hard to imagine these apps being developed for interactive learning experiences, such as in museums and galleries in the classroom, in workplace simulations, and so much more.
Thank you for your interest in working with me. Please submit a quick message and I will get back to you as soon as possible.