Skip to main content

Comment concevoir un site Web: étape par étape

Comment faire 5000€ avec les influenceurs | Tutoriel Shopify complet en dropshipping (2019) (Avril 2025)

Comment faire 5000€ avec les influenceurs | Tutoriel Shopify complet en dropshipping (2019) (Avril 2025)
Anonim

Un client potentiel vient de vous demander de concevoir un site Web, mais par où commencer? Vous pouvez suivre un certain processus pour assurer le bon déroulement du projet. Il reflète le processus de conception graphique standard, avec seulement quelques étapes spécifiques à un site Web à inclure.

En tant que graphiste, vous pouvez choisir d'assumer vous-même l'intégralité de la conception, y compris le codage. Cependant, vous voudrez peut-être aussi réunir une équipe pour vous aider avec les détails. Un développeur Web et un expert en référencement peuvent constituer des ajouts précieux à votre projet.

01 sur 10

Recherche

Comme pour la plupart des projets de conception, la première étape lors de la création d'un site Web consiste à effectuer des recherches. Certaines de ces recherches seront effectuées avec le client pour bien comprendre ses besoins. Vous devrez également en apprendre davantage sur leur secteur et leurs concurrents.

Lorsque vous rencontrez votre client, vous devez découvrir autant que possible pour vous aider à élaborer un plan pour le site et éventuellement à le concevoir. Cela inclut des questions sur leur public cible, leurs objectifs, leur direction créative et d'autres variables pouvant affecter ce que vous pouvez offrir au client, telles que le budget et les délais.

Votre industrie et votre étude de marché se dérouleront simultanément. Pour être prêt à rencontrer votre client, vous devez avoir une idée de son secteur. Après avoir déterminé leurs besoins, vous voudrez alors regarder un peu plus loin.

Le niveau de recherche effectué dépendra du budget du client et de vos connaissances actuelles du secteur. Cela peut être aussi simple que de regarder à quoi ressemblent les autres sites Web sur le terrain. Pour des projets plus importants, cela peut ressembler à une recherche approfondie avec des groupes de discussion.

Continuer la lecture ci-dessous

02 sur 10

Brainstorming

Une fois que vous savez en quoi consiste le projet, il est temps de rassembler des idées et le brainstorming est un excellent point de départ. Plutôt que de chercher l’idée parfaite pour être votre premier, jetez toutes les idées ou concepts du site Web. Vous pouvez toujours le réduire plus tard.

Certains sites Web peuvent nécessiter une interface Web standard, avec une navigation (une barre de boutons) et des zones de contenu auxquelles les utilisateurs sont le plus susceptibles de s'attendre. D'autres peuvent nécessiter un concept unique pour présenter le contenu.

En fin de compte, le contenu dirigera la conception. Par exemple, l'approche d'un site d'information par rapport au portefeuille Web d'un photographe est très différente.

Continuer la lecture ci-dessous

03 sur 10

Décider des exigences techniques

Au début du processus de développement d'un site Web, des décisions doivent être prises concernant les exigences techniques du projet. De telles décisions affecteront le budget, les délais et, dans certains cas, l’atmosphère générale du site.

L'une des principales décisions est de déterminer la structure sous-jacente du site, qui déterminera le logiciel à utiliser et le système qui rend le site "fonctionnel".

Vos options incluent:

  • HTML de base: Un site HTML standard dans lequel chaque page est modifiée manuellement. Cela peut être relativement rapide à développer mais laisse peu de flexibilité et beaucoup d’entretien courant. Il est également important de garder à l'esprit que les sites HTML ne sont pas du seul HTML et peuvent inclure du CSS, du JavaScript et d'autres langages de programmation pour les fonctions.
  • Utilisez un système de gestion de contenu: L'utilisation d'un CMS permet généralement à un client d'effectuer des mises à jour régulières du contenu, tandis que le concepteur contrôle l'aspect général du site. Certains systèmes peuvent être développés à partir de zéro et d’autres achetés et adaptés aux besoins du client. Les systèmes en ligne tels que Blogger et WordPress sont gratuits et incluent également un CMS de base.
04 sur 10

Écrire un aperçu

Maintenant que vous avez rassemblé les informations nécessaires et réfléchi à quelques idées, c'est une bonne idée de tout consigner par écrit.

Un aperçu d'un site Web doit inclure une liste de chaque section à inclure sur le site, avec une description du type de contenu affiché sur chaque page. Il doit également décrire de manière aussi détaillée que possible les fonctionnalités du site, telles que les comptes d'utilisateurs, les commentaires, les fonctions de réseau social, la vidéo ou l'inscription à un bulletin d'information.

En plus d'aider à organiser le projet, il convient de présenter au client les grandes lignes d'une proposition de site Web afin de pouvoir l'approuver avant la poursuite du projet. Cela leur permettra d'ajouter, de supprimer ou de modifier des sections ou des fonctionnalités.

En fin de compte, tout cela vous aidera à établir un budget, un calendrier et à construire le site. S'accorder sur un prix pour un projet de site Web basé sur un plan approuvé permettra d'éviter des frais supplémentaires ou des divergences d'opinion tard dans le projet.

Continuer la lecture ci-dessous

05 sur 10

Créer des wireframes

Les structures filaires sont de simples dessins au trait de mises en page de sites Web qui vous permettent (à vous et au client) de vous concentrer sur l'emplacement des éléments plutôt que sur la couleur et le type.

Ceci est extrêmement utile car il détermine le contenu qui mérite le plus d'attention et le pourcentage d'espace utilisé sur la page pour ces éléments. Sans être distrait par d'autres éléments visuels, les structures filaires approuvées fournissent un cadre pour vos conceptions.

Pour certains projets, vous pouvez envisager de disposer d'une collection de structures filaires disponibles pour différents types de contenu. Le contact, environ et d'autres pages contenant beaucoup de texte peuvent avoir une disposition différente de celle d'une galerie ou d'une page d'achat.

Il est important que vous mainteniez une apparence uniforme sur tout le site Web lorsque vous passez d'une structure filaire à une autre.

06 sur 10

Concevoir le site web

Une fois que vous et votre client êtes satisfaits des structures filaires, il est temps de commencer à concevoir le site.

Adobe Photoshop est l'outil le plus courant pour créer les conceptions initiales. La conception du site devrait être axée sur la présentation du contenu, qui sera utilisé pour créer les pages Web proprement dites.

Pour l'instant, concevez simplement et jouez avec les éléments de base pour créer quelque chose que votre client va regarder et approuver.

  • Bien que les dessins flashy et les animations aient leur place, ils ne doivent pas dominer ce que recherche l'utilisateur.
  • Une navigation cohérente aidera vos visiteurs à trouver toutes vos zones de contenu principales.
  • Une utilisation propre du type (dans le cas d'un site basé sur du texte) incitera les visiteurs à lire et à revenir pour plus d'informations.
  • Avant que vous ne disposiez du contenu réel pour la conception d'un site, Lorem Ipsum text aidera à remplir les espaces sans distraire votre client.

Continuer la lecture ci-dessous

07 sur 10

Construire des pages Web

Lorsque votre conception est approuvée, les pages doivent être transformées en maquettes en pages Web réelles écrites en HTML et CSS.

Les concepteurs / développeurs expérimentés peuvent choisir d'assumer l'intégralité du codage, tandis qu'une personne concentrée sur la conception du Web peut travailler en étroite collaboration avec un développeur pour donner vie au site. Si tel est le cas, le développeur doit être impliqué dès le début.

Les développeurs aideront à s’assurer que la conception est une présentation Web réaliste et efficace. Ils doivent également être consultés sur toutes les fonctionnalités que vous promettez au client, car certaines ne seront peut-être pas possibles ou utiles pour le site.

Des logiciels tels que Adobe Dreamweaver peuvent aider un concepteur à transformer une maquette en une page Web opérationnelle, avec des fonctionnalités de glisser-déposer, des fonctions prédéfinies et des boutons pour ajouter des liens et des images.

Il existe de nombreux choix de logiciels disponibles pour la création de sites Web. Choisissez celui avec lequel vous aimez travailler, assurez-vous simplement qu'ils vous permettent d'entrer vraiment dans les détails et le codage des pages.

08 sur 10

Développer le site web

Une fois votre mise en page terminée en HTML et CSS, elle doit être intégrée au système que vous avez choisi. C'est le point où il devient un site Web fonctionnel.

Cela peut signifier développer des modèles à lire par un système de gestion de contenu, modifier un modèle WordPress ou utiliser Dreamweaver pour créer des liens entre des pages et des fonctionnalités Web plus avancées. C'est encore une étape qui peut être laissée à un autre membre ou aux membres de l'équipe.

Vous devrez également acheter un nom de domaine de site Web et disposer d’un service d’hébergement. Cela aurait dû faire partie de vos discussions avec le client et, en réalité, devrait être fait dès les premières étapes du processus. Parfois, il faut parfois un certain temps pour que les services deviennent actifs.

Il est également très important que vous ou votre développeur testiez en profondeur le site Web. Vous ne voulez pas faire le «grand dévoilement» et avoir des fonctions qui ne fonctionnent pas correctement.

Continuer la lecture ci-dessous

09 sur 10

Promouvoir le site web

Avec votre site Web en ligne, il est temps de le promouvoir. Votre design incroyable ne sert à rien si les gens ne le visitent pas.

Générer du trafic sur un site peut inclure:

  • L'optimiser pour les moteurs de recherche. Engagez un expert en référencement s'il ne s'agit pas d'un domaine d'expertise, car les meilleures pratiques évoluent constamment.
  • Envoi de newsletters pour mettre en valeur un nouveau contenu. La conception de la newsletter doit correspondre à la conception du site Web afin de conserver la cohérence des messages de la marque.
  • Publicité avec des annonces PPC sur Google ou avec des bannières publicitaires sur d'autres sites.
  • Des méthodes plus classiques telles que la publicité imprimée et le bouche-à-oreille.
10 sur 10

Gardez le frais

L'un des meilleurs moyens de fidéliser les internautes sur votre site consiste à actualiser le contenu. Avec tout le travail mis dans un site, vous ne voulez pas qu'il reste le même pendant des mois après le lancement.

Continuez à publier du nouveau contenu, des photos, des vidéos ou de la musique… quel que soit le site conçu pour être présenté. Un blog est un excellent moyen de maintenir un site à jour, avec des messages de toute longueur sur tout sujet en rapport avec votre site.

Si votre client doit gérer les mises à jour d'un site Web CMS, vous devrez peut-être les former pour l'utiliser. Mettre à jour un site Web que vous avez conçu est un bon moyen d’obtenir un revenu régulier. Assurez-vous que vous et votre client êtes d’accord sur la fréquence et les tarifs de tout travail de mise à jour que vous effectuez.