NIKELAB X SACAI
SOMMAIRE ANALYSES
CONCEPT VISUEL
RECOMMANDATIONS STRAT ÉGIQUES
SOLUTION
Brief NikeLab Historique Secteur d’activité Business model Actualités & innovations Pestel Concurrents Cibles Fiche persona Stratégies mises en place Valeurs Stratégies globales Stratégies visuelles Stratégies rédactionnelles
CONCEPT REDACTIONNEL Précision des textes Quantité de textes Type de caractères des textes
Brief client Concept Produits shootés Nature morte Prêt-à-porter Recherche lieu Recherche photographe Recherche mannequin Rétro-planning Feuille de route Photos finales Page d’accueil Page NikeLab Page produits Fiche produit Newsletter Anglais Réseaux sociaux
BRIEF CLIENT: Notre client, Nike, a demandé de mettre en avant la partie NikeLab, et plus précisément la collection Nike Sacai, sur le site internet. Cette mise en avant se fera par la réorganisation des informations du site internet, par la production de photos éditos et fiches produits et par la création d’une newsletter, ainsi que d’une animation motion.
NIKELAB X SACAI: NikeLab est une partie à part entière de Nike qui propose des collections en collaboration avec divers créateurs, des collections innovantes créées par Nike, ou la personnalisation de baskets sur rendez-vous avec des designers. Dans notre cas, la collection mise en avant, est celle de Sacai, marque de prêt-à-porter japonaise créée et dirigée par Chitose Abe.
ANALYSES
NIKE AND CO.
HISTORIQUE
• 1972: Création de la marque par Knight et Bowerman. • 1973: La première chaussure «waffle» est commercialisée.
1972
• 1978: Apparition de la technologie «Air» (infiltration de gaz dans la semelle pour plus de confort. • 1981: Nike devient numéro 1 des ventes de chaussures de sport aux Etats-Unis. • 1982: Lancement de la «Air Force One», chaussures pour basketball. • 1984: Création de la «Air Jordan» • 1988: Apparition du slogan «just do it» (fais-le)
1978
• 1990: Nike devient le fournisseur officiel de plusieurs événements sportifs, dont le tour de France • 1997: Nike est accusé de faire fabriquer ses produits par des sous-traitants employant des enfants • 2003: Nike rachète Converse • 2006: la marque Nike Bauer est créée et fabrique du matériel de hockey sur glace • 2009: Nike dépose le brevet du laçage automatique
1985
• 2011: Nike est accusé de polluer l’eau en Chine • 2012: Nike lance un nouveau concept de publicité, avec le Nike Barber Shop
1995
SECTEUR D’ACTIVITE
A
ses débuts, la firme était un importateur de chaussures japonaises, maintenant elle conçoit, produit et commercialise des chaussures et des produits de sport (chaussures, vêtements, accessoires ...), dans le monde entier, aussi bien dans ses propres magasins que pour divers revendeurs (Go sport, Decathlon ...). Pour la production, Nike possède des usines aux Etats-Unis et dans le reste du monde, mais fait aussi appel à des sous-traitants étrangers. Afin d’augmenter
ses ventes, Nike rachète des marques pour être présent dans de nouveaux sports, comme Bauer, spécialiste de produits de hockey sur glace. Pour se démarquer de ses concurrents, Nike investit beaucoup dans l’innovation à l’image de la collection ACG (All Conditions Gear). Toujours pour être le plus présent possible, Nike compte beaucoup sur la publicité (toujours spectaculaire) et le sponsoring avec des sportifs très reconnus dans leur discipline.
BUSINESS MODEL
N
ike est une société internationale proposant du prêt-à-porter (baskets, joggings, sweats ...) et des accessoires (casquettes, montres, chaussettes ...), dans le domaine du sportswear, ainsi que des articles spécialisés pour le sport. La marque à la virgule propose des produits pour une multitude de sports, comme le football, running, le basketball, la course
à pied, le golf, et bien d’autres encore. Nike exporte ses produits partout dans le monde, et fait partie des leaders du marché. On retrouve ses produits dans des magasins physiques NIKE, chez des revendeurs de sport, chez des revendeurs spécialisés dans la mode. On retrouve aussi ses produits sur son site internet, tout comme sur les sites des revendeurs.
ACTUALITES
• Nouvelle collection NEYMAR JUNIOR X JORDAN • Sponsor des compétitions internationales à venir (Jeux Olympiques, Euro 2016, Copa America) • Sorties des maillots de football pour la saison 2016-2017 (Barcelone, PSG ...) • Sorties des maillots de foot des équipes nationales , pour les compétitions internationales (Euro 2016, Copa America, Jeux Olympiques) • Construction d’une chaine d’approvisionnement alimentée par 5 sources d’énergies renouvelables • Collaboration NikeLab pour cet été avec Olivier ROUSTEING • Partenariat entre Nike et HP en matière d’impression 3D • Nike rejoint la fondation Ellen MACARTHUR • Sortie de l’application Marathon Kids • Un fond d’investissement privé souhaite acheter 2 millions d’actions Nike
INNOVATIONS
P
ERSONNALISATION DES PRODUITS: Aussi bien en boutique que sur le site internet Nike propose de personnaliser des produits comme les baskets ou les sacs à dos. Il est même possible de rencontrer un Nike Designer pour un rendez-vous individuel. PERFECTIONNEMENT DES MATIÈRES: Nike essaie d’améliorer au maximum les produits afin qu’ils résistent à toutes les conditions météorologiques, en y intégrant des matières comme le Gore-Tex ou le Dry-Fit. COLLABORATIONS AVEC DES CRÉATEURS:
Régulièrement Nike fait appel à des créateurs de mode ou des marques, afin de proposer de nouvelles versions des produits phares, au sein du département Nikelab. La marque à la virgule a déjà collaboré avec par exemple Gyakusou, Chitose Abe ou encore Riccardo Tisci. LES APPLICATIONS NIKE: Nike propose différentes applications (Football, running, training et SB) afin de se perfectionner ou de s’améliorer dans différents sports. ÉVÉNEMENTS NIKE: Nike organise des sessions de running, où tous les membres de la communauté Nike se retrouvent pour courir ensemble.
PESTEL
FORCES
FAIBLESSES
MENACES
- Leader mondial des marques de sports - La société ne possède pas d’usines de `production, ce qui lui permet d’éviter la plupart des coûts fixes liés à la fabrication - Le business model ( aucune usine de production) de Nike lui permet de changer de zone géographique facilement (en cas de durcissement des régulations locales, par exemple) - Peut exercer une certaine pression sur les prix de ses fournisseurs - Très forte visibilité à l’échelle mondiale, notamment grâce à son marketing (sponsor des plus grands athlètes mondiaux) - Trésorerie solide (4.7 milliards de dollars en 2013) - Marge d’exploitation de 12.6% en 2012, estimée à 13.7% en 2015. - R&D efficace (illustré par l’innovation et l’évolution des produits)
- Très dépendant de son activité chaussures (57% du chiffre d’affaires) - Mauvaise image de marque liée à certains fournisseurs (scandale du travail des enfants mineurs, conditions pénibles,…)
- La contrefaçon peut ` impacter Nike de façon plus importante que les marques de luxe, car les prix peuvent être semblables à ceux des produits originaux - La répartition géographique des revenus de la société a un impact sur le chiffre d’affaires (le chiffre d’affaires du 4ème trimestre 2013 a augmenté de 7% à $6.7 milliards, 9 milliards sans les frais de change) - Concurrence accrue dans la conception de chaussures qui oblige Nike à investir et innover constamment - Le groupe pratiquant des prix élevés du fait de sa bonne image de marque, pourrait perdre des clients en faveur de ses concurrents, en cas de perte de confiance
OPPORTUNITÉS - Développement d’activités annexes (autres que les chaussures) afin de mieux répartir son chiffre d’affaires - Sponsoriser des évènements sportifs (Coupe du monde, Jeux Olympiques…) afin de renforcer son image de marque - Hausse du pouvoir d’achat dans les pays émergents
CONCURRENTS
CONCURRENTS DIRECTS Jeremy Scott
Y-3
FARM
Stella McCartney
Topshop
Opening ceremony
Bape x Undftd x Adidas
Rick Owens
CONCURRENTS DIRECTS Swash
Bape
Solange Knowles Icny
Alexander McQueen
Trapstar
Mihara Yasuhiro
Pink Dolphin
Alife
CONCURRENTS DIRECTS Snipes
Garbstore
Hanon
Melody Eshani
Rime Palace Skateboards
A Bathing Ape
Hal
Olka
CIBLES
H
omme ou femme entre 15 et 30 ans, pratiquant plus ou moins régulièrement du sport, recherchant des produits de qualité aussi bien pour un sport en particulier, que pour le sport en général.
H
omme ou femme entre 15 et 30 ans, cherchant des produits à la mode ou sneakers addicts, qu’il (ou elle) soit sportswear ou chic
FICHES PERSONA
Audrey
26 ans, vendeuse chez Yves Saint Laurent HABITE: en banlieue parisienne
EN COUPLE avec Adrien depuis deux ans, vit avec lui. Elle aime manger des fruits et légumes pour garder la ligne, mais elle ne se refuse pas un petit plat gras de temps en temps pour se faire plaisir. Anicenne étudiante en marketing, elle s’est spécialisée dans le e-marketing.
CARACTÈRE:
Acheteuse compulsive, elle ne résiste pas à la dernière paire de baskets repérée. Elle vit à 100 à l’heure, à quand les journées de 48h ? elle remet toujours à demain ce qui peut être fait aujourd’hui, joyeuse et positive, elle vit sans se poser de questions.
PASSE-TEMPS:
Elle adore voyager seule ou avec ses copines, pour découvir de nouveaux horizons. Quand elle ne boit pas de verres en terrasse, elle fait du shopping avec sa meilleure amie. Elle passe ses soirées aussi bien à danser toute la nuit qu’ à faire des soirées plateau-repas en regardant des comédies romantiques.
Marc
35 ans, cadre supérieur dans une société de communication HABITE: en région parisienne dans une belle et
grande maison, entouré de sa femme Isabel avec qui il est marié depuis 5 ans, et de ses deux enfants. En bon père de famille, il aime passer du temps du temps avec ses enfants et sa femme.
CARACTÈRE:
Zen et pragmatique grâce à son expérience de père de famille, il réfléchit toujours avant d’agir. De nature positive et d’humeur joyeuse, il sait profiter de chaque moment et vit sa vie à 100 à l’heure.
PASSE-TEMPS:
Accro au sport depuis tout petit, il en pratique de toutes sortes (course à pied, vélo, natation ...), pour se défouler et se ressourcer. Il s’entraine 4 fois par semaine depuis 6 mois pour le marathon de Paris.
RECOMMANDATIONS STRATÉGIQUES
VALEURS MISES EN AVANT
VALEURS DE NIKE MISES EN AVANT: • Fluidité • Rapidité
RECOMMANDATIONS GÉNÉRALES
• Struture en entonnoir (des infomations générales aux plus précises) • Lecture rapide des informations (visuels et textes) • Laisser le choix à l’internaute
RECOMMANDATIONS VISUELLES
• Visuels en full screen, pour profiter au maximum des images • Le cadre de la photo doit être visible sans avoir à scroller
RECOMMANDATIONS TEXTUELLES
• Afin de rendre la navigation fluide et rapide, les textes seront relativement courts • Les textes seront de plus en plus précis lors de l’avancée dans la navigation
CONCEPT REDACTIONNEL
INFORMATIONS DE PLUS EN PLUS PRÉCISES
Afin de respecter les valeurs de Nike (rapidité et fluidité), les informations textuelles sont de plus en plus précises lors de la navigation. En amont du site internet, les informations sont globales et en aval elles seront beaucoup plus ciblées en fonction des recherches du visiteurs.
QUANTITÉ DE TEXTE
le but est de minimiser la quantité de texte afin de rendre la navigation plus fluide et plus rapide, qui sont les valeurs mises en avant sur le site internet. À part pour les pages fiches produits et les pages d’explications des collections, les textes ne dépassent pas deux ou trois phrases.
CARACTÈRES DES TEXTES
• Titre du parragraphe en «gras» pour que l’information principale saute aux yeux. • Reste du texte en «regular».
CONCEPT VISUEL
CONCEPT PRÊT-À-PORTER
MOODBOARD
CROQUIS
CONCEPT NATURE MORTE
MOODBOARD
CROQUIS
PRODUITS SHOOTÉS
NATURE MORTE
PRÊT-À-PORTER
RECHERCHE PHOTOGRAPHES
NATURE MORTE
Kenyon
MANCHEGO Kenyon Manchego est un photographe designer. Après des études de graphisme à l’EPSAA à Paris, son parcours professionnel prend un tournant lors de son passage au journal Le Parisien en tant que photo reporter.Puis son séjour chez Desdoigts & Associés lui donne l’occasion de développer ses compétences pour la photo studio. Son expérience en tant que designer graphique lui permet d’avoir une vision plus moderne, autant dans la composition que dans les couleurs.Il se spécialise dans la photographie nature morte/still life de luxe dans un esprit de recherche et de pérpétuel renouveau au gré des tendances et des modes.
PRÊT-À-PORTER
Annie
LEIBOVITZ
Annie LEIBOVITZ est une photographe Américaine née en 1949. Son style est caractérisé par la mise en avant du glamour de ses modèles et leur ostensible esthétisation, mettant toujours en avant un détail lié à la vie propre du personnage ou à son actualité publique. Elle a travaillé pour des magazines prestigieux comme Vogue,Vanity Fair ou encore Rolling Stone. Elle a également officié pour la version 2016 du calendrier Pirelli. Elle fut aussi la photographe de campagne pour des marques Haute Couture ou prêt-à-porter comme Dior, prada, Dunhill, Bulgari ou Nike.
RECHERCHE MANNEQUINS
Céline S
TAILLE: 1M76 VÊTEMENT: 8 TOUR DE POITRINE: 32DD TOUR DE TAILLE: 25 TOUR DE HANCHES: 38 POINTURE: 36 CHEVEUX: Bruns YEUX: Vert
Karlie K
TAILLE: 1M85 VÊTEMENT 8-10 TOUR DE POITRINE: 85B TOUR DE TAILLE: 25 TOUR DE HANCHES: 37 POINTURE: 39 CHEVEUX: Chatain YEUX: Bleu
Yasmin O. (MANNEQUIN CHOISIE)
TAILLE: 1M73 VÊTEMENT: 8 TOUR DE POITRINE: 32 C TOUR DE TAILLE: 28 TOUR DE HANCHES: 36 POINTURE: 37,5 CHEVEUX: Bruns YEUX: Marron
HMUP
COIFFURE: Queue de cheval, cheveux tirés, noeud avec cheveux.
MAKE-UP: Vert fluo (rappel couleur chaussures et logo sweat), de chaque côté des yeux qui suit la forme du visage.
POSES ET ATTITUDES
POSE DU MANNEQUIN: course position sportive
EXPLICATIONS POSES ET ATTITUDES: Sportive aguerrie sur la ligne de départ en attendant le début de la course, concentrée en se disant que cela fait 6 mois qu’elle se prépare pour cette course et qu’elle doit performer.
ATTITUDE: regard au loin déterminé et concentré
DEVIS
RECHERCHE STUDIO
STUDIO PHOTO DE LA CERISAIE
ADRESSE: 26 Rue du Petit Musc, 75004 Paris Tel : 01 48 87 53 01 Mob : 06 37 30 03 39 Adresse mail: contact@studiodelacerisaie
ACCÉS: Metro Sully Morland (ligne 7) Metro Bastille (ligne 1, 5 et 8) Bus Birague (ligne 69 et 76) Bus Sully Morland (ligne 67)
CARACTÈRISTIQUE: Surface totale: 63m2 Surface plateau: 43m2 Hauteur plafond: 3m30 Recul maximum: 6m Cyclo: blanc ou fond papier colorama 2m72 Lumière naturelle: latérale droite occultable
MATERIEL INCLUS: 1 coffre-fort 1 système Foba 1 pied à colonne 1m90 1 pied à colonne 2m65 2 pieds à roulettes 2m70 1 pied à roulettes 2m35 2 pieds à roulettes 2m70 3 pieds base 2 pieds base mini
TARIFS:
Plateau nu: 1/2 journée 1 journée Heure supp. Nocturne Samedi
Plateau nu + lumière: 1/2 journée 1 journée Heure supp. Nocturne Samedi
150€ 250€ 50€ + 25% + 25%
150€ 250€ 50€ + 25% + 25%
RETRO-PLANNING ET FEUILLE DE ROUTE
AVRIL Réception brief Élaboration du moodboard
S1
S2
MAI S3
S4 27/04
S1
S2
JUIN S3
Shooting
S1
S2
S3
10/05
Recherche d’achat d’art Recherche mannequin Recherche coiffure Recherche maquillage Réception produits
S4
13/06 13/06 14/06 27/05 27/05 21/05 17/06
S4
FEUILLE DE ROUTE: DATE DU SHOOTING: 17 juin 2016
DIRECTEUR ARTISTIQUE: Romain SOUSTELLE
ADRESSE: 60 Quai de Jemmapes 75010, Paris
PHOTOGRAPHE: Dongpo LIU
METRO: République (ligne 5) DÉBUT HMUP: 10H30 DÉBUT SHOOTING: 11H30 FIN DU SHOOTING: 13H30
HMUP: Andréa SOREL MANNEQUIN: Megan CHABROUX STYLISME PHOTO: Romain SOUSTELLE PROFESSEUR PRÉSENT: Aurélie HERMITTE
PHOTOS FINALES
NATURE MORTE
PRÊT-À-PORTER
SOLUTIONS
PAGE D’ACCUEIL
PAGE D’ACCUEIL ORDINATEUR Le header reste inchangé Pour qu’il soit le plus compréhensible possible, le site internet, doit être construit en entonnoir, c’est-à-dire qu’en début de navigation les informations et contenus doivent être généraux et plus on avance dans la navigation, plus ils sont précis. Afin d’avoir une vue d’ensemble sur le contenu du site, j’ai choisi de mettre en premier les différentes marques et services proposés sur le site (Nikelab, qui doit être mis en avant dans le projet, Nike, Nike +, Jordan, Hurley et la personnalisation des produits.
Ensuite, j’ai choisi de mettre en avant les actualités de chaque marque et service vus précédemment, par le biais de sliders ou d’images full screen pour profiter pleinement, des images fortes créées par Nike.
Le footer reste aussi inchangé
PAGE D’ACCUEIL ORDINATEUR
Il y aura une seule et unique police d’écriture sur le site, afin de ne pas perturber le visiteur lors de la lecture. ‘‘Gill sans bold’’ pour les titres, et ‘‘Gill sans regular’’ pour le reste. Les textes de la page d’accueil seront concis et précis, pour que les visiteurs aient des informations globales sur le sujet, s’ils veulent plus de détails, ils cliqueront sur les liens. Les couleurs de textes se limiteront au noir et blanc en fonction du meilleur contraste fait avec le fond. Le background sera blanc et uni afin de ne pas géner les visiteurs, c’est aussi la couleur qui permet de mieux contraster toutes les autres couleurs. Les images représentant les marques et les services proposés par Nike, devront porter le logo, le nom de la marque ou du service, et faire comprendre au maximum par le contenu ce dont parle la partie. Un roll over sera mis en place, lorsque la souris passera sur une des photos , elle se floutera et le nom de la partie s’affichera. Pour Nikelab, Nike, Jordan et Hurley, un slider pour chacune des marques fera défiler des images liées aux dernières actualités. Le défilement se fera de manière automatique toutes les 7 secondes de gauche à droite, pour avoir le temps de lire le texte des images. Des flèches permettront de faire défiler manuellement les actualités. Les point en bas l’image permettront, aussi de faire défiler manuellement les actualités, mais aussi de savoir combien d’images sont contenues dans le slider et de savoir à quelle image en est le défilement. Chaque image du slider contiendra le nom du produit en gras avec deux call to action, un qui renverra directement vers la fiche produit pour l’acheter de suite, et un autre qui renverra vers la page contenant tous les mêmes produits, mais dans différents coloris. Le nombre d’images n’ excèdera pas trois pour chaque slider. Pour Nike + et la personnalisation des baskets, il y aura juste une image (pas de slider), car les actualités sont beaucoup moins récurrentes que dans les autres parties. Cela permettra de changer régulièrement les images tout en parlant de la même chose, en donnant la sensation de nouveauté. Comme pour les sliders, les images contiendront des call to action pour renvoyer vers la page Nike + ainsi que directement vers la page des applications, en ce qui concerne la personnalisation, un lien renverra vers la personnalisation de la basket présente dans l’image, et un autre vers une page contenant l’ensemble des chaussures personnalisables.
PAGE D’ACCUEIL TABLETTE
Les marques et services du site passent en deux colonnes et trois lignes, au lieu de 3 colonnes et 2 lignes comme dans la version de l’ordinateur.
Le positionnement des sliders ne change pas
PAGE D’ACCUEIL TABLETTE
Les images restent identiques, mais sur tablette, le roll over au passage de la souris ne peut se faire, donc le nom de la marque ou service sera inscrit sous son image.
Pour les sliders, les textes, les boutons call to action, les flèches et les petits ronds ont été zoomés pour une meilleure visibilité et lecture. La position des textes et bouton call to action a été ajustée pour ne pas empiéter sur l’élément principal de l’image.
PAGE D’ACCUEIL TELEPHONE
Les marques et services du site ont été mis les uns sous les autres, afin que les images prennent toute la largeur du téléphone pour une meilleure visibilité.
Le posisionnement des sliders n’a pas été modifié.
PAGE D’ACCUEIL TELEPHONE
Les images des marques et services du site ont été redimensionnés et zoomés pour qu’ils soient le plus visibles possible. Tout comme pour la tablette, sur le téléphone, le roll over n’est pas possible, donc le nom de chaque partie sera visible sous l’image, mais sa taille a été augmentée pour une meilleure lecture.
Les images des sliders ont été zoomées, pour qu’elles soient plus visibles. Le texte, les boutons call to action et les petits points ont été mis sous l’image, car avec l’augmentation de la taille textes et des boutons, on ne verrait pas l’image. Cette augmentation sert à rendre les textes plus lisibles, et à augmenter la zone cliquable des boutons. Les flèches ont été suprimées, car elles prendraient trop de place sur la photo.
MOCKUP
PAGE NIKELAB
PAGE NIKELAB ORDINATEUR Toujours dans l’idée du concept d’entonnoir, le but est de faire comprendre aux clients l’ensemble du contenu de NikeLab. Cette partie contient 3 concepts différents: les collaborations avec des créateurs ou des marques (Sacai, Olivier ROUSTEING ...), des collections créées par NikeLab contenant des innovations technologiques (ACG, Essentials), ainsi que la personnalisation de produits. Le squelette de la page ne changera pas, seulement son contenu (en 1er, les collaborations, puis les collections de Nike et pour finir la personnalisation des produits), afin de toujours faire comprendre aux visiteurs que la page NikeLab contient ces trois concepts.
Les collaborations NikeLab
Les collections créées par Nike
La personnalisation des produits
PAGE NIKELAB ORDINATEUR Header
Chaque collaboration est constituée d’une image full screen (pour garder la cohérence graphique de la page d’accueil), d’un titre, d’une phrase courte récapitulant le concept de la collaboration, pour que le visiteur ait rapidement l’information sur le contenu (s’il veut en savoir plus, il cliquera sur «découvrir l’innovation»), et pour finir il a le choix entre découvrir les produits de la collection ou d’en savoir plus sur son concept. Le but étant de créer un chemin vers l’information que recherche le visiteur, tout en lui donnant le choix d’une direction.
Les collections créées par Nike sont regroupées par 2 et fonctionnent sous forme de slider où il est possible d’afficher les 2 collections suivantes. Chacune est composée d’une image, et du nom de la collection.
La partie personnalisation des produits est composée d’une image, ainsi que d’un texte court résumant brièvement le concept de la partie. Toujours dans un souci de laisser le choix aux visiteurs, ils pourront consulter les collections plus anciennes en cliquant sur «voir toutes les histoires».
Footer
PAGE NIKELAB TABLETTE
Header
Le fait d’utiliser des images full screen permet de garder la même ossature pour la version tablette.
Les collaborations NikeLab
Les collections créées par Nike
La personnalisation des produits
Footer
PAGE NIKELAB TABLETTE
Pour la version tablette, la composition reste identique, seule la taille des caractères a été augmentée pour pallier à la réduction de la dimension de l’écran par rapport à un ordinateur. Le header ainsi que le footer ont été réadaptés.
PAGE NIKELAB TELEPHONE
Header
L’ossature ne change toujours pas pour la version téléphone.
Les collaborations NikeLab
Les collections créées par Nike
La personnalisation des produits
Footer
PAGE NIKELAB TELEPHONE
Tout comme pour la tablette, le téléphone a un écran plus petit que celui d’un ordinateur, donc la taille des caractères a été augmentée.
Pour ne pas avoir des images trop petites, les deux collections concues par Nike ont été placées l’une en dessous de l’autre. Le système de slider fonctionne toujours pour voir les deux autres collections.
Le format des adresses des boutiques NikeLab a été modifié pour être agrandi.
MOCKUP
PAGE PRODUITS
PAGE PRODUITS ORDINATEUR
PAGE PRODUITS ORDINATEUR Les informations sur les produits restent concises et précises pour ne pas encombrer le contenu de la page, si le visiteur veut plus d’information sur le produit, il cliquera sur le produit en question. Le filtre reste apparent même lorque l’on scrolle, afin de pouvoir le modifer sans avoir à remonter en haut de la page.
Lorsque que la souris passe sur une photo, elle change pour montrer le produit vu de dos pour les vêtements et vu de face pour les chaussures. Ce qui permet d’avoir davantage d’information sur le produit sans avoir à accéder à la fiche produit.
PAGE PRODUITS TABLETTE
PAGE PRODUITS TABLETTE
Au niveau du flitre, la taille de caractères et les zones cliquables ont été agrandies pour un meilleur confort de lecture et pour cliquer plus facilement.
Sur la version tablette, le changement d’image au passage de la souris n’est plus possible. La taille de caractères a été augmentée, toujours dans un souci de confort de lecture.
PAGE PRODUIT TELEPHONE
L’ossature de la page, pour la version téléphone change, le filtre passe juste en dessous du header
La liste des produits prend toute la largeur de l’écran
PAGE PRODUIT TELEPHONE
Le filtre devient un menu déroulant qui apparait lorsque l’on clique dessus.
Pour un meilleur confort visuel, les images sont agrandies et passent en ligne de deux au lieu de quatre. La taille de caractères est aussi agrandie par rapport à la tablette
MOCKUP
FICHE PRODUIT
FICHE PRODUIT ORDINATEUR
Photos et description à la même hauteur pour ne pas avoir à scroller et pour avoir les informations du produit.
Afin de proposer un produit de substitution, si celui visonné ne correspond pas à la demande du visiteur, le cross selling figure en dessous de la description du produit.
Afin de proposer un achat complémentaire, une autre série de produits est proposée qui pourrait venir compléter le look.
À travers un site internet, on ne peut toucher ou essayer le produit, donc pour apporter plus d’informations, le visiteur peut lire les commentaires laissés par les acheteurs et en écrire un lui même.
FICHE PRODUIT ORDINATEUR
Si l’on clique sur l’une des petites photos, elle apparait en grand, ce qui permet de mieux voir les différentes parties du produit. Si l’on clique sur la grande photo, on peut la voir encore plus zoomée à l’endroit de la description. Au sein de la description du produit, on retrouve, sa description, ses avantages ainsi que ses caractéristiques. On peut voir si le produit est disponible dans la taille souhaitée et choisir la quantité de produit. Le visiteur a à sa disposition des informations complémentaires comme les frais de livraison, et ce que fait Nike en terme d’écologie.
Pour garder une cohérence graphique, le cross selling et les produits complémentaires sont agencés de la même manière que dans la page produit.
Afin de ne pas avoir une page trop longue ou trop fournie, les visiteurs peuvent cliquer sur «lire les avis» pour accéder aux commentaires des acheteurs.
FICHE PRODUIT TABLETTE
L’ossature de la version tablette sera la même que celle la version ordinateur.
FICHE PRODUIT TABLETTE
Dans un souci de confort visuel et de lecture, pour la version tablette, l’ensemble des éléments qui composent la page a été agrandi (visuels, textes et formes).
FICHE PRODUIT TELEPHONE Pour la version téléphone, les éléments ont été mis les uns en dessous des autres afin de pallier à un écran beaucoup plus réduit.
Photos
Description du produit
Bouton cliquable
Cross selling
Avis et commentaires
FICHE PRODUIT TELEPHONE
Les images sont en full screen et peuvent défiler à la manière d’un slider manuel.
Les textes ont été agrandis pour une meilleure lecture.
Les boutons cliquables ont été centrés et la zone cliquable agrandie pour faciliter leur usage.
Le cross selling garde la même charte graphique que la page produit avec des lignes de deux, défilable à la manière d’un slider manuel, comme pour les photos.
Les boutons pour laisser un commentaire, ont été agrandis pour une meilleure visibilité, tout comme le texte «lire les avis».
FICHE PRODUIT SWEAT
FICHE PRODUIT BASKET
MOCKUP
NEWSLETTER
NEWSLETTER ORDINATEUR
Afin de garder une cohérence graphique avec le site internet, les trois informations de la newsletter sont disposées les unes en dessous des autres, et contiennent une image full screen, un titre, un texte court récapitulant l’information et des boutons cliquables qui renvoient soit vers une liste de produits, soit vers un produit en particulier
NEWSLETTER ORDINATEUR
La première information, donc la plus importante, est la mise en avant de la collection NikeLab X Sacai.
La seconde information est une actualité de Nike avec la mise en vente des maillots de football pour les pays participant à l’Euro 2016.
La troisième information est l’actualité d’un produit Nike avec une communication sur sa sortie.
NEWSLETTER TABLETTE
L’ossature de la newsletter reste la même pour la version tablette
NEWSLETTER TABLETTE
La composition reste identique pour la version tablette, seule la taille des caractères et des boutons a augmenté, puis leurs emplacements ajustés en fonction de l’image de fond.
NEWSLETTER TELEPHONE
Pour la version téléphone, les textes et boutons cliquables ont été placés sous les images.
NEWSLETTER TELEPHONE
Pour ne pas obstruer l’image, les textes et les boutons cliquables, dont la taille a été augmentée et ajustée à la version téléphone, ont été placés en dessous.
MOCKUP
ANGLAIS
PAGE D’ACCUEIL
FICHES PRODUIT
NEWSLETTER
RÉSEAUX SOCIAUX