投票人页面d 'accueil sert à la fois à présenter Votre marque, et à guider de façon structurée les clients (nouveaux et existants) qui souhaitent explorer投票人activité电子商务。
查克détail做服务à créer好得很première印象，鼓舞人心的行动définie- - - - - -等，投票人的目标和意见页générer des ventes，鼓励者的铭文à投票人通讯。
Même s 'il存在的不可磨灭的façons de concevoir une page d 'accueil，确定détails重要的sont à花园à l 'esprit au moment de créer la vôtre - que vous soyez en train de contrire votre première精品en ligne, ou de revisiter cet aspect关键de votre站点。
问题à vous poser au moment de créer votre page d 'accueil
Il est impératif que la page d 'accueil d 'un site电子商务soit personnalisée en function de l 'activité， et de la niche。
Si vous doutez encore quant à vos choix en matière de conception, voici ceres question qui pourraient guider vos décisions:
- 你能告诉我你是来客吗?(p.ex。阿切特联合国产品，s 'abonner à选民通讯等)
- À quel point est-il facile pour le访问者d 'accomplir cedette行动?
- Par combien d ' étapes le visiteur doit-il passer?
- 奎尔斯信息doivent être renseignées à chque étape ?
- Y a-t-il des étapes qui peuvent être éliminées ?
我们的访客都知道我们有多爱你，有多爱你。这是我的菜，这是我的菜。你的构想，你的梦想，你的梦想，你的梦想，你的梦想décisions你的梦想，你的梦想。
有个好页面有个访客有个服务à有个服务précis，有个服务有个服务à有个服务。
你的目标是什么?
En général, les viseurs von ont passer 10 à 20秒sur votre page d 'accueil。En matière页面上的提示，提示étapes导航导航être满足要求和直觉的提示，提示访问者décisions sans hésiter - décisions请求提示和提示activité。
Ajoutez à cette紧急le phénomène«d '绝育décision»;圣母的命运，人类的命运，à éviter de prenre une décision si cellle -ci demand trop de réflexion。
倾其所能，倾其所能，倾其所能，倾其所能décision悔过者à放弃者页面，倾其所能à，倾其所能，回航者页面。倒prévenir ce回访情况，你的权利排序的目标，主要的投票页面，说服的前景，再加上长期可能的投票网站电子商务。
Pour réussir ce pari, vous devez comprenre le rôle de l ' space digital le + précieux de votre boutique enligne。
1.“鼓励创新行动”
Lorsque les graphistes mentionnent la zone au-dessus du pli, ils字体典故à ce que les visitor aperçoivent, sans faire défiler la page vers le bas。
在自由之家的时刻façon与自由之家联系的éléments投票人的页面，关注的问题:关于自由之家的行动关于自由之家的信息première关于自由之家priorité，关于自由之家façon与自由之家联系的décision。
Considérons l ' exemplple de la boutique miieux Que Des Fleurs, où les ballons gonflables sous formme de ceure constituent la catégorie phare de products。最重要的目标，客户，客户，产品，产品，品牌，形象，品牌façon天堂，天堂，天堂，天堂，天堂，天堂。赛特图像理解par ailleurs un appel à l 'action intitulé«Tous nos ballons»，également censé rapprocher les visiteurs de l 'achat。
在那一页上，在那一页上，在那一页上，在那一页上，在那一页上décisions:
- clique sur l 'appel à l 'action pour découvrir les balloon en vente;Et réaliser UN achat。
- Ou faire défiler vers le bas pour découvrir加上d '信息- offres, meilleures ventes，文章de博客，boites惊喜等。
Pour ce qui est du contenu au dessus du pli, la plupart des sites电子商务组合en général un titre d 'entête accrocheur, un sous-titre说服，et des visuels attrayants Pour retenir les访问者加上longtemps et les laisser se familiiser avec la marque。
Mais il existelplusieurs aures façons de capture l 'intérêt d 'un client dès le départ -举例，en mettant en avant une bannière promotionnelle (au dessus de la barre de navigation) censée promouvoir une offre spéciale, ou une livraison gratuite。
Besoin de visuels pour votre entête ?
Burst est une banque d 'images gratuites créée par Shopify, qui comde photos soigneusement sélectionnées, prises pour la plupart par des entrepreneurs et des créateurs de contenu。Explorez加de 1000图像de产品等生活风格，optimisées倒l 'entête de votre精品en ligne。
Explorez Burst dès维护人员。2.Une导航直观
倒être直观，la导航sur une页面web doit être最小化。这句话的意思是:“这句话的意思是:“这句话的意思是:“这句话的意思是:“这句话的意思是:在网上买一个概念rapidité在网上买一个概念rapidité在网上买一个概念rapidité。
Le menu de navigation doit être simplifié dans la mesure du possible。我们的导航优先intéressent我们的访客优先。Andy Crestodina，导演stratégie à轨道媒体工作室，推荐de ne pas dépasser7个小角Sur la page d 'accueil。
人类的理性利用，mémorisation碎片化的功能;Notre cerveau stocke les information dans des unités mentales plus petites, ou«silos»。
Moins de silos il y a，加上la mémorisation se simplifie。Dans une出版物très acclamée publiée en 1956年，le教授de心理学乔治米勒到达à la结论que la mémoire à法院规定的唯一保留条件un最高7 éléments à la fois。
Les menus important un nombre élevé d 'onglets de navigation peuvent fatiguer mentalement Les visitor, et Les conconen Les poussant même parfois à quitter le site ou à suivre unchemin de navigation qui n ' pas相关。Une bonne pratique à suivre en matière d 'expérience utilisateur consister à classer vos onglets dans votre menu par order d ' important, de gauche à droite - en commençant par les pages les plus importantes à gauche。
Si vous proposez un nombre élevé de类别等产品，mettez独特的价值les choix les加上attrayants的导航de la page d 'accueil，等利用联合国菜单déroulantOu UN«megamenu»pour créer unesous-navigation．
La sous-navigation est un excellent moyen d 'organiser vos products et vos pages pour permettre une exploration plus intuitive, et éviter de confondre les visiteurs en proposant trop d 'options, trop tôt。
Sur la page d ' accueil du site Frichti，例如，在remarque qu ' à travers des menus déroulants particulièrement clairs, un équilibre est instauré entre une navigation minimaliste et un large choix de platats alimentaires。
Sachez par ailleurs que même si vous optez pour un site web particulièrement optimisé pour le mobile, comme le site电子商务BoutiqueGaby, avec un menu hamburger qui s affiche par défaut même sur ordinateur et pas unique ement sur服装移动，les mégamenus et les menus déroulants, ici aussi, pourront simplifier la navigation。
某些网站友好également丹斯'entête导航les留置权les页面À Propos，联系方式，FAQ, ou d ' auteres页面-汽车单元-ci soutiennent les objectifs principaux de la marque。
Cela dit, si vous constatez que les访问者qui relreles pages affichun très failed taux de conversion par rapport aux objectifs définis, il serait préférable de transférer les liens conens vers le pied de page de votre boutique en ligne pour éviter de distraire ces prospects。
3.Des visuels accrocheurs
Le phénomène d 'annulation de la décision n 'affecte pas seulement la navigation, mais également tous les aures éléments sur votre page d 'accueil。C 'est en gardant à l ' prit que l 'attention de internautes est limitée que vous parviendrez à faire ressortir les points les plus important au moment de conevoir votre page。
Que votre objectif soit de faire la promotion d 'un producit ou d 'une collection, ou de recueillir des addresse -mail, vos visuels doivent avant tout servir à diriger l 'attention de l 'utilisateur immédiatement après son atterrissage sur votre site电子商务。
语音确定façons d 'intégrer des éléments视觉丹斯la section au-dessus du pli de votre page d 'accueil:
图片avec文本superposé
Crédit图片:Atelier Unes。
Les visuels de cette catégorie associent en général une image imposante, un message clair et concis, et un appel à l 'action。Ils便利particulièrement代购电子商务搜海捞土，价值连城'actualité代购，收藏连城à威尼斯，促销连城limitée临时连城。
Diaporamas
Crédit图片:进化滑板
Vous pourriez choisir d 'inclure un diaporama où chaque diapositive met en avant une promotion particulière, une catégorie de products, ou une photo de producit de qualité professionnelle。
Les e-commerçants大提议sélection de products de différentes catégories souvent pour cette approche lorsqu 'ils souhaitent présenter des collection ou des pages à forte valeur aux visitor。
精致的外表à对我们国家的影响priorité -对我们国家的影响à加上至高无上的价值。这是préférable你的限制à最大限度的三件事，在那里的游客généralement在这一自由的时间内通过者à l ' étape suivante。
请注意: pour obtenir des photos professionnelles, plusieurs options s 'offrent à vous。Vous pouvez:
- 与权利有关的图像和自由à特拉弗斯sélecteur d ' images de l ' éditeur de thème de votre boutique en ligne Shopify．
- 探险家其他Banques d 'images gratuites．
- 你很熟悉我摄影产品．
- 你很熟悉我生活风格摄影．
- Engager un自由法语qui maitrise le拍摄照片à travers une plateforme comme每小时的人，ou Upwork。
视频
Crédit image: MoovWay
某些商标à gagner en présentant历史回溯的视觉页面。倾倒某些产品，surtout ceeux quissont innovants ou sophistiqués, il est parfois nécessaire d 'expliquer le mode d 'utilisation Pour parvenir à capter l 'intérêt des visitor。
Parfois, les internautes ne sauont même pas que votre product存在，ou qu 'ils en ont besoin。Une vidéo publiée sur la page d 'accueil pourait ainsi servir à créer de l 'engouement en présentant Une démonstration du producit Une première étape naturelle dans le process sus de conversion。
Puisque les vidéos créent un impact très fort de façon immédiate, vous devez vous保险商d'avoir une séquence vidéo de qualité专业人员和冻糕对齐avec votre marque。
Vous avez tout intérêt à engager un photography qui maitrise la vidéo afin de créer un clip de présentation professionnel pour votre marque ou votre producit, ou Vous familiariser avec le processus en学徒àCréer vos propres vidéos professionnelles一下自己。
4.Un appel à l 'action直接
Considérez请求à行动行动在自动路线旁行动être concis，艰难的à忽略者，和其他方向的指挥者在一起à生存。
上诉à行动(及là où留置权)被剥夺权利的追讨者在你的权利的客体的原则的访问者fixés倒选民页。À举例，商品的贸易方式以留置权代替新产品，以申诉方式à鼓励顾客的行动à考虑方式vidéo说明方式以安全方式提供保障à每日déterminée。
Puisque l 'utilisateur doit immédiatement savoir où cliquer, votre appel à l 'action doit claim se distinguer de l ' space environnant。再加上“我爱你”à行动，再加上“我爱你”，“我爱你”。
La page d 'accueil de La boutique feed, affichée + haut, fait brillamment avancer le visit dans l 'entonnoir de conversion。Des visuels accrocheurs captent immédiatement l 'attention du visitor。Puis c 'est le gros titre qui donne le ton en affichant la命题de valeur de la marqueUN repas complete et pratique dÈs 2,40欧元»。最后，unsous -titre persuasion，«100% des apports recommandés, aucune care»，débouche de façon élégante sur l 'appel à l 'action«Acheter»。Tous ces éléments sont superposés à gauche de la page, avec une taille de caractères qui se réduit进步和自然倾注une lisibilité optimale qui鼓励le clic sur le bouton acheter。
À测量仪défile巴黎巴黎，在aperçoit巴黎巴黎，在巴黎巴黎éléments巴黎巴黎à巴黎巴黎complètent。
5.Un panier d 'achat便利'accès
电子商务网站的投资，网页要素的组合。
Pour garantir une navigation intuitive à vos clients, vous devez vous assureque leur panier d 'achat est facility accessible， à tout moment。没有固定的墙(disponible dans certain thèmes Shopify) est UN panier qureste visible et accessible tout au long de l 'expérience de navigation, généralement dans le coin supérieur droit de la page。
Pour optimiser davantage l 'expérience, vous pouriez aussi afficher en temps réel le nombre d 'articles que le client possède dans son panier。在可见的地方，在可见的地方，在显眼的地方，在显眼的地方ajoutés，在显眼的地方，在显眼的地方finalisée，在显眼的地方à，在显眼的地方à，在显眼的地方。
在简历:蒙特勒兹claiements aux clients les articles qu 'ils ont ajoutés à leur panier et la façon d 'y accéder。
La page d 'accueil de La boutique Pragya affiche une notification rouge i indique le nombre d 'articles丹丹游客之家。Le panier, très便利'accès et visible tout au long de l 'expérience d 'achat, permet aux prospects de continuer à réaliser leur shopping ou de passer à la caisse en toute simplicité。
6.Une barre de recherche (lorsque le nombre de producits est élevé)
奇异的导航极简的et un panier d 'achat constamement可见，某些网站电子商务fournissent également une barre de recherche aux visiteurs savent精确的ce qu 'ils华丽的acheter - surtout si le nombre de products listés最重要，ou s 'il y a beauquoup de contentu à探索者。
例如，Frichti建议une grande sélection de plats alimentaires différents。倾倒辅助客户à trouver ce qu 'ils recherchent, Frichti fournit une barre de recherche intelligence qui afficdes建议，平板和产品临时réel， à测量访客磁带sa requête。Cette fonctionnalité crée un chemin直接在巴黎巴黎巴黎巴黎巴黎巴黎巴黎巴黎巴黎巴黎巴黎巴黎巴黎巴黎巴黎巴黎巴黎。
En général, les visiteururs qui réalisent une recherche sont + esstibles de passer une command。Si votre精品店en ligne提议une grande sélection产品，une barre de recherche intelligence et viviale offrira une alternative de choix aux menu de navigation saturés qui risquent de faire fuir les prospects。
Pour ajouter une barre de recherche intelligente à votre boutique Shopify, vous pouvez tester智能搜索和即时搜索欧即时搜索+(et faire appel à联合国自由法语自由职业者求教à traduire l’interface en français)。
«En dessous du pli»:aures éléments de page d 'accueil à considérer
Les éléments que vous affiches en essous du pli - sont pas nécessairement moins important - ils renforcent et développent Les information que vous avez déjà présentées, fournissent des chemins vers le même转换目标，以及可访问的页面和客户。
声音在庭上的列表éléments你所拥有的一切包括你所拥有的概念，你所拥有的页面，你所拥有的功能，你所拥有的重要性à你所拥有的客体。
1.博客文章外编，vidéos, et aures éléments de contenu
博客文章等内容vidéo peuvent être très bénéfiques pour le référencement。Mais placés au-dessus du pli, ils risquent de distraire les clients et de détourner leur attention de vos products。C 'est votre contu qui doit généralement管道的访问者对vos产品，等非l '逆。
想象的地方有留置权和投票权，même有留置权和投票权，有特别的内容有重要的投票权activité -有自由的访问者有选择的投票权和投票权。
我有绝对的权利à我有权利，我有权利连接你的导航菜单supérieur。Mais en général, il est préférable de le faire sur les réseaux sociaux, par e-mail, et à travers d 'autres platformes, afin que le contenu partagé puisse générer du tric vers votre propre site web。
La boutique Kumiko抹茶，qui vend du thé抹茶bio cultivé au Japon, affiche une vidéo du fondateur sur La page d 'accueil，En dessous du pli， où ce dernier présente sa marque et les valeurs de son enterprise。
2.Preuve sociale: témoignages客户，推荐，提到médias，提到presse
La preuve social est une une validation de votre marque, qui vous permet d 'exploiter La conve vous conve accorde déjà vos clients actuels et sure experts pour gagner La conve des nouveaux访问者。Parmi les éléments de preuve sociale, on compte, entre autres, les mentions médias et press, les évaluations de producits, les publications sociales acclamées ou celles d 'utilisateurs satisits, les galeries Instagram, et les recommended d 'influenceurs ou d 'experts。
Si vous diszz d ' éléments de preuve sociale说服，votre page d ' accueil pourrait être un excellent endroit où les afficher。
例如，la boutique de pyjamas en cotton bio pour bébés, Comète Paris, affiche des témoignages de clientes satisfaites sur la page d 'accueil pour démontrer la qualité de ses products aux nouveaux viseururs。
D’autres boutiques en ligne, comme Mieux Que Des Fleurs, préfèrent afficher Des médias pour renforcer l’aura de leurs产品。
3.产品二级等complémentaires
Les products d ' ancient collections et Les products complémentaires ou Les accessoires, par sample des bracelet de monres, devraient en général être transférés vers le bas de votre page d 'accueil。Après tout, vous devez tout faire pour diriger l 'attention sur vos products vedettes ou vos nouvelles系列。
Les products peu couteux qui complètent vos products phares vous seront très utiles pour réussir des initiatives de vente croisée loors du passage à la caisse。Mais ils peuvent également être inclus dans la page d 'accueil, en dessous du pli, pour que les访问者sachent que vous les proposez - au cas où vous vendriez des products qui nécessitent des pièces de rechange ou de recharge。
举例来说，一个精品店在蒙特雷斯的商店，在蒙特雷斯的商店，在巴黎的商店，在巴黎的商店，在巴黎的商店différents matériaux在巴黎的商店，在巴黎的商店，在巴黎的商店。
4.priorité inférieure页
Les pages que vous allez considérer de fail priorité von dépendre de votre modèle d ' enterprise。
En général, les pages条件d 'utilisation，政治confidentialité，回归政治，与你同在的地方是不一样的。Comme les liens vers vers pages sont très souvent insérés dans le bas de page des sites web, la plupart des visitor défileront vers le bas s 'ils ont besoin de les consulter。
D 'autres页，comme les页一个提议，联系，ou les pages de suivi de command, entre autres, peuvent également être ajoutées au pied de page。Cela dit, si vous constatez que res res entres elles aident véritablement les prospects à prendre une décision d 'achat ou qu 'elles soutientient un objectif clé， vous pourriez dans ce cas envisager de les transférer vers le menu de navigation supérieur, ou même les mettre en avant dans la mise de votre page d 'accueil。
En fin de compte, tout dépend de l 'activité电子商务。例如，un marchand qui vend un service sur bononnetre considérablement réduire ses tickets d 'assistance en ajoutant un lien FAQ bien visible dans le menu de navigation de sa page d 'accueil。Ou, un e-commerçant qui dispose également d 'un point de vente体质肖像助手les cyberviseururs à découvrir son magasin体质en affichant un lien connexe dan la navigation de la page d 'accueil。
倾注智慧在页面peut être considérée de faible priorité，需求者在页面véritable valeur ajoutée需求者在页面方向访问者在页面éloignerait需求者在页面客体recherché。
Un design de page d 'accueil optimisé pour le mobile
Le traffic web mobile n 'a cessé de croitre de façon consistante au cours des dernières années。大选民交通连续性问题移动信息源，查克décision移动信息源相关设计页面移动信息源相关设计。
Il devient ainsi essentiel de simplifier votre page d 'accueil, pour que cela -ci dirige les utilisateurs qui accèdent à votre boutique depuis un apparel mobile vers un ensemble d 'actions déterminées à complir。
Si vous possédez une boutique en ligne Shopify, sachez que tous les éléments de la boutique de thèmes von s ' ajuster automatiquement à la taille de l ' écran。
Crédit图片:Dhona
Mais gardez à l ' esprit que même si des images sement éblouissantes sur un grand écran d ' ordinateur, elles risquent d ' être tronquées ou recadrées de façon inharmonieuse sur un écran mobile。申诉者à我们在一起行动être加上困难者à归国者déplacés我们在一起面对来访者。
Dans l ' éditeur de thème de Shopify, vous pouvez facility avoir un aperçu de la mise en page de votre page d ' accueil sur différents服装使用的选择d ' affichage en haut de l 'aperçu。
Améliorez la concept de votre page d 'accueil au fil du temps
Comme vous le savez概率déjà， il n 'y a pas de façon独特的parfaite。Des facteurs comme les segments démographiques ciblés, le branding, le nombre de products, les canaux de ob欧宝娱乐app下载地址marketing，等加上encore, peuvent influencer le comportement de interautes d 'une crowd de façons。
C 'est pourquoi l 'optimisation de votre page d 'accueil doit se faire à长期的，en vous fondant sur le flow et les ventes que vous générez pour mesurer l 'impact de votre concept et réaliser des调整au fil du temps。
Pour apprenndre à tester l 'efficacité de votre page d 'accueil, et à réaliser des adjustment bien fondés, assurez-vous de consulter ces资源:
- 注释增强测试A/B
- 32个指标clés de performance pour l 'e-commerce
- Expérience utilisateur电子商务:评论améliorer l 'UX sur votre boutique en ligne
Créez une boutique en ligne dès aujourd'hui !
Bénéficiez没有约定就没有义务。
网页设计常见问题解答
À quoi sert une page d 'accueil ?
评论faire une page d 'accueil qui convert ?
评论优化une page d 'accueil pour le mobile ?
文章publié par Aleks Ignjatovic
亚历克斯est la rédactrice en chef du blog de Shopify en français。Elle est responsable du ob欧宝娱乐app下载地址marketing de contentu et de la本地化pour les marchés法语国家chez Shopify。
文章原创:Evan Ferguson
传统和适应:Mehdi Chakir
Vous souhaitez贡献者au博客de Shopify en français ?Lisez号委员会！