Construire des sites Web avec Tilda (Revue complète)
Quel que soit le site Web que vous souhaitiez créer, que ce soit une page de destination, un magasin en ligne ou un blog personnel, votre objectif est de faire fonctionner le contenu et le design harmonieusement et jouer les uns les autres. Avec Tilda il est beaucoup plus facile d’atteindre cet équilibre harmonieux.
(Ceci est un article sponsorisé.) Le Web moderne est très unifié. Les concepteurs utilisent les mêmes modèles et, par conséquent, les sites Web créés par différentes personnes ressemblent à des clones. La seule façon de se démarquer est de trouver du contenu.
Tilda est un éditeur de site Web qui peut être utilisé pour créer des sites Web, des pages de destination, des magasins en ligne et des projets spéciaux. Les créateurs de Tilda pratiquent une philosophie du «contenu d'abord»: le contenu précède le design. En tant que grands fans de storytelling, ils ont mis au point des mécanismes de blocs pour la création de sites Web, afin que les utilisateurs ne se contentent pas de créer des pages Web, mais racontent également des histoires sur leurs produits ou services. Et il aide à transformer les visiteurs en clients plus efficacement.
Cet article raconte comment Tilda diffère des autres créateurs de sites Web et comment cela vous aide à vous concentrer sur ce que vous savez et ce que vous aimez, sans avoir à penser à des choses techniques – car vous n'avez souvent pas le temps d'apprendre des choses techniques. Voici quelques avantages clés de l'utilisation de Tilda pour créer des sites Web.
La mécanique des blocs
Lorsque les concepteurs créent des sites Web, ils doivent souvent implémenter les mêmes objets encore et encore. Cela rend non seulement le processus de conception fastidieux, mais prend également un temps précieux.
Pour résoudre ce problème, l'équipe de Tilda a créé des blocs, qui sont des modules couramment utilisés. Ce mécanisme d'édition modulaire est au cœur de la plate-forme. Lorsque vous créez un site Web, vous n'avez pas besoin d'utiliser un modèle codé en dur. Tout ce que vous avez à faire est de choisir des blocs prédéfinis qui répondent à vos besoins.
Vous avez accès à une bibliothèque de 450 blocs. Cette bibliothèque est constamment mise à jour. Pour faciliter la navigation entre les blocs, Tilda les organise en catégories. Chaque bloc d'une collection est classé par fonction (par exemple, la couverture) ou par signification (par exemple, critiques de produits, «notre équipe», etc.).
Tous les blocs ont été créés par des concepteurs professionnels, vous n'avez donc pas à vous soucier des propriétés de conception de base. De plus, tous les blocs fonctionnent harmonieusement ensemble, vous n'avez donc pas à vous soucier de la façon d’ajuster un bloc à un autre.
Vous pensez peut-être: «Cela signifie-t-il que tous les sites Web créés à l’aide de blocs ressemblent à des clones?» Non. Tilda vous donne beaucoup de contrôle sur les détails. Presque tout dans un bloc est réglable.
Tilda vous permet de personnaliser les blocs en utilisant les zones de contenu et de paramètres. Cliquez sur le bouton "Contenu" pour modifier toutes les informations contenues dans un bloc. Le bouton "Paramètres" vous permet d'ajuster différents paramètres, tels que l'apparence visuelle d'un bloc. Si vous souhaitez modifier le texte, cliquez dessus et modifiez-le directement à l'écran. Pour remplacer une image, faites-la simplement glisser depuis le dossier de votre ordinateur.
Les principaux avantages de l'utilisation des blocs sont les suivants:
- Readability
Tilda met un fort accent sur la typographie. L’équipe de Tilda prend en charge tous les éléments typographiques tels que la longueur de ligne, l’espacement et la taille des polices dans des proportions harmonieuses. Chaque bloc est parfaitement équilibré pour rendre la lecture agréable. - Réactivité
Il n'est pas nécessaire de passer du temps à optimiser les pages pour tablettes et smartphones. - Apparence visuelle
L'apparence des blocs peut être modifiée dramatiquement: la taille des textes et des images, les boutons – vous pouvez tout faire vous-même dans l'onglet "Paramètres". - Résoudre des problèmes complexes
En utilisant des blocs, vous pouvez résoudre des tâches complexes telles que la collecte d'applications ou la vente
Zero Block
Quelle que soit la richesse d’une collection de blocs par défaut, certains utilisateurs voudront toujours créer quelque chose de vraiment unique. Précisément pour ce cas, Tilda fournit un éditeur Zero Block : un éditeur intégré pour créer vos propres blocs. Considérez-le comme un éditeur graphique pour votre site Web qui vous permet d'explorer votre créativité: ajoutez du texte, une forme, un bouton, une image, une vidéo, une info-bulle, un formulaire, et même insérez du code HTML; déplacer, transformer et masquer chaque élément de la toile. Vous pouvez commencer à zéro et créer de nouveaux blocs uniques!
Tout ce que vous devez faire pour commencer à utiliser l'éditeur est de cliquer sur le bouton "Zéro" sur une page nouvellement créée. Zero Block vous permet de gérer tous les détails de votre conception. Vous pouvez changer les options de style pour les objets, changer leur position, changer leur taille et bien plus encore.
Voici à quoi ressemble ce processus:
Tout comme les blocs ordinaires, les blocs zéro sont adaptatifs. Tilda propose cinq modes pour adapter le contenu à différentes tailles d'écran. Vous pouvez prévisualiser un design dans les modes d'écran suivants:
- tablette mobile (mode portrait),
- (mode paysage), tablette
- (portrait), tablette
- (mode paysage),
Zero Block peut être utilisé avec des blocs existants. Il est possible de convertir un bloc existant en un bloc zéro et de le modifier comme vous le souhaitez.
Effets animés
L'animation apporte une sensation d'interactivité à l'expérience utilisateur. Correctement incorporée, l’animation donne vie aux éléments d’un site Web. Il y a beaucoup de manières différentes dont l'ajout de mouvement peut bénéficier aux utilisateurs. Par exemple, vous pouvez utiliser l'animation pour attirer l'attention de l'utilisateur sur un objet particulier (par exemple en attribuant un effet animé à un bouton d'appel à l'action pour attirer l'attention de l'utilisateur sur cet élément) ou à des fins purement esthétiques (par exemple: pour créer un sens de l'artisanat.
Tilda vous permet de créer de superbes pages interactives sans aucun code. Tilda propose trois types d’animation, que nous allons parcourir maintenant.
1. Animation de base
Dans tous les blocs standard, vous pouvez ajuster l'apparence de tout élément pour rendre le site plus vivant et intéressant. Par exemple, vous pouvez ajouter un effet animé à un titre de couverture.
Les animations fonctionnent dans tous les blocs, sauf le curseur. Pour ajouter un effet animé, il vous suffit de sélectionner l’effet souhaité dans les paramètres du bloc.
2. Extended Animation In Zero Block
Avec Tilda, vous pouvez également créer une animation pas à pas où tout élément de la page peut faire partie d'une séquence de mouvements. Tilda vous permet de définir la trajectoire des éléments. Vous pouvez implémenter des comportements complexes pour les éléments de la page et ajouter une interactivité maximale.
Fonctions pour développeurs Web
Tilda fournit quelques excellentes fonctionnalités pour les développeurs Web:
- API Tilda pour l'intégration de sites Web
- Code sur mesure
Vous pouvez toujours ajouter des fonctionnalités avancées à votre site Web avec du code . Il est facile d’ajouter du code HTML, JavaScript ou CSS sur mesure à votre site Web Tilda. Vous pouvez ajouter du code HTML à l'aide du bloc «Insérer HTML» ou incorporer n'importe quel type de code, y compris les balisesscript
etstyle
. - Exportation de données
t voulez-vous dépendre de Tilda et souhaitez héberger votre site Web sur vos serveurs? Aucun problème. Tout ce que vous faites sur Tilda peut être facilement exporté dans une archive. Pour exporter votre code, allez dans «Paramètres du projet» → «Exporter». L'archive inclura le code HTML statique et tous les fichiers, tels que les images, CSS et JavaScript. Le code exporté est prêt à être utilisé. Pour exécuter le site Web, il vous suffit de décompresser l'archive et de copier les fichiers sur votre serveur.
Plate-forme de publication
Tilda n'est pas qu'un créateur de sites Web. C’est également une puissante plate-forme de publication en nuage. Les sites Web créés avec Tilda peuvent être publiés sur les serveurs de Tilda ou exportés vers le vôtre. Vous trouverez ci-dessous quelques avantages de l’utilisation de la plate-forme de publication de Tilda.
Hébergement non nécessaire
Avec Tilda, vous n’avez pas besoin de payer pour l’hébergement. Tilda garantit une vitesse de chargement élevée et une protection DDoS.
Optimisation de la vitesse de sortie Out Of The Box
La vitesse de chargement élevée est fournie par le réseau de distribution de contenu (CDN), utilisé pour stocker les images. Tous les sites Web créés sur Tilda ont le chargement paresseux activé par défaut. Cela permet de télécharger le contenu très rapidement, même sur les appareils mobiles.
Connecter votre nom de domaine
L'affectation d'une adresse unique à votre site Web est simple. Il suffit d'aller dans "Paramètres du projet" → "Domaine", et de mettre votre nom de domaine dans le champ "Domaine personnalisé".
Configurer HTTPS
Tilda fournit un HTTPS gratuit à ses utilisateurs. L'installation d'un certificat SSL est relativement facile. Allez dans "Paramètres" → "Analytics and SEO" → "Panneau Webmaster Tilda" → "Paramètres HTTPS", et générez votre certificat gratuit.
Who Tilda Is For
Maintenant que vous savez ce qu'est Tilda et ses caractéristiques a, il est temps de discuter de la façon dont les concepteurs Web peuvent utiliser cet outil. Selon l'équipe de Tilda, l'outil est utilisé à des fins diverses:
- Création de sites Web pour les entreprises
Il peut s'agir d'un site Web d'entreprise ou d'une petite boutique en ligne. - personnes à une conférence, présente un nouveau produit ou décrit un projet spécial
- Créer un blog d'entreprise ou un magazine en ligne
Il est possible de créer une présentation visuelle exceptionnelle pour un article ou une étude de cas à l'aide de Tilda. une hypothèse
Créez un site Web qui sert de preuve de concept. Par exemple, créez une page de destination et vérifiez si des personnes sont intéressées par le produit ou le service. - Apprentissage des compétences Web
Tilda éduque les concepteurs en fournissant des exemples sur la manière de créer les choses.
L'équipe de Tilda rassemble également les meilleurs exemples de sites Web créés à l'aide de l'outil sur sa page d'inspiration . Voici quelques sites Web inspirants conçus avec Tilda.
Vous pouvez également lire ce que les gens disent à propos de Tilda sur Capterra et Product Hunt (Tilda est devenue le produit du jour à 2016)
Rapports de tendances
Tilda vous aide à afficher des images, des vidéos et du texte de haute qualité dans une galerie entièrement personnalisable. «Visual Trends 2018» par Deposit Photos est un excellent exemple de la façon intéressante de présenter des informations visuelles.
Événements
Lorsqu'il est question de créer des pages Web pour des événements, il est essentiel de présenter de nombreuses informations de manière logique et facile à analyser. Check out UX Sofia 2018 un site Web pour une conférence UX. Il combine différentes informations, telles que les principaux entretiens et ateliers, des informations sur les haut-parleurs et l'emplacement, dans des blocs faciles à analyser.
Landing Pages
Le but d'une page de destination est de convertir les visiteurs en clients. De nombreux facteurs peuvent influer sur les conversions, mais il est clair que des pages de destination mieux conçues surpassent les concurrents. Vérifiez la page d’accueil de Metric.ai qui contient un outil qui estime la rentabilité d’un projet.
Site Web de la société
Dans le monde moderne, la première interaction entre un client et une entreprise se fait en ligne. Les gens visitent un site Web et décident s'ils souhaitent faire affaire avec cette société. Le design joue un rôle essentiel dans la décision. Lorsqu'un site Web a l'air frais et moderne, il y a de meilleures chances que les gens travaillent avec l'entreprise. Quantum Attorneys utilise beaucoup d'effets visuels populaires (couleurs vives, duotones, typographie attirant l'attention) pour créer une sensation vraiment unique pour les visiteurs.
Artwork
Les gens viennent souvent sur un site Web pour trouver l'inspiration. L'inspiration peut prendre plusieurs formes. Mais parfois, un design relativement simple peut susciter beaucoup d'émotions. L'espace blanc est l'un des aspects les plus importants du design. Découvrez le projet de Buro247 intitulé Silent Rebellion Fashion. L'esthétique noir et blanc associée à l'espace blanc crée une sensation unique.
Combien coûte Tilda?
Tilda a des forfaits gratuits et payants:
Tilda a les plans gratuits et payants :
- Le free plan permet vous créez un site Web en utilisant une collection de 50 blocs fondamentaux. Ce plan a quelques limitations: Vous ne pouvez pas connecter votre propre domaine, et un élément de l'interface utilisateur indiquant «Made on Tilda» sera placé sur toutes les pages par défaut.
- Le plan personnel est de 10 $ par mois. Ce plan vous permet de créer un site Web et d'accéder à la collection complète de blocs. Il vous permet également de configurer un domaine personnalisé. Il n’ya pas de frais supplémentaires lorsque vous créez un site Web de commerce électronique.
- Le plan d’affaires est de 20 $ par mois. Il inclut tout dans le plan personnel mais vous permet également de créer jusqu'à cinq sites Web et d'exporter le code source.
Conclusion
Quel que soit le site Web que vous souhaitez créer, qu'il s'agisse d'une page de destination, blog votre objectif est de faire en sorte que le contenu et le design fonctionnent harmonieusement et se jouent mutuellement. Avec Tilda, il est devenu beaucoup plus facile d'atteindre cet équilibre harmonieux.
Inscrivez-vous sur la plate-forme et essayez vous-même toutes les fonctionnalités.
Source link