L'Agence WordPress
qsld-home

QSLD

Flacons de luxe

FullScren & Mur d’Images Infini

QSLD, c’est une agence de design pour les marques premium. Spécialisé dans le design industriel, le but de l’agence est de concevoir des flacons de luxe pour les parfums et bouteilles d’alcool de luxe.
Son site internet créé en 2005 ne reflétait plus le caractère luxueux de la marque, ne lui permettant pas de présenter convenablement ses réalisations.
Pour l’aider à maintenir son site simplement, une plateforme WordPress a été retenue. Quand à l’affichage des produits, deux technologies ont été retenues. Le full Screen sur la page d’accueil, et un mur d’images infini, permettant au visiteur de se balader à l’intérieur à l’aide de sa souris.

Le Plus Responsive: Menu Off Canvas

qsld-menu-offcanvasOffrir une expérience utilisateur sans faille à partir d’un smartphone ou d’une tablette est très important pour QSLD.

Faisait souvent la connaissance de nouveaux prospects directement sur les salons, il leur fallait pouvoir utiliser le site en toute circonstance, comme une carte de visite interactive.

Effets FullScreen et mur d’images ont été adaptés comme l’ensemble du site afin de permettre un affichage sans défaut sur tablette et smartphone.

Pour compléter le tout, et offrir une navigation simple, un menu de type Off Canvas a été mis en place sur la version responsive smartphone.

Peu répandu à ce moment là, cette solution permet de surfer aisément d’une catégorie à l’autre à partir d’un smartphone, et d’offrir à QSLD une interface conviviale pour la présentation de leurs produits à de nouveaux clients.

Les + de QSLD

qsld

Mur d’images infinite scroll : Dans le but de présenter l’ensemble de ses création d’une manière ludique, Inside da WeB a mis au point un mur d’images en mode
infinite scroll. Que vous vous déplaciez sur la gauche, la droite, le haut ou le bas, le mur d’images se recharge dynamiquement pour offrir une vue complété des réalisations.
Au survol d’une image, on voit apparaître le logo du client. Au clic d’une image, on arrive sur la fiche produit qui détail la réalisation faite par QSLD, ainsi que les autres produits liés à la même catégorie de réalisation.

Couleurs et police paramétrable : le back office du site permet à l’administrateur de changer l’ensemble des couleurs du site, que cela soit les couleurs des menus, de fonds de page, ou des polices de caractères, ainsi que choisir dans une base de plusieurs centaines de polices de caractères.
L’ensemble de ces éléments sont paramétrables au travers d’une interface unique qui permet de voir chaque modification en temps réel.

Responsive : L’ensemble des éléments du site sont responsives, des pages, au mur d’image, en passant par les images pleines pages. Pour faciliter la navigation entre les différentes catégories à partir d’un smartphone, un menu de type off-canvas a été mis en place.

Pré-chargement : QSLD bénéficie de deux pages d’accueil. Une que l’on peut considérer comme une préhome, accessible uniquement lors du premier accès, et
une page d’accueil construite en mode full screen.
Dans le but d’offrir une expérience utilisateur maximale, la pré-home est utilisée pour charger les images qui serviront à la construction de la page full screen de la page d’accueil.
Le bouton Entrer n’étant visible qu’à partir du moment où l’ensemble des images ont été chargées par le système.

Portfolio Details

CLIENT : QSLD

TAGS : Responsive