BRANDING, UI, COMMUNICATION - CASE STUDY

RIVULET OUTFITTERS

A full-scale interactive experience with a brand and its projects; cohesively designed to convey the feeling of adventure through its cross-platform use.

OBJECTIVE

To design harmonious interfaces with strong usability and related promotional material to immerse users in Rivulets full experience

DURATION

September 2019 – March 2020

TOOLS

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.

coffee

LET'S GRAB COFFEE !

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.