Currency:
$
USD ($)
EUR (€)
UAH (₴)
DKK (Dkk)
SEK (Sek)
NOK (Nok)
JPY (¥)
CHF (₣)
GBP (£)
AUD (A$)
PLN (zł)
ILS (₪)
KZT (₸)
CAD (C$)
See more
Region:
Not specified
USA
Ukraine
Israel
Europe
Spain
Kazakhstan
Italy
Denmark
Sweden
Norway
Germany
Switzerland
France
Finland
Netherlands
Japan
United Kingdom
Australia
Canada
Poland
Malta
Not specified
Latvia
See more
Language:
EN
Website development service

Order the development of a website for your brand or product

To order a website for a brand, product, or trademark, simply leave a request on our website using the pop-up form or in the contacts section. If you like our work, you can also order a website by filling out a brief and selecting "creating a brand, product, or trademark website," or scroll up to the top of the page and click the "Order a website" button under the title of our case study on developing the YourWater brand website.

FIND OUT HOW TO GET A DISCOUNTED WEBSITE!
Leave your details and we will call you back to discuss pricing and arrange a special discount just for you.
WOW website

YourWater brand website development

In preparation for the project, we developed a website concept aimed at encouraging users to interact with the brand and the website, making it interesting and useful, while emphasizing the brand's social responsibility.

Customer
YourWater
Sphere
FMCG, Marketing
Services
WEB development
Client site
http://yourwater.by/
Website development for a water brand - photo №1

Client's task

Our client, the largest water producer in the Republic of Belarus, planned to launch a new water brand targeted at an audience under 35 years old. After considering several contractors, the client chose our company because we offered the best combination of creativity, quality, and price.

 

Concept

We have developed three scenarios for user interaction with the website:

  1. Scrolling down the website. We decided that a standard per-screen landing page would be enough to present the product in all its glory. Additionally, we hid surprises for users throughout the website.
  2. Finding your individual water balance. Users can find out their individual water balance by answering a few simple questions about their lifestyle. The result can be shared on social networks, which is a good PR move.
  3. Collecting user votes. We aim to collect user votes in support of environmental initiatives, such as the fight against plastic pollution and poor-quality tap water
Website development for a water brand - photo №2

Features of developing a water brand website

The entire website is built using the Vue.js JavaScript framework.

This decision was made early on, based on the project's features and intended design. We understood that the website would include many animations and a non-standard page structure.

We successfully developed a website for the new brand that is truly interactive and remarkable in terms of element animations.

Behind every small element is a significant team effort. From the "portal" in the catalog and the statistics of those who voted for environmental initiatives to the formula for calculating water balance based on user responses, the ability to upload and send a label with a bottle design, and various animations (GIF, JS, CSS)—we approached each stage of work meticulously. As a result, from a development perspective, the website is beautiful.

Below, we will describe what happened during the design stage.

Website development for a water brand - photo №3 Website development for a water brand - photo №4
YourWater brand website development - photo №5

Website design for the water brand YourWater

When we began designing the website for the YourWater brand in October 2019, we anticipated that 2020 would be the year of cyberpunk, artificial intelligence, and technology in design. Even before the release of the new Galaxy, we selected a style featuring gray, convex geometric shapes, and interactive objects and buttons.

Through a futuristic, gray, and cold design, we aimed to convey the technology and digitalization of the modern world. At the same time, we wanted to emphasize the naturalness of water, which nourishes us and the entire world with energy.

By combining these two contrasting images, we successfully conveyed the idea that we are the cause of everything that happens and will happen. Each of us is like a single drop, but together, we form a neural network, an ocean of emotions, thoughts, actions, and their consequences — what we call life

YourWater brand website development - photo №6

Color palette and typography

#063572
#000000
#AEDEFD
#ffffff
YourWater brand website development - photo №7

Website development for a brand of bottled water: project results

As a result, we have produced a wonderful website with its own unique style, ideas, and meanings, revealed through text, interactive elements, and web scenarios. We consider this one of our best works in terms of online product presentation, packaging, and audience messaging.

Service prices

service
price
WOW landing page
from 2 200 $
WOW business card website
from 3 200 $
Landing page design
from 299 $
Web design
from 550 $
Have ideas but don't know where to start?

Answer a few questions online and we will show you!

A brief is a form containing essential information about your project. By filling out this form on our website, you will save time and get a fast reply!

Find out the development project cost!
Answer a few questions and find out how much it costs to develop your website!
fill out the brief
What we offer
Services similar to "Website development for a water brand"

Still thinking? Here is a list of services related to the "Website development for a water brand". Our prices for the "Website development for a water brand" and other services will pleasantly surprise you ;)

Related articles
Discover more in our blog

Want to learn more about "website development for a water brand"? Here's a selection of related blog articles for you.

All blog posts
Перейти на українську версію сайту?
Закрити
Так