WEBDESIGN AGENCY
Assert your identity globally with our web design agency: we craft modern, responsive websites that captivate and convert. Elevate your presence with high-performance, SEO-optimized sites and landing pages.
OUR WEBDESIGN AGENCY SERVICES
« Trend Design combines the elegance of a modern, responsive website with the simplicity of Wix Studio. We empower you to manage your site independently and prepare your business for international reach. »
Alexandre COTTRET, Freelance Web designer
Webdesigner n°1 sur malt et Supermalter 3
Wix Studio designer certifié
500 heures de formation Wix sur Superprof
Formateur Wix Partner Legend
Responsive Web Design Agency
Dans ce cours Wix Studio, je partage 5+ ans d’expérience et plus de 150 sites créés dans une formation claire, rapide et accessible aux débutants.
Objectif : vous apprendre à créer, structurer et référencer votre site efficacement, sans perdre de temps sur des tutoriels dispersés.
Apprenez les bases essentielles : faire les bons choix dès le départ, concevoir un design propre, organiser votre contenu et améliorer votre visibilité sur Google.
Une formation pas à pas pour éviter les erreurs de débutant et créer un site professionnel rapidement.
1- Comprendre Wix et préparer son site sur de bonnes bases.
Wix ou Wix Studio, lequel choisir pour créer son site web ?
Wix (éditeur classique)
Wix est la version simplifiée et accessible pour créer rapidement un site internet. Idéal pour les débutants et les petits sites web. En revanche, le design, les animations et le design responsive (adaptation sur tous les écrans) sont plus limités, et l’outil évolue moins. Il existe environ 800 modèles gratuits.
Wix studio
Wix studio est une version moderne et responsive, pensée pour des sites professionnels. Design plus précis, animations avancées, 150 modèles gratuit, et une marketplace avec 1000 modèles supplémentaires, et design adapté à toutes les tailles d'écrans. Mieux adapté aux projets ambitieux et au référencement. Il reste accessible aux débutants prêt à suivre quelques heures de formation.
2- Définir l'objectif du site : Site vitrine ou e-commerce ?
Quel est l'objectif de votre site web ?
-
Landing page (une seule page) : promouvoir un produit ou un service précis, capter des contacts via un formulaire ou une newsletter.
-
Site vitrine : valoriser votre image de marque (page À propos), développer votre référencement (pages Services, pages locales, blog) et générer des demandes de contact.
-
Boutique en ligne : vendre vos produits, structurer vos catégories et améliorer votre SEO grâce aux pages produits et catégories.
Définir une architecture de site web
-
Ajoutez une page « À propos » pour renforcer la confiance et votre image de marque.
-
Créez des sous-pages « Services » pour détailler vos expertises et cibler des mots-clés SEO précis.
-
Ajoutez un blog uniquement si vous pouvez publier régulièrement pour améliorer votre référencement.
-
Pour un site e-commerce, structurez vos pages catégories et produits afin de faciliter la navigation et le SEO.
Vous pouvez tester ce générateur de sitemap.
Designer à partir d'une page vide ou d'un modèle Wix studio ?
Dans la plupart des cas, partir d’un modèle wix studio est plus simple et plus rapide : la structure est déjà prête, il suffit de personnaliser le contenu et le design. Les 2 exceptions :
– L'intégration d'une maquette Figma vers Wix studio. Si la maquette est responsive et bien construite, utilisez ce plugin pour gagner du temps.
– Pour une formation Wix studio, le canvas vide aide à vraiment comprendre les bases.
3- Prise en main de l'environnement Wix studio
Votre environnement Wix studio est séparé en 3 parties :
-
L'espace "mes sites" ou vous pouvez gérer l'ensemble de vos sites.
-
Le tableau de bord vous permet de paramètrer un site en particulier.
-
L'éditeur Wix studio vous permet de créer le design du site web et de le publier.
L'espace "mes sites"
Dans Wix Studio, l’espace « Mes sites » est la page d’accueil retrouvez tous les projets que vous avez créés ou auxquels vous avez accès. C’est ici que vous pouvez entre autre créer un nouveau site, ouvrir l’éditeur et le tableau de bord d'un site, renommer un site, le dupliquer, le transférer, gérer les collaborateurs ou accéder rapidement aux paramètres (nom de domaine, SEO, statistiques, etc.). Cet espace sert donc de centre de gestion pour organiser et piloter l’ensemble de vos sites Wix Studio au même endroit.
Le tableau de bord Wix studio
Le tableau de bord est l’espace de gestion d’un site en particulier. Il permet d’accéder rapidement aux réglages essentiels : connecter un nom de domaine, payer votre abonnement premium, SEO, statistiques, gestion des formulaires, boutique, blog et paramètres généraux. C’est depuis ce panneau que vous pilotez votre site au quotidien sans passer par l’éditeur.
L'éditeur Wix studio
L’éditeur Wix studio est l’espace où vous concevez visuellement votre site web. C’est ici que vous ajoutez du contenu (textes, images, sections), ajustez le design, les animations et l’affichage responsive sur tous les écrans. Il sert à construire et modifier les pages de votre site en temps réel, et à le publier. Voici comment il est composé :
-
Barre supérieure noire : options globales comme aperçu, publication, historique, changement de page, points de rupture (desktop, tablette, mobile).
-
Le canva (zone centrale) : l’espace principal où vous construisez visuellement la page. Vous y ajoutez sections, textes, images et ajustez la mise en page.
-
Barre d’ajout et d'outils (panneau gauche) : sert à insérer de nouveaux éléments : pages, sections, grilles, textes, images, boutons, formulaires, etc.
-
Panneau inspecteur (panneau à droite) : permet de modifier précisément l’élément sélectionné (taille, position, marges, typographie, couleurs, responsive, animations…).
-
Barre d’outils contextuelle : mini-menu qui s’affiche en selectionnant un élément précis sur le canva, et donne un accès rapide aux réglages essentiels.
4- Créer le design du site Wix studio
Tutorial Wix - Exercice pratique : créer et publier votre première section.
Pour l'exercice :
-
Créez votre compte Wix studio , aller dans votre espace "mes sites", et cliquez sur "Créer un nouveau site" > Modèle vierge studio.
-
Selectionnez la section vide au milieu de l'écran (entre l'entête et le bas de page). Vous pouvez confirmer si elle apparait en bas à gauche, dans le fil d'ariane.
-
En bas de l'inspecteur à droite, ajouter des marges intérieurs. 10% sur les côtés, et 8% en haut et en bas
-
Dans l'inspecteur, dans la partie mise en page, cliquez sur l'icone representant 2 colonnes. Cela va séparer votre section en 2 cellules.
-
Toujours dans l'inspecteur, juste au dessus, ajoutez un écart de 50px* entre vos deux cellules.
-
Selectionnez la cellule de gauche, cliquez sur "ajouter des éléments" ( icones "+" en haut à gauche) et ajoutez un titre, un paragraphe, et un bouton dans la cellule de gauche.
-
Selectionnez les 3 éléments et cliquez sur "empiler" au milieu du canva.
-
Avec cette pile selectionnée, dans l'inspecteur en haut, indiquez une largeur ( L) de 100%, et cliquez sur l'icone aligner à gauche au milieu |- et l'icone aligner au centre vertical. -|-.
-
Plus bas dans l'inspecteur, alignez les éléments de la pile à gauche, et déterminez un espacement de 25px* entre les éléments de la pile.
-
Selectionnez la cellule de droite, et ajoutez y une image en restant appuyé et en l'emmenant vers la cellule.
-
Cliquez sur les 2 flèches en haut à droite de l'image pour étirer l'image dans la cellule.
-
Cliquez sur publier en haut à droite, et admirez votre design. 😎
5- Vous souhaitez aller plus loin dans votre formation Wix studio ?
On crée votre site web ensemble en visio ?
Lors de cours en visioconférence sur Google Meet, axés sur la pratique, nous créons en direct votre site web sur Wix Studio. Pour un site vitrine pro, prévoyez environ 10h, et 15h pour un site Wix studio e-commerce.
Objectif : créer votre site tout en vous formant à Wix Studio, afin d’être pleinement autonome.
Le premier cours d'aide Wix (40min) est gratuit ( définir vos objectifs et choisir un modèle adapté) .
Tarif : 79 € / heure, ou 760 € pour 10h de formation Wix.
Vous vous lancez seul ?
Consultez mes ressources vidéos gratuits sur youtube et mon glossaire Wix studio et recevez des conseils axés pratique et business chaque semaine.
