Landing Page – Agence KNR

KNR dans les airs pour Sandro

Antoine Roffler — Fri, 10 Mar 2023 23:55:09 +0000

La collection Fly Away raconte l’histoire d’un groupe d’amis réunis pour construire un objet volant, symbolique de leur désir de liberté. Ils évoluent dans un environnement hors du temps et loin des villes. Notre challenge était d’inviter un utilisateur par nature hyper-connecté à intégrer ce groupe d’évadés, et à participer à leur aventure.

La page s’ouvre sur une vidéo pleine largeur que le visiteur lance comme pour rejoindre le groupe, au rythme d’une bande-son festive. En plus d’inviter à l’immersion de l’utilisateur, cette introduction multimédia donne le ton de la collection et incite à explorer la page plus avant. Les autres séquences vidéo de la page, dépourvues de sonorisation, démarrent automatiquement et tournent en boucle. En minimisant les éléments d’interface et l’obligation d’interagir, l’immersion est encore plus forte pour l’utilisateur.

La page est conçue en responsive design. La vidéo d’introduction occupe précisément l’écran entier. Pour cela, nous détections les dimensions de l’affichage de l’utilisateur pour charger la séquence la mieux adaptée à son format : portrait ou paysage en fonction d’une consultation sur mobile ou desktop. Le texte d’introduction est situé juste sous la ligne de flottaison, immédiatement suivi par les des appels à l’action (CTA) qui dirigent vers les collections. Un slider vient clore cette partie de la page, où chaque image et chaque titre sont cliquables, et renvoient à une partie différente du catalogue.

Le travail sur la palette de couleurs est particulièrement important sur cette page. Nous avons choisi des teintes à la fois estivales et complémentaires avec les photos de Benjamin Armand. Les couleurs font ressortir et mettent en valeur le traitement seventies des clichés. On reste hors du temps, hors des repères, la cohérence du graphisme contribue à l’immersion du visiteur.

La landing page que nous avons conçue a généré 17 % de vues en plus que la page de la précédente collection, avec un taux de rebond en fort recul de 16 %. Les visiteurs sont restés en moyenne 31 secondes, ils ont déroulé plus du tiers de la page avec un scroll de 34 %.

La zone la plus attractive est, conformément à notre analyse, située juste après la vidéo d’introduction. En y insérant les éléments de CTA, nous obtenons 30 % de visiteurs qui ont atteint une page produit. Sur les 28 jours de la campagne, nous générons 74 000 vues. Cela représente 22 200 utilisateurs dirigés sur une page produit au moins.

Prenez le temps de parcourir notre page conçue pour immerger l’utilisateur dans l’esprit de la collection et le guider vers les liens commerciaux.

Notre équipe d’experts est à votre écoute, rencontrons nous et discutons ensemble de votre projet !

KNR crée une page spéciale pour les 5 ans du M bag de Maje

Antoine Roffler — Fri, 10 Mar 2023 23:41:18 +0000

Maje voulait une landing page conçue comme un point d’entrée vers les éléments de la série limitée anniversaire. Pour cette collaboration avec la maison parisienne, notre défi en tant qu’agence digitale était moins technique que purement marketing. Nous voulions réaliser une page intuitive et immersive, qui faciliterait la mémorisation pour augmenter le taux de retour des visiteurs.

Les images s’enchaînent et se répondent, équilibrant parfaitement la page. Leurs dimensions s’adaptent dynamiquement et avec fluidité à la taille de la fenêtre. Elles forment un ensemble équilibré où l’œil suit tour à tour chacun des produits présentés. L’harmonie de la page capte le regard et l’utilisateur s’installe dans un univers graphique accueillant, où les vidéos démarrent dès qu’elles sont affichées.

Chaque clic sur une image renvoie vers la page du produit. Sa fiche technique, ses options de couleurs et de nombreux visuels zoomables fournissent toutes les informations pour faciliter la mise en panier.

Dernier élément de la page, un carrousel permet au visiteur de faire défiler une sélection de quelques autres articles de la capsule. Un bouton “Découvrir” appelle à l’action, il affiche une page présentant l’intégralité de la gamme.

Indépendamment des développements techniques nécessaires, KNR privilégie les objectifs de ses clients en optimisant le taux de conversion des pages de vente.
Résultat : avec plus de 45.000 vues, notre page a généré à elle seule un chiffre d’affaires à 5 chiffres, avec 90 % des revenus réalisés dès la première semaine !

Nous avons conçu la landing page comme un catalogue, en privilégiant la clarté et l’exhaustivité, notre but étant de fournir une information complète au visiteur et de faciliter la décision d’achat. C’est ainsi que nous avons obtenu sur cette page un taux de rebond particulièrement faible à 4,32 %, quand la moyenne se situe entre 20 et 40% pour un site de commerce, selon Kissmetrics. Soit un taux de rebond 7,5 fois inférieur à la moyenne.

Parcourez notre landing-page en vidéo… Et n’hésitez pas à nous contacter pour parler de votre propre site.

Notre équipe d’experts est à votre écoute, rencontrons nous et discutons ensemble de votre projet !

IKKS met l’utilisateur au cœur de sa Leather Story avec KNR

Antoine Roffler — Fri, 10 Mar 2023 23:22:06 +0000

KNR suit à la lettre le manifeste de la marque et pousse l’utilisateur à prendre confiance en lui-même, en lui permettant d’arborer les codes identitaires de la collection. Notre agence réunit la Génération IKKS au moyen de modules ludiques, développés pour faire entrer le visiteur dans la tribu IKKS.

La page s’ouvre sur une vidéo plein écran. Quelle que soit la taille de l’affichage, y compris sur mobile, la séquence est automatiquement recadrée jusqu’à la ligne de flottaison de l’écran. La page est définie selon l’univers graphique de la campagne et le contenu des pop-ups s’adapte automatiquement à la langue du visiteur. Elle est totalement centrée sur le client, s’adaptant à la fois à sa langue et à son écran.

Le visiteur est entraîné dans une expérience interactive et immersive qui met la lumière sur lui autant que sur Lou Doillon, l’égérie de la campagne. KNR répond à la volonté de son client de donner au public la force de s’affirmer, en lui permettant de participer aux messages de la campagne. Avec Make your video, nous permettons à chacun de devenir acteur du clip publicitaire. Nous avons développé un module qui traite en direct la photo ou la vidéo uploadée par l’utilisateur pour l’adapter à l’univers graphique du message. Les plans s’insèrent ensuite dans le spot télé, qu’il ne reste plus qu’à télécharger ou échanger sur les réseaux sociaux.

IKKS réunit les esprits libres, et KNR leur permet de s’exprimer. Pour chaque photo (validée) taguée #jefaislacampagneIKKS sur Instagram, l’algorithme que nous avons intégré effectue un traitement des couleurs et utilise l’image comme un pixel du social wall.

Chacun devient un carreau de la mosaïque du visuel, et participe à la diffusion virale de la campagne Leather Story, tout en affirmant sa propre image. IKKS rêve de tribus engagées et responsables, qui ne cessent jamais d’être rock ! En les incitant au partage sur les réseaux, les utilisateurs se retrouvent et se reconnaissent autour de ce langage commun… Et deviennent prescripteurs pour la marque !

Les comptes Instagram des mannequins du shooting photo sont publiés dans une galerie interactive, pour rassembler les followers autour d’eux et augmenter la communauté. Chaque cliché met également en avant les modèles portés avec un lien vers la page produit.

En plus de soutenir le discours de la marque, la page présente dans des grids les pièces Leather Story iconiques, avec des liens vers le catalogue en ligne, accompagnées de séquences vidéo.

Triple challenge pour notre agence : nous voulions une landing page à la fois interactive, accessible, et fidèle à la charte graphique de la campagne. Nous voulions ouvrir à tous les publics le manifeste originel de IKKS, relancé en 2021.

Chaque rédactionnel est traité en texte véritable, quelle que soit son apparence, ce qui permet de le rendre lisible par les dispositifs d’assistance à la lecture d’écran. Bien sûr, nous aurions pu utiliser une simple image pour afficher un joli texte, mais chez KNR on n’aime pas triompher sans gloire !

Un haut niveau de fluidité est impératif pour une page aussi complexe que celle que nous avons intégrée. Nous avons voulu donner une cohérence à des messages diffusés sur plusieurs médiums. Avec autant de phases narratives que de membres d’une tribu, nous avons conçu une landing page qui illustre par elle-même le discours de la marque.

Les widgets sociaux, le texte enrichi des rédactionnels, les différentes vidéos, formulaires, galeries s’enchaînent au fil d’une page immense, qui compose à elle seule l’univers numérique où l’utilisateur est immergé.

Découvrez en vidéo la landing page de campagne Leather Story, invitant tous les utilisateurs à participer.

Notre équipe d’experts est à votre écoute, rencontrons nous et discutons ensemble de votre projet !

Avec KNR, Maje nous fait entrer dans ses cabines d’essayage

Antoine Roffler — Fri, 10 Mar 2023 23:11:36 +0000

Qu’elles y entrent seules ou avec une meilleure amie en mode personal shopper, les ambassadrices de Maje investissent l’espace intime d’une cabine d’essayage, jouent avec les tenues, combinent les matières et profitent même des miroirs pour une retouche-maquillage express.

Les photos sont agencées dans des grids en responsive design qui remplissent l’écran de bord à bord, sur smartphone, tablette ou laptop. Le but : occuper tout le champ de vision du visiteur, comme au cœur d’une véritable fitting-room. L’effet est renforcé par notre sélection de clichés en contre-plongée ou au cadrage serré, pour évoquer le faible recul visuel dans les cabines.

Et puis, nous avons recréé l’ambiance jusque dans la bande-son, en proposant d’écouter Heart of Glass, de Blondie.

A chaque gamme de la collection sa série d’images : nous avons joué sur la cohésion visuelle entre modèles de la même gamme pour renforcer l’immersion dans l’univers de la marque.

Parce que l’interactivité est fondamentale pour KNR, chaque photo est un lien vers la page de l’article, et chaque série d’images s’achève sur un carrousel extrait du catalogue suivi d’un bouton call to action.

Pour maintenir l’attention du visiteur, nous avons inséré des séquences vidéo dans des grids normalement conçues pour des photos. Résultat : les cadrages s’adaptent dynamiquement à chaque écran.

Une petite prouesse technique signée KNR qui repousse les limites de Salesforce Commerce Cloud.

La landing page de Maje traduit la campagne en storytelling visuel, s’adressant aussi à un public qui la découvrirait pour la première fois. L’utilisateur passe derrière les rideaux et assiste aux essayages jusqu’au choix final, avec des contenus fixes et vidéo. Une expérience immersive qui favorise la conversion et la mémorisation.

Notre équipe d’experts est à votre écoute, rencontrons nous et discutons ensemble de votre projet !

IKKS a sélectionné l’agence de marketing KNR pour le lancement de sa gamme de sac 1440

Antoine Roffler — Fri, 10 Mar 2023 22:01:03 +0000

Nous avons pensé une campagne immersive, avec un univers graphique prononcé et assumé. Une campagne interactive et ludique, où l’utilisateur n’est pas seulement spectateur mais est invité à participer et prendre parole. Notre concept est une expérience, où l’utilisateur perd ses repères en voyant son monde se métamorphoser devant lui.

Tout le site se met aux couleurs de la campagne, de la page d’accueil au menu passant par le header qui reprend les codes de la campagne. Des éléments disruptifs viennent s’ajouter sur tout le site IKKS durant la navigation. C’est une plongé sans retour dans l’univers 1440.

Durant toute la campagne, des landing pages immersives et responsives sont mises à disposition des utilisateurs pour découvrir l’univers du sac 1440. Chacune de ces pages aborde un sujet précis et suit l’évolution de la campagne. Toute la charte digitale de la campagne à été pensée pour casser les codes de la mode et imposer un nouveau style, celui du 1440.

La campagne IKKS n’a pas de frontière, et c’est aussi sur Instagram que le 1440 vient casser les codes. C’est tout l’univers graphique et les codes de la campagne qui viennent s’installer sur le profil Instagram IKKS et prennent possession des stories tout au long de la campagne. C’est à coup d’intrigues et de messages cachés que les followers découvrent leur futur sac, le 1440.

Toutes les pages de campagne ont été pensées pour que l’utilisateur soit en interaction avec elles. Que ce soient des codes secrets à trouver, des schémas pour déverrouiller du contenu ou des mini-jeux, il aura toujours une action à réaliser pour s’engager dans la campagne 1440. Il n’est pas seulement spectateur : il est invité à participer et à prendre la parole.

A mesure que la campagne évolue, certains contenus voient le jour dans un ordre bien précis. C’est aussi l’occasion de récompenser les utilisateurs les plus engagés pour la marque IKKS en leur offrant des avant-premières et du contenu exclusif. De plus, le site IKKS met en avant les influenceuses qui ont collaboré à la campagne en leur proposant une mise en avant sur le site via une landing page dédiée à leur personnalité.

La campagne IKKS 1440 s’est divisée en plusieurs phases, du lancement jusqu’au reveal du sac, mais aussi en continuant à alimenter la collection 1440 avec de nouvelles déclinaisons et variations. L’agence KNR a développé toutes les pages des nouvelles collections de la gamme 1440.

La campagne à été pensée en plusieurs étapes pour créer de l’engouement et du suspense autour de cet évènement. Du teasing jusqu’au reveal du sac, chaque phase est travaillée pour apporter un peu plus de contenu aux utilisateurs. C’est une expérience, où l’utilisateur perd ses repères en voyant son monde se métamorphoser devant lui.

Notre équipe d’experts est à votre écoute, rencontrons nous et discutons ensemble de votre projet !

Lancôme confie à l’agence KNR le développement de sa campagne Happiness

Antoine Roffler — Fri, 10 Mar 2023 18:10:59 +0000

Le souhait principal de Lancôme était d’avoir une page ultra immersive pour ses utilisateurs et utilisatrices. C’est dans ce sens que nous avons proposé une animation de pétales de roses qui accompagne le contenu de la page. Les utilisateurs sont donc plongés dans une expérience reflétant l’image de marque de Lancôme.

Chaque section est travaillée avec des animations uniques et immersives pour accompagner l’utilisateur dans sa découverte de la campagne.

Notre équipe d’experts est à votre écoute, rencontrons nous et discutons ensemble de votre projet !

Landing Page – Agence KNR

KNR dans les airs pour Sandro

Inviter l'utilisateur

Ambiance automatique

Une architecture conçue pour convertir

Immersion et rétention

30 % d'utilisateurs atteignent les pages produits

Toute l'atmosphère de la collection en une seule page

Un projet? Parlons en.

KNR crée une page spéciale pour les 5 ans du M bag de Maje

Au-delà du brief

Univers graphique

Ajouter au panier

Gamme complète

Les chiffres

Découvrez notre approche pour une page qui convertit

Un projet? Parlons en.

IKKS met l’utilisateur au cœur de sa Leather Story avec KNR

Avec une campagne digitale, KNR rassemble la communauté IKKS

Expérience mobile et immersion

Lumière sur le public

Un wall of fame pour créer de l’engagement et du contenu généré par les utilisateurs

Promouvoir les collections

Concilier interactivité, accessibilité, et signature graphique !

Quand le design supporte le discours

Une campagne sur mesure révélant la nouvelle gamme Leather Story de la marque IKKS

Un projet? Parlons en.

Avec KNR, Maje nous fait entrer dans ses cabines d’essayage

Ambiance feel-good

Au coeur des cabines d’essayage

Découvrir les gammes

Focus sur le contenu

Entrez avec KNR dans la cabine des filles de Maje

Un projet? Parlons en.

IKKS a sélectionné l’agence de marketing KNR pour le lancement de sa gamme de sac 1440

Une campagne immersive, ludique et évolutive

Une communication sur tout le site

Des points d'arrivée dédiés

Une campagne déclinée dans les réseaux

L'utilisateur au centre de toutes les interactions

Du contenu dédié, social et exclusif

Une campagne sur du long terme

Plus qu'une campagne, c'est une histoire que nous racontons.

Un projet? Parlons en.

Lancôme confie à l’agence KNR le développement de sa campagne Happiness

Une page ultra immersive grâce à l'utilisation de vidéo en motion design

Une expérience poussée dans les moindres détails

Plongez dans l'univers de la marque Lancôme.

Un projet? Parlons en.

Un projet?
Parlons en.

Un projet?
Parlons en.

Un projet?
Parlons en.

Un projet?
Parlons en.

Un projet?
Parlons en.

Un projet?
Parlons en.