2. INTRODUCTION
Riga Black Balsam new website is aimed at a wide audience and it’s mission
is to form a new vision of the brand.
Riga Black Balsam today has become more modern, stylish and exquisite
while keeping the unique qualities that had always distinguished it from all
the other types of spirits and drinks.
3. VISUAL STYLISTICS
Visual characteristics of the website: ascetic, dynamic, modern.
Choosing the stylistics of the visuals we have set ourselves a mission to not only make
sure it is visually appealing, modern and beautiful, but to form the visitor’s perception
of the brand through the visual scenes.
Visitors get emotionally involved by means of the animated photo scenes. This
technique has been chosen intentionally. The perspectives in the photo animations
change in a way they don’t do in real life. This makes the viewer intrigued and interested in watching them. For this reason the animations can be considered more effective
in comparison to traditional video and photo materials. The length of the animation
is not too long so that it does not disturb the overall exploring of the website.
4. STRUCTURE CONCEPT
The basic aim of the website is to impress. Therefore its structure is designed in a way
to determine the visitors take a tour through its sections.
Since the very first moment after entering the website the visitor is lead through the
whole content in an interactive way. Taking this route the visitor goes through the
stages of picking up the mood or the situation, watching the animations, getting
acquainted with the options of the ways to consume balsams, interactive cocktail
mixing meanwhile forming the desired perception of the brand before getting to the
Products themselves.
The traditional approach would be to show the product line straight away but in that
case we would lose the opportunity to influence the consumer’s perception of the
brand. This also allows to neutralize the existing stereotypes associated with the
brand for those consumers who are already familiar with it.
The visitors are not limited in the freedom to navigate directly to the desired section
of the site. For these cases the site is provided with a navigation panel at the bottom.
5. PROTOTYPE
We have created the website prototype and animated it to show the dynamics.
This is a demonstration model to illustrate the way we suggest approach the new Riga
Black Balsam global website development. The pictures used for the prototype are
taken from the internet to serve as examples of the stylistics.
https://vimeo.com/78989002
6. The 3 second Pre-loader
Performs following functions:
• Introduces the user with the
subject of the website
• Within this time the whole
content of the site is uploaded
so that it works without page
reloading.
7. Main page
After the pre-loader the
diamond shaped picture
disappears and a white shape
crossfades through it. It contains the navigation choice
of four Riga Balsam products.
Below there is a traditional
menu for those users who
prefer to go directly to one of
the site sections.
8. Main page
Pointing the cursor at one
of the four product choices
animates the background
and the area with the product name. The background
fades from black to reveal
the images stylistically and
semantically connected with
the desired brand image.
Background images give certain mood while the diamond
shaped area with the product
name reveals the images with
the product, giving the idea
what the product is and what
it looks like. These images
are also animated within the
frame of the shape.
9. The teaser (5 sec)
When one of the choices is
made the user sees a 5 sec
animation. The teaser introduces the atmosphere, brings
up associations, and stimulates self-recognition of the
user. This allows us to form the
desired image of the brand.
10. PRODUCT PAGE
After viewing the animation
the user gets to the Product page. The animation is
paused, it fades into darkened
image and on top of it the
information on the product
appears. This window contains
general information, the taste
description etc.
The choice menu is on the
left. The user can either pick
any section to go directly
there or has the opportunity
to scroll through all the sections and by doing so view all
the content.
From this point all the content
is Parallax animated.
11. PRODUCTS
The website also provides a
second and more classical
choiсe scenario for viewing
the product line.
12. COCKTAILS
The COCKTAIL section is based
on the animated situation
images where the user is suggested to choose one of them
to proceed to the cocktails
appropriate for the chosen
situation.
This is necessary to emphasize the universal nature of
the balsam consumption and
demonstrate the variety of
consumption situations.
Behind each of the images of
course we find practically the
same cocktails, which are selected by means of ingredient
choice filters.
13. The teaser (5 sec)
Having chosen one of the
emotions the user sees
another short teaser animation. The teaser makes the
situation more recognizable
and sets the mood. Teaser
functions: to hold interest,
modern image of the brand,
get the user intrigued.
14. COCKTAILS
When the teaser is over the
cocktail offer for this specific situation slides in from
below. The paused animation
darkens and an inspiring quote
appears.
15. COCKTAILS
Scrolling on reveals a cocktail
constructor, where the user is
offered to pick his/her favorite
ingredients and get cocktail
recipes containing those chosen ingredients and based on
Riga Black Balsams products
16. COCKTAILS
It the user scrolls on he/she is
offered to try and pick another
mood and situation and see
some other cocktail suggestions or just scroll on to see
the rest of the site sections.
The site is constructed in such
a way that the sections are all
interlinked and she scrolling
will always reveal one of the
site sections to prolong the
site surfing experience.
17. Make your own cocktail
Having chosen the mood or
the situation and seeing the
short animation, the user then
picks up the favourite cocktail
ingredients and is suggested
the recipes of the cocktails
based on balsam and the
chosen ingredients.
At picking the ingredients the
lower part of the screen is
filled with the cocktail list with
the opportunity to see each
cocktail recipe.
18. TASTE
The section TASTE reveals the ingredients involved in the production of the Riga Balsam. This section is important in order
to stress the fact that all of the ingredients are natural.
The execution is the following: the ingredients fly into the
bottle by scrolling the browser scroll. There’s also an option of
choosing one of the ingredients in order to learn more about it.
19. History
The history of the brand is presented as a timeline that dates
back to the year 1752 and has all the important key events
marked on it.
1752
1950
1900
2000