Étiquette : graphisme

Publié le par — Laisser un commentaire

Qu’est que du lorem ipsum

Le Lorem Ipsum est un texte fictif utilisé par les professionnels du design graphique, les développeurs de sites web et les éditeurs pour remplir temporairement les zones de texte d’un design ou d’une maquette. Ce texte est utilisé pour simuler le contenu d’un texte réel lors de la création d’un design ou d’une mise en page.

Le Lorem Ipsum a été créé à l’origine en latin au XVIe siècle par un imprimeur pour remplir des espaces vides dans des maquettes de livres. Il est composé de mots latins aléatoires et a été popularisé dans les années 1960 grâce à son utilisation dans l’industrie de l’impression et de la publication.

Le Lorem Ipsum est également utilisé dans les logiciels de mise en page, pour simuler le contenu d’un texte réel lors de la création de maquettes de pages. Les designers utilisent le Lorem Ipsum pour évaluer la façon dont le texte s’intégrera dans un design et pour déterminer la taille et la forme de la zone de texte.

Aujourd’hui, il existe de nombreuses variantes du Lorem Ipsum disponibles en ligne, ainsi que des générateurs de Lorem Ipsum qui permettent de générer des textes aléatoires de différentes longueurs et formats pour remplir des maquettes ou des designs.

Publié le par — Laisser un commentaire

Auditer un site internet

L’audit d’un site internet consiste à examiner le site et à évaluer son contenu, sa conception, ses performances, sa sécurité et sa convivialité. Cela peut aider les propriétaires de sites internet à identifier les problèmes et les opportunités d’amélioration pour rendre leur site plus efficace et plus attractif pour les utilisateurs. Voici les étapes clés pour auditer un site internet :

Analyse des objectifs : Comprendre les objectifs du site web et le public cible visé par le site web est crucial pour l’audit. Cela aide à déterminer si le site web est bien adapté aux attentes de l’utilisateur.

Vérification de la conception : Examiner la conception du site web et évaluer sa qualité visuelle, son accessibilité, sa convivialité et la cohérence de la conception à travers les différentes pages du site.

Évaluation du contenu : Examiner le contenu du site web et évaluer sa qualité, son adéquation aux objectifs du site web, sa pertinence pour le public cible et sa structure logique.

Analyse de la performance : Vérifier les performances du site web en termes de temps de chargement des pages, d’optimisation pour les appareils mobiles, de compatibilité avec différents navigateurs et systèmes d’exploitation.

Test de la sécurité : Évaluer la sécurité du site web en testant les vulnérabilités, en vérifiant les certificats SSL et en s’assurant que le site web est conforme aux normes de sécurité et de confidentialité.

Évaluation du référencement naturel (SEO) : Vérifier si le site web est bien optimisé pour les moteurs de recherche en analysant les mots clés, les balises de titre, les descriptions, les URL, les liens internes et externes.

Analyse des statistiques : Évaluer les performances du site web en utilisant des outils d’analyse web pour suivre le trafic, le comportement des utilisateurs et les conversions.

Une fois l’audit terminé, il est important de fournir des recommandations pour améliorer le site web en fonction des résultats de l’audit. Les recommandations peuvent inclure des modifications du contenu, des améliorations de la conception, des ajustements de la structure du site web, des optimisations de la vitesse et de la sécurité et des stratégies de référencement naturel pour améliorer la visibilité du site web dans les résultats des moteurs de recherche. 

Nous contacter pour en savoir plus
Publié le par — Laisser un commentaire

Propy Delta

E-loou Propy Delta
E-loou Propy Delta

Créée en 1988, la société Propy Delta développe très rapidement ses activités d’impression. Ils s’engagent entre-autres auprès des acteurs de la production de Champagne pour leur fournir des étuis de bouteilles et magnums en Polypropylène imprimés. Leur solutions rencontrent un succès important avec des conceptions et designs innovants en PP translucide, nécessitant des savoir-faire spécifiques en impression et assemblage.

Entreprise agile, Propy Delta fabrique des pièces unitaires, prés-série, petites à moyennes séries et grands formats.

Conception, réalisation et nouvelle charte graphique du site Propy Delta par E-loou.

Voir le site
Publié le par — Laisser un commentaire

Chroniques criminelles

Chroniques criminelles est une émission de télévision française consacrée aux faits divers et aux affaires judiciaires.

Ils nous ont confié l’animation en motion design (avec le logiciel After Effects) des images d’archives et des titres des journaux sur une émission dédiée à l’affaire Jean Moritz.

Exemple des animations présentent dans l'émission :

Voir le replay
Publié le par — Laisser un commentaire

Naviguons contre le diabète

naviguonscontrelediabete
naviguonscontrelediabete

Le diabète est une maladie, oui. Certes, pour le moment, on n’en guérit pas. Mais, il existe des moyens de mieux vivre avec. L’activité physique en est un.

En participant à des régates, l’association Naviguons contre le diabète reverse à deux associations de patients, Espace diabète 28 et Drôles de Did une somme en euro par mille nautique parcouru.

Lancement du nouveau site naviguonscontrelediabete.fr.
Charte graphique et création du site sous WordPress.

Voir le site
Publié le par — Laisser un commentaire

Refonte site web, quand et pourquoi ?

Tout d’abord, qu’est-ce qu’une refonte ?

Cela permet de le moderniser graphiquement, de mettre votre site internet au goût du jour, mais pas seulement. La refonte d’un site web se fait de fond en comble, du code jusqu’au design, cela permet d’améliorer l’ergonomie, d’ajouter de nouvelles fonctionnalités pour une visite plus agréable ce qui donnera avec le temps de meilleurs résultats commerciaux en travaillant sur l’amélioration des performances SEO.

On peut faire la refonte de son site soi-même, mais il est important de noter que la moindre erreur pourrait avoir un impact sur la performance du site et avec le temps, sur les résultats commerciaux. La meilleure des solutions est de confier le projet à une agence qui aura les compétences et les connaissances pour assurer l’efficacité de ce changement.

Afin d’éviter la fuite des visiteurs, soit par un site trop lent, ou trop vieillot, il ne faut pas hésiter à investir dans un design des plus moderne, si le client se sent bien et que la circulation est fluide, il aura plus de chance à passer à l’acte d’achat ou au contact selon votre activité.

Pourquoi faire une refonte de son site internet ?

Le design est obsolète

Que vous l’ayez fait vous-même avec les moyens du bord ou confié à une agence il y a des années, il est grand temps de le moderniser avec un nouveau design et de nouvelles fonctionnalités qui donnera un plus et vous démarquera de vos concurrents. Une grande majorité des visiteurs de site internet avouent porter un jugement sur la crédibilité d’une entreprise en se basant sur la conception de leur site web.

La rapidité et le responsive

Un site internet doit être lisible sur tous les appareils, aussi bien sur un écran d’ordinateur que sur tablette et mobile, c’est ça le responsive. Les internautes étant de plus en plus sur leur smartphone, il est indispensable de faire adapter son site internet sur mobile et de penser à la vitesse de chargement des pages.

Le référencement

Votre site est tout beau tout neuf, mais une étape reste importante et c’est le SEO, c’est-à-dire le référencement sur les moteurs de recherche, ce qui permettra aux utilisateurs de vous trouver facilement sur Internet. Le SEA (achat de mots-clés) est possible, mais le référencement naturel est efficace sur du long terme et ne nécessite pas d’achat. Il se travaille dès le code jusqu’au contenu de votre site : les url uniques, la hiérarchisation, le maillage interne et les balises du code sont importants, le contenu également être optimisé pour le référencement, utiliser les bons termes aux bons endroits et ne pas abuser des mots-clés un peu partout en croisant les doigts et en risquant de répéter les mêmes mots dans une même page.

POUR RÉSUMER

La refonte d’un site est la meilleure occasion d’optimiser au maximum votre site web, de plus, si vous n’avez pas encore migré vers le HTTPS, la refonte de votre site est le moment d’en profiter pour le faire, cela augmentera votre crédibilité et la confiance des utilisateurs, mais aussi le référencement de votre site.

Publié le par — Laisser un commentaire

Outil dégradé de forme – Illustrator

L’outil dégradé de forme permet de transformer un objet en un autre en créant des étapes automatiques entre les deux formes. Il peut aussi être utilisé pour faire une ombre portée dégradée ou une lumière afin d’accentuer une forme. cette technique permet beaucoup de choses selon votre imagination !

Quelques exemples :

Pour l'exemple du texte "SHADOW"

Étape 1

Écrire un mot avec l’outil Texte en cliquant sur le raccourci T ou sur le bouton

Étape 2

Dupliquer le texte soit de façon libre avec copier-coller et le placer où vous voulez, soit en sélectionnant le texte tout en appuyant sur Alt et glisser le texte puis relâcher, cliquer sur Shift en même temps pour le diriger selon la grille.

Étape 3

Maintenant que vous avez placé votre texte, prenez l’outil « dégradé de forme ». Il suffit de cliquer sur le raccourci W ou sur le bouton , sinon dans le menu Objet > dégradé de formes > Créer (pour cette dernière, il faut que les formes soient sélectionnées avant, sinon le menu Créer sera grisé).

Étape 4

Une fois l’outil sélectionné, il faut cliquer sur chacune des formes pour déclencher le dégradé de forme. Par défaut, celui-ci sera sur « Étapes »

Étape 5

Modifier les paramètres :

Pour accéder aux paramètres, vous pouvez soit double-cliquer sur l’icône de l’outil , soit vous rendre dans le menu Objet > Dégradé de formes > Options de dégradé.

• Dans le petit menu déroulant « Pas », vous avez 3 choix :

« Couleur lissée » : dans le cas où nous aurions 2 couleurs différentes sur nos deux formes, cela permettra de faire une transition simple et lissée.

 « Étapes » : c’est le nombre d’étapes que l’on souhaite mettre entre nos deux formes.

« Distance » : c’est le nombre de pixels entre chaque copie des formes.

• Pour l’orientation, soit les formes sont alignées sur la page et donc resteront dans le sens où vous les avez créées, soit elles peuvent suivre la courbure du tracé.

N’oubliez pas de cocher « Aperçu » pour voir la modification en direct.

Pour l’exemple SHADOW, j’ai choisi « distance » à 0,1px car, dans ce type de forme, c’est-à-dire du texte non vectorisé à plusieurs lettres, le Pas « couleur lissée » ne fonctionnera pas.

Voilà donc le texte avec son dégradé créé, pour changer la couleur des textes, sélectionnez l’outil sélection directe en cliquant sur le raccourci A ou le bouton de la flèche blanche , vous pourrez ainsi sélectionner individuellement chaque texte pour en modifier la couleur.
Vous pouvez aussi changer le texte par la suite, le dégradé de forme ne bloque pas la modification.

ASTUCE BONUS

Pour pouvoir sélectionner les étapes intermédiaires créées, il faut décomposer la forme : donc aller dans objet > dégradé de formes > décomposer, elles seront donc chacune une forme indépendante.
Pensez à créer une copie de votre forme car cette action est irréversible.