Nos réalisation

Kaskad Mixers

Création du site vitrine de la marque Kaskad

Kaskad Mixers
Date
Avril 2022
En bref
Image de marqueCharte webAnimation CSSWordPress
Visiter le site
Description

Cette marque du groupe Ogeu, bien connu du Sud-Ouest, s'appuie sur son savoir-faire historique de limonadier pour développer "L’allié des cocktails maison" ! Un exercice réussi qui permet à quiconque d'imaginer des cocktails avec ou sans alcool.

Nous avons travaillé un design évolué mettant en scène des ingrédients autour des tonics de la marque Kaskad.

Les besoins

Notre travail a été de concevoir une image de marque forte. Il fallait créer un site Internet qui donne envie de se rafraichir autour de cocktails maison.

Une première étape a consisté à réaliser des recherches autour des tendances web actuelles. La valorisation des différents produits de la gamme était un enjeu important pour la marque.

Charte graphique
Mise en scène

À partir de la charte graphique établie sur les étiquettes des bouteilles et de nos recherches, nous avons décliné une charte web.

Passer du format papier à un format web n’est pas une chose aisée. Pour réaliser cette opération, la charte a été dynamisée permettant ainsi de mettre en scène les produits. La finalité, c’est de donner envie de faire des cocktails maisons !

Motion design
Animations CSS/JS

Un énorme travail d’animations CSS et JS (Motion design) autour des produits à permis de mettre en scène les visuels. Grâce à un jeu d’animations entre mélange d’éléments graphiques flottants et des jeux de couleurs, le rendu visuel est attrayant et donne envie de parcourir le site.

Un pari réussi puisqu’on constate une durée d’engagement nettement plus élevée comparativement à d’autres sites plus classique.

Responsive
Responsive design

Chez Newwwave, tous nos sites sont entièrement responsive. La complexité de ce site était d’adapter des éléments flottant en mouvement sur ordinateur vers le mobile, en sachant que sur mobile, la plupart des navigateurs bloquent certains types d’animations ou ne les supportent pas. Il fallait donc retranscrire cette mise en scène sur mobile et adapter tous les éléments graphiques.

Afin de montrer le potentiel des produits Kaskad, nous avons mis en place une rubrique de recettes sur le site Internet. Rien de tel pour créer des cocktails maisons !

En back-office, nous avons fait en sorte qu’il soit possible d’associer facilement les produits avec les recettes. Il est aussi très aisé de renseigner les ingrédients nécessaires pour créer le cocktail.