Prêt à vous attaquer à ce projet de site Web que vous avez retardé? C'est l'année pour que ce site soit conçu et publié! Qu'il s'agisse d'un simple blog ou de quelque chose de plus complexe, vous n'avez besoin que de quelques outils géniaux.
Ici, nous avons rassemblé une sélection de nouvelles ressources innovantes pour vous aider à vous inspirer, concevoir et prototyper, ainsi que quelques éléments qui vous aideront à mieux travailler dans WordPress - la plateforme de publication la plus populaire. Qu'est-ce que tu attends? C'est le jour où vous commencez à créer un site web en 2017!
Inspiration
Chaque bon site Web commence par un bon concept? À quoi voulez-vous que votre design ressemble? Cela commence par trouver les bonnes inspirations pour relancer le processus de création.
1. Muzli
Muzli est une source secrète auto-nommée? pour l'inspiration quotidienne. Maintenant que vous connaissez le secret, vous pouvez parcourir tous les grands sites Web de la galerie.
Mais cette ressource est plus qu’un simple site Web pour rechercher des idées. Muzli est une extension de navigateur Google Chrome qui fournit un accès rapide et facile à tout ce qui est nouveau, à la mode ou tout simplement génial en matière de conception et de développement Web. L'extension d'onglet devient votre page d'accueil pour que vous soyez accueilli avec une inspiration de conception chaque fois que vous ouvrez un navigateur.
2. Typewolf
Typewolf est la ressource incontournable pour tout ce qui est nouveau, tendance et intéressant dans le monde du lettrage. Le format de type blog facilite la lecture et présente certains des meilleurs exemples de lettrage que vous trouverez.
Voici la meilleure partie: ce blog vous indique toujours quels types de caractères sont utilisés. Associez cela aux recommandations et listes de polices et vous pourrez vraiment trouver quelque chose à utiliser pour presque tous les projets de conception. Assurez-vous de consulter les guides et les ressources si vous débutez dans la typographie pour des outils qui vous aideront à apprendre à penser à la typographie comme un pro.
Conception et prototype
Une fois que vous avez une idée du style que vous aimez et de ce que vous voulez faire avec la conception, il est temps de commencer à l'esquisser. Et il existe de nombreux excellents outils pour vous aider tout au long de ce processus.
3. Figma
Figma est un outil de conception d'interface qui vous permet de travailler en temps réel avec d'autres collaborateurs. Téléchargez la conception et vous pouvez synchroniser, afficher les versions et gérer facilement vos actifs lorsque vous créez un site Web ou une application.
Les utilisateurs peuvent travailler en même temps - et vous pouvez voir ce qui se passe et qui le fait. De plus, l'outil comprend un mode de présentation permettant de présenter des idées à l'équipe ou aux clients et de les commenter. Bien que Figma soit suffisamment robuste pour les équipes avancées, il est si facile que les débutants peuvent l’utiliser aussi facilement.
4. Sous-formulaire
Comment puis-je faire en sorte que mon site Web réactif fonctionne réellement entre appareils? L'outil inspiré de la CAO offre aux concepteurs ce dont ils ont besoin pour créer des styles cohérents pour différentes tailles de périphériques dans un environnement de conception basé sur un ordinateur de bureau.
Bien que cet outil soit conçu pour des concepteurs plus expérimentés, il peut également être pratique pour les débutants. Cela vous aide à simuler différents environnements pendant que vous travaillez. De cette façon, vous n'avez pas à imaginer à quoi ressemblera un site Web sur un téléphone; vous pouvez le voir sur l'écran.
Le paquet Subform est assez robuste et vous apprendra à penser de manière plus intuitive à la création d’un design réactif. Et la meilleure partie est le moteur de conception intégré qui adapte les mises en page à de nouvelles tailles afin que vous n'ayez pas à dupliquer les plans de travail ou à modifier la conception dans chaque environnement.
5. merveille
Marvel est une application gratuite de prototypage Web et mobile. Vous pouvez l'utiliser pour concevoir un écran et travailler avec d'autres personnes pour affiner la conception. C'est un excellent point de départ pour les petites applications et les sites Web ne comportant pas beaucoup de pages.
Ensuite, l'application vous permet de lier la conception et d'ajouter des animations et des gestes pour qu'elle fonctionne comme vous le souhaitez. De cette façon, votre prototype ressemble et fonctionne comme une véritable application, ce qui facilite la présentation d'un dessin à un client de manière compréhensible.
6. Lingo
Une fois que vous avez une idée de ce que vous voulez faire, la collecte d’actifs ou le suivi des palettes de couleurs et des nuances peut être un cauchemar, en particulier si plusieurs utilisateurs sont impliqués. C'est là que Lingo entre en jeu. L'application Mac est une bibliothèque de ressources virtuelle dans laquelle vous pouvez tout garder pour que votre équipe reste sur la bonne voie.
L'application vous permet de conserver tous vos actifs au même endroit - fichiers d'image et nuanciers. Vous pouvez ensuite trier et étiqueter pour faciliter la recherche et ajouter un accès permettant aux utilisateurs d'afficher ou de modifier les actifs.
WordPress et Blogs
Saviez-vous que les entreprises disposant d'un blog enregistrent une croissance de plus de 126% supérieure à celles qui n'en créent pas? Peu importe le type de site Web que vous avez, créer un blog est un élément essentiel de votre plan de contenu. Pour de nombreux propriétaires de sites Web, WordPress est le point de départ.
WordPress est le plus connu et le plus utilisé au monde. De nombreux outils et ressources sont disponibles pour vous aider à créer un site Web et un blog répondant exactement à vos besoins. Ne pas transpirer votre hébergement WordPress. Avec autant d'options compétitives maintenant disponibles, il est plus facile que jamais de trouver la solution idéale.
7. Trouver un grand thème
Un bon site WordPress commence par un bon thème. Un thème solide vous donne tout ce dont vous avez besoin pour commencer sans avoir à coder à partir de rien (un excellent outil pour les débutants).
Les thèmes proposés vont des options gratuites aux options premium, généralement inférieures à 100 USD. La galerie Thème Junkie est un excellent endroit pour commencer avec des thèmes classés par type de site Web pour vous aider à trouver quelque chose qui offre toutes les options que vous souhaitez pour la conception de votre site Web.
Ensuite, vous pouvez ajouter des plug-ins pour répondre aux besoins personnalisés de votre site Web, tels que des outils de partage de médias sociaux, des extraits de code ou la gestion de tableaux de bord.
8. Personnalisez votre thème
Ajouter un thème à un site WordPress ne suffit pas pour vous lancer. Sans personnalisations, votre site Web ne se démarquera pas ou n'aura pas un aspect spécial. Mais cela peut aussi être assez intimidant.
C'est là qu'intervient quelque chose comme WPKraken. Cette équipe d'experts installera et personnalisera un thème pour vous. De plus, ils peuvent gérer n'importe quel petit problème qui survient en cours de route.
9. Améliorer la typographie du blog
Après avoir parcouru toutes les superbes polices de caractères disponibles chez Typewolf, vous avez probablement une idée de ce que vous faites et de ce que vous n'aimez pas. Easy Google Fonts est le plugin WordPress dont vous avez besoin pour intégrer facilement ces polices dans votre conception.
L'outil vous permet de prévisualiser les polices en temps réel et de créer des contrôles personnalisés pour la gestion des polices. Et vous pouvez tout faire sans codage.
10. Améliorer la mise en cache des blogs
La mise en cache de blogs aide votre site Web à se charger rapidement pour les utilisateurs. WP Super Cache est rapide et produit des fichiers HTML statiques pour les utilisateurs afin de garantir une expérience Web transparente.
Ne soyez pas effrayé par ce concept. Même les concepteurs débutant dans la mise en cache de sites Web peuvent utiliser cet outil. Il est livré avec une documentation complète qui vous guidera pas à pas tout au long du processus d’installation. (C'est plus difficile dans votre imagination qu'en réalité.)
11. Améliorer la sécurité
La dernière étape pour vous assurer que votre site Web est prêt à fonctionner est la sécurité. Vous avez besoin d'un outil qui servira de pare-feu, bloquera les logiciels malveillants et fournira des options pour des connexions sécurisées, etc. Wordfence est le plugin de sécurité WordPress le plus téléchargé. Et pour une bonne raison; il est facile à utiliser et cela fonctionne.
La ressource libre et open source vous donne des résultats en temps réel et indique si quelqu'un tente de pirater votre site Web. Il contient également des alertes pour les utilisateurs qui ne consultent pas les statistiques de site Web 24/7.
Conclusion
Il est temps pour vous de faire le saut en 2017 et de créer un site Web. Utilisez ce guide de ressources pour commencer. Parcourez les outils et trouvez-en des qui fonctionnent pour vous.
Et n'ayez pas peur si vous n'avez pas encore créé de site Web. C'est plus facile que vous ne le pensez.