The retail installation displays a variety of qualities and unique experiences. These interactions were the product of a great deal of thinking and dedication.
The user is shown the motion graphics promotional movies after scanning the correct QR code to activate it on a sizable projection or screen.
A total of four motion graphics promotional videos were needed for the installation. Three distinct stations, including an interactive catalogue, a rotating product, and a touchscreen ordering station, are located next to the promotional movies.
Each of these stations was designed to include a screensaver with motion graphics that featured usage instructions for the station.
The interactive catalogue station is designed to give the user a new and distinctive method to shop from a catalogue.
To do this, actual objects and light sensors are used to start animations and activate product displays.
The user can "swipe" between several product views on the rotating product station to examine various essential aspects of that product.
This station presents a 360-degree view of a backpack while emphasizing 4 distinct stop points to emphasize the qualities of the bag.
The user may feel augmented reality by using a gesture-controlled app.
A user can browse various clothing items on the touchscreen ordering station to pick the ideal outfit that they desire.
Users are more likely to recognize this station since they frequently find them at well-known establishments like fast food restaurants.
The installation was designed to be exciting, entertaining, easy on the eye, and simple to use, using motion graphics,
illustrations and design elements, GSAP animations, and clear graphics and simple words.
This application provides the user with the ability to interact with 3 different products that are placed over a light sensor connected to an Arduino circuit board. When the user lifts the product off the sensor, it triggers its corresponding gear layout to appear and animate onto the screen. The user can then press the button located above the sensor to view a specific product and see its highlights. All gear and apparel will be layered over background imagery reflective of the brand.
The touchscreen monitor provides users with a motion graphic based screen saver that includes visual imagery and motion graphics that support the brand. When they touch the screen, images of both female and male models wearing fashionable combinations of different brand reflective apparel are displayed. Users can rotate the model view to see front and back, change the gender, use a swiping motion to change and create different outfit combinations, and view descriptions about each item. Once they have selected their outfit, they navigate to another screen that provides them with a visually enhanced cart that allows them to further customize their order. When they are ready, a receipt will print out with their order information that they can take to the cashier.
By adopting a different experience gadget to explore a product, this station illustrates a different approach to augmented reality. It will show a 360 view on the item (backpack) and highlight key information and details of various angles and sections. The user will interact by using the gesture controlled app, Leap Motion, to make their way through the screens and information. Certain motions will show more information on the product and let users return to previous screens. Users find this station intriguing and interesting since it demonstrates a fresh application of technology.
It is a pleasant experience with three promotional movies that showcase the company's key values and items that can be found in stores. The video is plays continuously and is designed to attract potential customers to check out the other stations. It displays an actual consumer using the items in action. A short-throw projector may be used to display this movie onto a surface, which enables the utilization of a smaller space. Scanning the QR codes is an extra feature of this station. The user can scan one of three QR codes to view the accompanying video in this entertaining experience. Rather than just watching the videos in the sequence they were ordered, this allows the user a participatory experience.
BRAND BOOK Hiking often involves both activity of going for long walks, especially in the country or woods which lead me to create a brand with the name called “DeTrail”.
Contrary to creating a logo to have a logo there, branding should have a meaning that can be discussed.
The major visual that people will recall, notice, and discuss is this one.
It was preferable to keep the adhere to the brand guidelines, by using the required colours and typography which represents "Detrail".
This maintains a clear and straightforward design for effortless viewing.
The majority of this retail exhibit consisted of photography and film.
To create backdrops and screen saver films, we needed photographs of the surroundings in addition to each item in the interactive catalogue.
I also pitched in to photograph the backpack as a team. I chose the pack's positioning and layout, and the photographs turned out great.
We had to capture multiple pictures of actual models for the touchscreen ordering station.
The viewer may examine each item with various parts until they were satisfied with the outcome after each male and female model displayed three alternative costume options each.
We travelled to the forests and hiking trails at the height of fall to take a range of pictures that we might utilise for the installation. We were able to choose from a lot of the material that was recorded when creating the promotional videos.
We had to change the code to fit our design after receiving the basic foundation for each of the stations.
GSAP animations played a significant role in the project's programming.
The JavaScript GSAP animations in the interactive catalogue station were given a lot of attention, with proper timing and easing throughout.
Numerous motion graphic-based films, components, and minor adjustments to timing and easing in the code were needed for the revolving product station.
With minor styling and information modifications in JavaScript, the touchscreen ordering station's styling was primarily composed of CSS. B
asic HTML modifications were also handled by each station.
For this brand's marketing materials, other assets were produced. To represent various outfits and situations, I made a number of icons.
The patches and tags I created could then use the icons to demonstrate how the brand might be extended.
T-shirt designs were created as a lighthearted method to promote the business and may be something that is given away with a brand purchase.
Two sets of social media marketing videos for various platforms were produced in addition to the promotional videos.
These films are excellent in attracting new buyers.