Сreative web development

Case of an ambitious project using WebGL technology

“Hello!” — with this simple and relaxed phrase, we welcome a visitor to the new More!milk website, and it is with this same phrase that we welcome you. We are Chipsa, we create websites and applications not like everyone else.

More!milk is a soy milk producer, a bright eco—friendly brand whose communication is thought out to the smallest detail. Our task is to make a website with a memorable design that will help the company find a response in the hearts of consumers and win their interest.

We will talk about the technologies used in this work, the difficulties encountered and their solutions. Let’s find out why the project became unprofitable and was the game worth the candle? Let’s give tips on working with WebGL and find out what the benefits of participating in international competitions are for web designers and developers (at least for our studio).

More!milk works — cows are resting

More!milk is a manufacturer of a vegetable drink based on soy. The product is environmentally friendly, suitable for those who have given up cow’s milk and are looking for a delicious substitute for it. More!milk is essentially an eco-friendly brand that places great emphasis on communication with the client.

Therefore, it is important to attract the audience not just by offering to try the product, but also to convey the values that are embedded in the concepts of eco-friendly production and consumption.

Brand—consumer relationship

Communication on the site should take place without any formalities – simple human communication, which is well played out in texts and design.

We need to make it clear to the user that the naturalness of products and concern for the future are important values that More!milk shares with him. The whole way of the product is eco-friendly, starting from the preparation of raw materials and ending with the packaging of finished products.

But even further, the buyer himself can take part in preserving the environment: on the website he finds a glass container reception point in his city, where he can hand over an empty bottle for recycling and thus close the chain of reasonable production and consumption.

Heroes of the project: Sergey Shut, Evgeny Sotnikov and Pavel Mazhuga.

The client’s task was to make a website with an original design, taking as a basis the dna of the brand and its manner of communication with the buyer.

Project start

Even at the stage of preparing the estimate, many interesting ideas and solutions came to us, the cost of which eventually turned out to be unaffordable for the customer. But we liked the product and its corporate identity so much that we agreed to work, realizing that the project could become unprofitable. We saw a high potential in the future site and wanted to participate in contests with it in the future.

We have set such conditions to the customer: our hands are completely untied, a minimum of edits and a long project implementation period. The client trusted us and agreed, as he himself was interested in the fact that the site received awards and, as a result, attracted attention to the brand.

From the very beginning, we were very positive about the site, worked on our own, collecting references, techniques and animations that impressed us. These examples helped create the site the way we wanted it to be.

It is important that we did not build visual expectations so as not to fall into the trap of “I imagined otherwise.” We talked about the product, style, and wishes to the website creation team and got an original version, cool in every way.

Yulia Chernova, Marketing Director of More!milk

We decided to bet on WebGL, one of the advanced frontend development technologies that we use in the studio. The first version of this technology was released in 2011, but, in our opinion, it is only now beginning to gain momentum.

In fact, the use of WebGL is limited only by the devices of users who are often not ready to process complex graphical information. Therefore, although the technology is not new, it will only become more in demand in the future.

Using WebGL on a project with a limited budget is risky, but we did not save on resources, realizing that this would be our business card in 3D websites.

WebGL (Web Graphics Library) is a software library for the JavaScript language that allows you to create 3D graphics that function in browsers. A powerful and productive thing with a rather steep entry threshold.