Sur votre site web, les visuels doivent être de qualité, afin de donner une bonne image de vous. Mais ils doivent aussi être optimisés : une photo trop lourde ralentirait le temps de chargement de la page… et vous ne pouvez pas compter sur la patience des internautes : ils quitteront votre site avant de l’avoir regardé en entier.
Cependant, dans les formats de compression, le jpg et le png n’ont pas exactement la même valeur.
Quelle différence entre le jpg et le png ?
Le jpg est le format d’image qui est le plus souvent retenu pour le partage de photographies numériques. Sa qualité lui permet de restituer toute la complexité des clichés : les ombres, les nuances, les dégradés. Il puise dans un référentiel de 16,7 millions de couleurs pour y parvenir.
Le png a été créé pour offrir une alternative libre au gif. Il dispose de deux niveaux de compression, l’un, le png 8, très léger mais qui ne peut afficher que 256 couleurs, l’autre, le png 24, plus lourd que le jpg mais avec le même rendu au niveau des teintes.
À première vue, le jpg permet une meilleure compression d’image, mais le png offre la possibilité de gérer des fonds transparents, utiles pour les montages. Leurs différences ne s’arrêtent pourtant pas là.
Dans quels cas utiliser un jpg sur un site web ?
Pour sa légèreté, le jpg sera particulièrement bienvenu pour les images d’arrière-plan ou de grande taille. En effet, son format de compression ne surchargera pas la bande passante, calmant l’impatience des internautes.
De manière générale, vous continuerez à l’utiliser pour la plupart des photos.
Dans quels cas utiliser le png sur un site web ?
Le png, lui, sera privilégié pour faire apparaître un logo sans crainte de déperdition de qualité d’image (le principal risque de la compression étant la pixellisation). D’autant que le fond transparent permettra de les insérer facilement sur le site.
Il sera également utile pour les graphiques : les lignes et le texte offrent un meilleur rendu, plus précis, en png.
Pourquoi choisir entre jpg et png ?
Sur votre site web, vous voudrez offrir aux visiteurs à la fois la meilleure qualité d’image possible… et le temps de chargement le plus rapide qui soit.
C’est pour ces deux raisons que vous aurez à passer du jpg au png en fonction du type de visuels que vous souhaiterez mettre en avant… et que vous ne vous contenterez pas d’appliquer le même format en toutes circonstances.
Votre réflexion ne saurait d’ailleurs s’arrêter là. Vous aurez tout intérêt à choisir les meilleurs logiciels de compression, ceux qui vous permettront de réduire au mieux le poids de l’image sans l’altérer. Certains existent même sous forme de plug-in, par exemple pour WordPress.
De manière générale, évitez le png 24, trop lourd pour le web. Tentez différents niveaux de compression, pour trouver le bon équilibre. Et n’oubliez pas de prévoir également que ces mêmes images devront être redimensionnées afin d’être visibles sur les plus petits écrans des smartphones !
Si vous avez des missions freelance ou des projets à me proposez
Pour toute demande de devis, question, renseignement, n’hésitez point à me contacter pour discuter de votre projet en m’adressant directement un mail à new@novoxweb.com ou via le formulaire de contact. Je vous répondrai avec plaisir et dans les plus brefs délais.
Développer un outil web sur mesure, va vous permettre d’améliorer la gestion de votre activité et participer à la croissance de celle-ci. Je suis à l’écoute des besoins de votre métier pour proposer des solutions performante
Création GRAPHIQUE
Véhiculez une image professionnelle en nous confiant la conception de votre identité graphique (LOGO, BANNIÈRE, Flyer, Carte de VISITE, maquettes WEB, concevoir des INTERFACES(wireframes, prototypage)…).
Création de site E-COMMERCE
Je vous accompagnant dans toutes les étapes de création d’un site marchand : de l’identité graphique, à l’intégration du calatogue produits, jusqu’à la transformation de vos visiteurs en clients.
Audit SEO (Référencement)
Le référencement consiste à proposer un site de bonne qualité, bien compris par les moteurs de recherche et ainsi bien exposé dans les résultats de recherche.
Création de site VITRINE
Un site vitrine présente des informations sur une entreprise, ses produits ou ses services. Son objectif principal étant la conversion. exemple: les sites vitrines statiques ou dynamiques(CMS).
Gestion des réseaux sociaux
Les médias sociaux permettent de mettre en avant votre travail, de faire parler de vous et de démontrer votre expertise sur un ou plusieurs domaines. Ils sont importants pour votre image de marque.
Je mets à votre disposition mes compétences et mon savoir-faire pour vous représenter aux mieux sur internet
Pour moi, la création web est plus qu’un domaine d’expertise, c’est un art
Confier votre projet à un webdesigner freelance est moins coûteux que de vous adresser à une agence employant de nombreux salariés.
En travaillant avec un webdesigner freelance, vous bénéficiez d’un interlocuteur unique, disponible et réactif qui s’intéresse pleinement aux enjeux de votre activité.
Quelle que soit la taille de votre structure
Agence de communication, agence web, PME, association, particulier ou collectivité, nous trouverons ensemble une solution adaptée à vos besoins, main dans la main nous identifions les messages clefs à véhiculer, la valeur ajoutée créative qui fera la différence, les supports de diffusion les plus en phase avec vos objectifs.
Je vous accompagne à chaque étape pour réussir votre projet, je vous conseille efficacement en répondant rapidement à votre demande et en gardant une exigence dans la qualité des services proposés.
TAILLE
RESPONSIVE DESIGN
Une grille fluide
où les largeurs des éléments de structure sont débarrassées des unités de pixels
Des images
des médias et des contenus flexibles leur permettant de ne pas « déborder de leur parent » lorsque celui-ci se restreint
Des CSS3 Media Queries
permettant d’appliquer différentes règles de styles CSS selon la taille, l’orientation ou le ratio du device
Une philosophie « Mobile First »
et « Enrichissement progressif » facilitant l’accessibilité, la compatibilité et la performance des pages produites
Éventuellement
des adaptations conditionnelles (menu de navigation) côté client, basées sur JavaScript ou jQuery
Une adaptation
de l’affichage au Viewport du terminal
À propos de moiÀ propos de moi
webdesigner et Directeur artistique
BONJOUR, JE SUIS MOUSTAMID MOHAMED.
Je suis diplômé Ingénieur en Informatique de 28 ans, J’ai la chance de pouvoir pratiquer mon métier en tant que freelancer depuis 2015. Je travaille actuellement en tant que directeur artistique chez ReKrute.com depuis 3 ans, leader de la gestion des ressources humaines sur Internet au Moyen-Orient. Et en même temps que webdesigner et développeur web avec des clients au national et à l’internationale.
Dynamique, polyvalent et pleins d’idées innovantes et créatives, passionné par le web design et le développement web, j’améliore l’expérience utilisateur et j’optimise la performance des sites web grâce à mes capacités artistiques et techniques.
Que vous soyez une entreprise, une agence web ou un particulier, je serai heureux de répondre à toutes vos besoins.
MON HISTOIRE
MES COMPÉTENCES
0%
PHP
0%
MYSQL
0%
SYMFONY 3
0%
HTML 5 / CSS 3
0%
JAVASCRIPT
0%
PHOTOSHOP
0%
ILLUSTRATOR
COMPÉTENCES
TÉMOIGNAGES
AVIS
Clients heureux
0
Années d'expérience
0
Projets réalisés
0
Formations & Expériences
01/07/16 - Aujourd'hui2016+
Webdesigner / Integrateur web
Développement Front-End de la nouvelle plateforme ReKrute.com avec (bootstrap, html, css, js, angularjs, jquery..).
Conception des supports graphiques nécessaires pour les sites internet de l’entreprise (Logos, bannières, affiches, flyers, plaquettes commerciales Maquettes, e-Books, livrets, emailings, vidéos, cartes de visite, Création des e-cards, Newsletter, etc…).
Sur votre site web, les visuels doivent être de qualité, afin de donner une bonne image de vous. Mais ils doivent aussi être optimisés : une photo trop lourde ralentirait le temps de chargement de la page… et vous ne pouvez pas compter sur la patience des internautes : ils quitteront votre site avant de l’avoir regardé en entier.
Cependant, dans les formats de compression, le jpg et le png n’ont pas exactement la même valeur.
Quelle différence entre le jpg et le png ?
Le jpg est le format d’image qui est le plus souvent retenu pour le partage de photographies numériques. Sa qualité lui permet de restituer toute la complexité des clichés : les ombres, les nuances, les dégradés. Il puise dans un référentiel de 16,7 millions de couleurs pour y parvenir.
Le png a été créé pour offrir une alternative libre au gif. Il dispose de deux niveaux de compression, l’un, le png 8, très léger mais qui ne peut afficher que 256 couleurs, l’autre, le png 24, plus lourd que le jpg mais avec le même rendu au niveau des teintes.
À première vue, le jpg permet une meilleure compression d’image, mais le png offre la possibilité de gérer des fonds transparents, utiles pour les montages. Leurs différences ne s’arrêtent pourtant pas là.
Dans quels cas utiliser un jpg sur un site web ?
Pour sa légèreté, le jpg sera particulièrement bienvenu pour les images d’arrière-plan ou de grande taille. En effet, son format de compression ne surchargera pas la bande passante, calmant l’impatience des internautes.
De manière générale, vous continuerez à l’utiliser pour la plupart des photos.
Dans quels cas utiliser le png sur un site web ?
Le png, lui, sera privilégié pour faire apparaître un logo sans crainte de déperdition de qualité d’image (le principal risque de la compression étant la pixellisation). D’autant que le fond transparent permettra de les insérer facilement sur le site.
Il sera également utile pour les graphiques : les lignes et le texte offrent un meilleur rendu, plus précis, en png.
Pourquoi choisir entre jpg et png ?
Sur votre site web, vous voudrez offrir aux visiteurs à la fois la meilleure qualité d’image possible… et le temps de chargement le plus rapide qui soit.
C’est pour ces deux raisons que vous aurez à passer du jpg au png en fonction du type de visuels que vous souhaiterez mettre en avant… et que vous ne vous contenterez pas d’appliquer le même format en toutes circonstances.
Votre réflexion ne saurait d’ailleurs s’arrêter là. Vous aurez tout intérêt à choisir les meilleurs logiciels de compression, ceux qui vous permettront de réduire au mieux le poids de l’image sans l’altérer. Certains existent même sous forme de plug-in, par exemple pour WordPress.
De manière générale, évitez le png 24, trop lourd pour le web. Tentez différents niveaux de compression, pour trouver le bon équilibre. Et n’oubliez pas de prévoir également que ces mêmes images devront être redimensionnées afin d’être visibles sur les plus petits écrans des smartphones !
Le web design évolue constamment et chaque nouvelle année apporte son lot de nouveauté, donnant aux designers de nouvelles choses à essayer.
2018 a été pour nous l’occasion d’aborder de nombreux sujets et de vous faire découvrir des tendances émergentes. C’est donc sans surprise que certaines d’entre elles seront de la partie en 2019.
Mais voici l’intégralité des tendances qui marqueront l’univers du web design au cours des prochains mois.
1. Les polices oublient les régimes et prennent du gras
Le choix d’une typographie impacte la lecture d’un texte. En optant de plus en plus souvent pour des polices de caractère en gras, il sera plus facile de guider les lecteurs.
Vous remarquerez d’ailleurs que ce sont souvent les titres principaux qui sont mis en gras afin de délivrer plus rapidement l’information. Les sous-titres quant à eux se veulent plus lights.
Vous pourrez même y ajouter un peu de couleurs pour encore plus les souligner.
Il faudra cependant être attentif à ne pas surcharger la page de mots ainsi mis en évidence !
2. Le serif arrive sur vos écrans
La typographie continue de faire parler d’elle avec l’arrivée du serif sur vos écrans.
Toutefois, même si la police sans serif reste privilégiée pour une meilleure lisibilité, de plus en plus de marques se tournent vers le serif pour apporter un aspect décoratif à leurs titres.
Associée à une taille de police importante, vous remarquerez aussi que les empattements n’empiètent pas que la qualité de lecture.
3. Les chatbots deviennent incontournables
Présents depuis plusieurs années déjà, les chatbots prennent réellement possession des lieux en 2019.
Cette tendance s’explique notamment par les avancées technologiques en intelligence artificielle rendant ces robots conversationnels plus intelligents et efficaces.
Vous pourrez difficilement vous passer des chatbots car ils sont devenus incontournables dans la relation client, humanisant la marque et facilitant les échanges avec les consommateurs. Vendeurs, conseillers ou simples supports d’informations les chatbots peuvent revêtir des rôles variés.
Mais concrètement, de quoi auront-ils l’air en 2019 ?
L’utilisation de couleurs vives rendra votre bot plus visible sur votre page web et invitera vos visiteurs à converser.
Vous devrez également créer une mascotte pour humaniser votre bot et le rendre plus sympathique.
Enfin, même si cela ne se rapporte pas directement au web design, votre bot devra posséder un haut niveau de personnalisation pour répondre du mieux possible aux questions qui lui seront posées.
4. Les backgrounds s’animent
Si vous vous baladez sur le web, vous remarquerez que le contenu vidéo a réellement envahi nos écrans et qu’il se place de plus en plus en background.
Aujourd’hui la vidéo ne sert plus seulement à divertir l’utilisateur et/ou à diversifier le contenu d’une page web.
L’objectif est de fournir visuellement des informations pertinentes aux internautes qui ne prennent plus le temps de lire les textes d’un site, et de capter leur attention.
De plus, cette tendance va de paire avec l’envie de plonger les utilisateurs dans une expérience de contenu immersive.
5. Les animations toujours plus présentes
Si le material design permet de gagner en temps de téléchargement, avec une iconographie simple, les interactions renforcent le lien avec l’internaute.
Les boutons animés, grâce à l’effet « hover » (qui changent de couleur au passage de la souris, par exemple) ou les menus « hamburger » qui se transforment pour inciter à cliquer ne sont pas prêts de disparaître. Ces animations, grâce au CSS et au JavaScript, sont maintenant compatibles avec tous les navigateurs. Pratique, non ?
Les barres latérales défilantes de partages sur les réseaux sociaux font également partie de ces micro-interactions de plus en plus bienvenues.
6. Les micro-interactions prennent le pouvoir
C’est une tendance forte en web design, et donc pour le graphisme d’un site ou d’une application. Aujourd’hui, il faut montrer à l’utilisateur qu’il est en train d’agir, qu’il n’est pas juste un témoin face à un écran inerte.
Multiplier les micro-interactions sur les sites améliore l’engagement de leurs utilisateurs. D’autant qu’ils induisent une réactivité de la page, et donc, à nouveau, une rapidité qui est maintenant attendue partout.
Quand il glisse son doigt dessus, quand il coche un bouton, les couleurs changent, des fenêtres s’ouvrent… Quelque chose doit se passer dès qu’une action est effectuée.
Dans quelques mois ou années, les sites qui n’intégreront pas de micro-interactions sembleront dépassés aux internautes. Et ce n’est certainement pas votre but.
7. Les formes géométriques laissent place à des formes plus organiques
Avec le retour des flat illustrations c’est sans surprise que les formes géométriques s’effacent de nos interfaces web pour laisser place à des traits plus arrondis.
Les formes organiques et plus naturelles apportent un sentiment de confort, du dynamisme et un effet de mouvement, contrairement aux structures géométriques du carré, du rond ou encore du triangle.
8. Encore de la couleur pour 2019
Toujours dans cette optique d’attirer le regard des utilisateurs, le monde du web design continuera de nous dévoiler des interfaces colorées.
Si tout le monde ne peut pas intégrer des visuels hauts en couleurs, ces teintes seront notamment présentes dans des tons plus doux telles que les couleurs pastels, ces dernières étant jugées moins agressives.
9. Toujours plus de vide pour des interfaces minimalistes
Ce sera toujours le cas en 2019, vous devrez être toujours plus efficace en proposant aux internautes des informations rapidement et facilement accessibles par le biais d’une interface minimaliste.
Les espaces blancs seront toujours autant utilisés sur les pages internet aussi, s’insérant entre les blocs pour aérer la présentation et mettre en valeur les éléments.
Les écrans apparaîtront ainsi moins chargés… ce qui encouragera les utilisateurs à passer plus de temps sur les sites.
10. Les menus changent de forme
Les sites vont encore plus loin que le responsive design. Ils sont maintenant pensés directement pour une utilisation sur écran mobile.
C’est ainsi que les menus, traditionnellement en haut des écrans d’ordinateur, se déplacent vers le bas. Ils répondent ainsi à l’utilisation habituelle des smartphones : c’est en bas que l’on pose son doigt pour naviguer !
Encore inconcevable il y quelques années, l’une des tendances qui bouscule le très célèbre menu hamburger est le scroll horizontal pour les menu, notamment sur le mobile. Importé depuis les applications mobiles, ce concept prend peu à peu sa place sur le web.
11. La réalité augmentée s’installe
D’abord très utilisée dans les jeux vidéos, de nombreuses marques e-commerce se sont emparées de cette nouvelle technologie pour proposer à leurs utilisateurs une expérience unique.
En effet, la réalité augmentée peut facilement être mise en place car son utilisation est possible sur tout appareil disposant d’une caméra.
Vous pouvez donc proposer aux internautes de tester en direct une paire de lunette, un chapeau, etc.
Ikea a par exemple créé son application Place pour vous permettre de visualiser exactement le rendu d’un produit chez vous.
12. Les AMPs évoluent avec les AMPs Stories
Comme vous le savez, pour qu’un site soit bien référencé, il doit être responsive. Mais sur mobile, il doit également posséder un temps de chargement très rapide.
Les Accelerated Mobile Pages (AMP) ont justement été créées dans le but de fournir aux mobinautes du contenu très rapidement grâce à un codage qui permet aux sites de se charger plus vite sur les smartphones.À retenirLes mobinautes sont encore plus pressés que les internautes et l’utilisation des pages AMPs s’avère également bénéfique pour le positionnement Google sur Mobile.
La plupart des CMS proposent leurs plugins, mais il est fortement conseillé de personnaliser ses pages AMPs pour un rendu plus professionnel. La personnalisation ira d’ailleurs plus loin en 2019 grâce à l’apparition des AMPs Stories.
À l’instar des réseaux sociaux, Google vous permet d’ajouter des images, des vidéos et des animations sur vos AMPs pour plonger les mobinautes au coeur d’un storytelling captivant.
13. La symétrie, toujours aux abonnés absents
Alors que les grilles sont recommandées pour créer des mises en page cohérentes et harmonieuses, je vous ai à plusieurs reprises conseillé de dépasser ce système de grille pour apporter du dynamisme et de la créativité.
C’est un exercice que vous devrez effectuer en 2019 car le web design reste et devient de plus en plus asymétrique.
Pour vous démarquer vous pourrez compter sur la répétition de motifs irréguliers ou encore la superposition de couleurs ou de textures.
14. Le one-page toujours aussi fort
Contrairement aux idées reçues, le one-page n’est toujours pas prêt à prendre congé. Beaucoup continuent de fournir une belle longueur de contenu à scroller qui donne le vertige
Mais pour que ce design ne soit pas ennuyeux, il doit être associé à une animation qui soit à la fois légère et attrayante. Elle doit susciter l’envie de continuer à dérouler la page.
Les effets de scroll parallax sont, malgré leur complexité technique, un réel atout pour les sites one-page. C’est une manière comme une autre de conserver l’attention…
15. Du Material Design dans tous les sens
Le Flat design a été très (trop ?) présent ces dernières années. Il flattait nos envies de simplicité, avec une iconographie simple et des couleurs uniformes.
Le Material Design, initié par Google (hé oui !) ne s’écarte pas trop du Flat Design mais il y ajoute de la perspective, des ombres, des formes géométriques et même du mouvement. Il y a de la vie dans le Material Design.
Et comme la firme de Moutain View met tout à disposition pour que chacun puisse intégrer ce type de design dans ses pages, il va très certainement continuer à faire des petites pages en 2019.
Conclusion
En 2019, ce n’est donc peut-être pas sur l’apparence de votre site que vous devez vous concentrer, mais sur sa navigation et l’expérience fournie aux utilisateurs.
Si vous parvenez à lier les trois, vous gagnerez sur tous les tableaux.
Bien sûr, dans le web design comme ailleurs, rien ni personne ne peut vous obliger à imiter ce que tout le monde fait. Vous pouvez tout à fait vous démarquer pour mieux mettre en avant votre originalité. Mais n’oubliez pas que les internautes prennent très vite des habitudes, et qu’ils s’attendent à retrouver peu ou prou les mêmes services sur les différents sites qu’ils consultent. Facilitez-leur la tâche…
Si vous souhaitez déléguer ce travail à un professionnel, pensez à NovoXweb.com pour trouvez un freelance disponible pour vous accompagner dans vos projets web.
« IF YOU CAN DESIGN ONE THING YOU CAN DESIGN EVERYTHING.
JUST BELIEVE IT. »
– EDSGER W. DIJKSTRA –
Contactez moiContactez moi
Si vous avez des missions freelance ou des projets à me proposez
Pour toute demande de devis, question, renseignement, n’hésitez point à me contacter pour discuter de votre projet en m’adressant directement un mail à new@novoxweb.com ou via le formulaire de contact. Je vous répondrai avec plaisir et dans les plus brefs délais.
Développer un outil web sur mesure, va vous permettre d’améliorer la gestion de votre activité et participer à la croissance de celle-ci. Je suis à l’écoute des besoins de votre métier pour proposer des solutions performante
Création GRAPHIQUE
Véhiculez une image professionnelle en nous confiant la conception de votre identité graphique (LOGO, BANNIÈRE, Flyer, Carte de VISITE, maquettes WEB, concevoir des INTERFACES(wireframes, prototypage)…).
Création de site E-COMMERCE
Je vous accompagnant dans toutes les étapes de création d’un site marchand : de l’identité graphique, à l’intégration du calatogue produits, jusqu’à la transformation de vos visiteurs en clients.
Audit SEO (Référencement)
Le référencement consiste à proposer un site de bonne qualité, bien compris par les moteurs de recherche et ainsi bien exposé dans les résultats de recherche.
Création de site VITRINE
Un site vitrine présente des informations sur une entreprise, ses produits ou ses services. Son objectif principal étant la conversion. exemple: les sites vitrines statiques ou dynamiques(CMS).
Gestion des réseaux sociaux
Les médias sociaux permettent de mettre en avant votre travail, de faire parler de vous et de démontrer votre expertise sur un ou plusieurs domaines. Ils sont importants pour votre image de marque.
Je mets à votre disposition mes compétences et mon savoir-faire pour vous représenter aux mieux sur internet
Pour moi, la création web est plus qu’un domaine d’expertise, c’est un art
Confier votre projet à un webdesigner freelance est moins coûteux que de vous adresser à une agence employant de nombreux salariés.
En travaillant avec un webdesigner freelance, vous bénéficiez d’un interlocuteur unique, disponible et réactif qui s’intéresse pleinement aux enjeux de votre activité.
Quelle que soit la taille de votre structure
Agence de communication, agence web, PME, association, particulier ou collectivité, nous trouverons ensemble une solution adaptée à vos besoins, main dans la main nous identifions les messages clefs à véhiculer, la valeur ajoutée créative qui fera la différence, les supports de diffusion les plus en phase avec vos objectifs.
Je vous accompagne à chaque étape pour réussir votre projet, je vous conseille efficacement en répondant rapidement à votre demande et en gardant une exigence dans la qualité des services proposés.
TAILLE
RESPONSIVE DESIGN
Une grille fluide
où les largeurs des éléments de structure sont débarrassées des unités de pixels
Des images
des médias et des contenus flexibles leur permettant de ne pas « déborder de leur parent » lorsque celui-ci se restreint
Des CSS3 Media Queries
permettant d’appliquer différentes règles de styles CSS selon la taille, l’orientation ou le ratio du device
Une philosophie « Mobile First »
et « Enrichissement progressif » facilitant l’accessibilité, la compatibilité et la performance des pages produites
Éventuellement
des adaptations conditionnelles (menu de navigation) côté client, basées sur JavaScript ou jQuery
Une adaptation
de l’affichage au Viewport du terminal
À propos de moiÀ propos de moi
webdesigner et Directeur artistique
BONJOUR, JE SUIS MOUSTAMID MOHAMED.
Je suis diplômé Ingénieur en Informatique de 28 ans, J’ai la chance de pouvoir pratiquer mon métier en tant que freelancer depuis 2015. Je travaille actuellement en tant que directeur artistique chez ReKrute.com depuis 3 ans, leader de la gestion des ressources humaines sur Internet au Moyen-Orient. Et en même temps que webdesigner et développeur web avec des clients au national et à l’internationale.
Dynamique, polyvalent et pleins d’idées innovantes et créatives, passionné par le web design et le développement web, j’améliore l’expérience utilisateur et j’optimise la performance des sites web grâce à mes capacités artistiques et techniques.
Que vous soyez une entreprise, une agence web ou un particulier, je serai heureux de répondre à toutes vos besoins.
MON HISTOIRE
MES COMPÉTENCES
0%
PHP
0%
MYSQL
0%
SYMFONY 3
0%
HTML 5 / CSS 3
0%
JAVASCRIPT
0%
PHOTOSHOP
0%
ILLUSTRATOR
COMPÉTENCES
TÉMOIGNAGES
AVIS
Clients heureux
0
Années d'expérience
0
Projets réalisés
0
Formations & Expériences
01/07/16 - Aujourd'hui2016+
Webdesigner / Integrateur web
Développement Front-End de la nouvelle plateforme ReKrute.com avec (bootstrap, html, css, js, angularjs, jquery..).
Conception des supports graphiques nécessaires pour les sites internet de l’entreprise (Logos, bannières, affiches, flyers, plaquettes commerciales Maquettes, e-Books, livrets, emailings, vidéos, cartes de visite, Création des e-cards, Newsletter, etc…).
Sur votre site web, les visuels doivent être de qualité, afin de donner une bonne image de vous. Mais ils doivent aussi être optimisés : une photo trop lourde ralentirait le temps de chargement de la page… et vous ne pouvez pas compter sur la patience des internautes : ils quitteront votre site avant de l’avoir regardé en entier.
Cependant, dans les formats de compression, le jpg et le png n’ont pas exactement la même valeur.
Quelle différence entre le jpg et le png ?
Le jpg est le format d’image qui est le plus souvent retenu pour le partage de photographies numériques. Sa qualité lui permet de restituer toute la complexité des clichés : les ombres, les nuances, les dégradés. Il puise dans un référentiel de 16,7 millions de couleurs pour y parvenir.
Le png a été créé pour offrir une alternative libre au gif. Il dispose de deux niveaux de compression, l’un, le png 8, très léger mais qui ne peut afficher que 256 couleurs, l’autre, le png 24, plus lourd que le jpg mais avec le même rendu au niveau des teintes.
À première vue, le jpg permet une meilleure compression d’image, mais le png offre la possibilité de gérer des fonds transparents, utiles pour les montages. Leurs différences ne s’arrêtent pourtant pas là.
Dans quels cas utiliser un jpg sur un site web ?
Pour sa légèreté, le jpg sera particulièrement bienvenu pour les images d’arrière-plan ou de grande taille. En effet, son format de compression ne surchargera pas la bande passante, calmant l’impatience des internautes.
De manière générale, vous continuerez à l’utiliser pour la plupart des photos.
Dans quels cas utiliser le png sur un site web ?
Le png, lui, sera privilégié pour faire apparaître un logo sans crainte de déperdition de qualité d’image (le principal risque de la compression étant la pixellisation). D’autant que le fond transparent permettra de les insérer facilement sur le site.
Il sera également utile pour les graphiques : les lignes et le texte offrent un meilleur rendu, plus précis, en png.
Pourquoi choisir entre jpg et png ?
Sur votre site web, vous voudrez offrir aux visiteurs à la fois la meilleure qualité d’image possible… et le temps de chargement le plus rapide qui soit.
C’est pour ces deux raisons que vous aurez à passer du jpg au png en fonction du type de visuels que vous souhaiterez mettre en avant… et que vous ne vous contenterez pas d’appliquer le même format en toutes circonstances.
Votre réflexion ne saurait d’ailleurs s’arrêter là. Vous aurez tout intérêt à choisir les meilleurs logiciels de compression, ceux qui vous permettront de réduire au mieux le poids de l’image sans l’altérer. Certains existent même sous forme de plug-in, par exemple pour WordPress.
De manière générale, évitez le png 24, trop lourd pour le web. Tentez différents niveaux de compression, pour trouver le bon équilibre. Et n’oubliez pas de prévoir également que ces mêmes images devront être redimensionnées afin d’être visibles sur les plus petits écrans des smartphones !
Le web design évolue constamment et chaque nouvelle année apporte son lot de nouveauté, donnant aux designers de nouvelles choses à essayer.
2018 a été pour nous l’occasion d’aborder de nombreux sujets et de vous faire découvrir des tendances émergentes. C’est donc sans surprise que certaines d’entre elles seront de la partie en 2019.
Mais voici l’intégralité des tendances qui marqueront l’univers du web design au cours des prochains mois.
1. Les polices oublient les régimes et prennent du gras
Le choix d’une typographie impacte la lecture d’un texte. En optant de plus en plus souvent pour des polices de caractère en gras, il sera plus facile de guider les lecteurs.
Vous remarquerez d’ailleurs que ce sont souvent les titres principaux qui sont mis en gras afin de délivrer plus rapidement l’information. Les sous-titres quant à eux se veulent plus lights.
Vous pourrez même y ajouter un peu de couleurs pour encore plus les souligner.
Il faudra cependant être attentif à ne pas surcharger la page de mots ainsi mis en évidence !
2. Le serif arrive sur vos écrans
La typographie continue de faire parler d’elle avec l’arrivée du serif sur vos écrans.
Toutefois, même si la police sans serif reste privilégiée pour une meilleure lisibilité, de plus en plus de marques se tournent vers le serif pour apporter un aspect décoratif à leurs titres.
Associée à une taille de police importante, vous remarquerez aussi que les empattements n’empiètent pas que la qualité de lecture.
3. Les chatbots deviennent incontournables
Présents depuis plusieurs années déjà, les chatbots prennent réellement possession des lieux en 2019.
Cette tendance s’explique notamment par les avancées technologiques en intelligence artificielle rendant ces robots conversationnels plus intelligents et efficaces.
Vous pourrez difficilement vous passer des chatbots car ils sont devenus incontournables dans la relation client, humanisant la marque et facilitant les échanges avec les consommateurs. Vendeurs, conseillers ou simples supports d’informations les chatbots peuvent revêtir des rôles variés.
Mais concrètement, de quoi auront-ils l’air en 2019 ?
L’utilisation de couleurs vives rendra votre bot plus visible sur votre page web et invitera vos visiteurs à converser.
Vous devrez également créer une mascotte pour humaniser votre bot et le rendre plus sympathique.
Enfin, même si cela ne se rapporte pas directement au web design, votre bot devra posséder un haut niveau de personnalisation pour répondre du mieux possible aux questions qui lui seront posées.
4. Les backgrounds s’animent
Si vous vous baladez sur le web, vous remarquerez que le contenu vidéo a réellement envahi nos écrans et qu’il se place de plus en plus en background.
Aujourd’hui la vidéo ne sert plus seulement à divertir l’utilisateur et/ou à diversifier le contenu d’une page web.
L’objectif est de fournir visuellement des informations pertinentes aux internautes qui ne prennent plus le temps de lire les textes d’un site, et de capter leur attention.
De plus, cette tendance va de paire avec l’envie de plonger les utilisateurs dans une expérience de contenu immersive.
5. Les animations toujours plus présentes
Si le material design permet de gagner en temps de téléchargement, avec une iconographie simple, les interactions renforcent le lien avec l’internaute.
Les boutons animés, grâce à l’effet « hover » (qui changent de couleur au passage de la souris, par exemple) ou les menus « hamburger » qui se transforment pour inciter à cliquer ne sont pas prêts de disparaître. Ces animations, grâce au CSS et au JavaScript, sont maintenant compatibles avec tous les navigateurs. Pratique, non ?
Les barres latérales défilantes de partages sur les réseaux sociaux font également partie de ces micro-interactions de plus en plus bienvenues.
6. Les micro-interactions prennent le pouvoir
C’est une tendance forte en web design, et donc pour le graphisme d’un site ou d’une application. Aujourd’hui, il faut montrer à l’utilisateur qu’il est en train d’agir, qu’il n’est pas juste un témoin face à un écran inerte.
Multiplier les micro-interactions sur les sites améliore l’engagement de leurs utilisateurs. D’autant qu’ils induisent une réactivité de la page, et donc, à nouveau, une rapidité qui est maintenant attendue partout.
Quand il glisse son doigt dessus, quand il coche un bouton, les couleurs changent, des fenêtres s’ouvrent… Quelque chose doit se passer dès qu’une action est effectuée.
Dans quelques mois ou années, les sites qui n’intégreront pas de micro-interactions sembleront dépassés aux internautes. Et ce n’est certainement pas votre but.
7. Les formes géométriques laissent place à des formes plus organiques
Avec le retour des flat illustrations c’est sans surprise que les formes géométriques s’effacent de nos interfaces web pour laisser place à des traits plus arrondis.
Les formes organiques et plus naturelles apportent un sentiment de confort, du dynamisme et un effet de mouvement, contrairement aux structures géométriques du carré, du rond ou encore du triangle.
8. Encore de la couleur pour 2019
Toujours dans cette optique d’attirer le regard des utilisateurs, le monde du web design continuera de nous dévoiler des interfaces colorées.
Si tout le monde ne peut pas intégrer des visuels hauts en couleurs, ces teintes seront notamment présentes dans des tons plus doux telles que les couleurs pastels, ces dernières étant jugées moins agressives.
9. Toujours plus de vide pour des interfaces minimalistes
Ce sera toujours le cas en 2019, vous devrez être toujours plus efficace en proposant aux internautes des informations rapidement et facilement accessibles par le biais d’une interface minimaliste.
Les espaces blancs seront toujours autant utilisés sur les pages internet aussi, s’insérant entre les blocs pour aérer la présentation et mettre en valeur les éléments.
Les écrans apparaîtront ainsi moins chargés… ce qui encouragera les utilisateurs à passer plus de temps sur les sites.
10. Les menus changent de forme
Les sites vont encore plus loin que le responsive design. Ils sont maintenant pensés directement pour une utilisation sur écran mobile.
C’est ainsi que les menus, traditionnellement en haut des écrans d’ordinateur, se déplacent vers le bas. Ils répondent ainsi à l’utilisation habituelle des smartphones : c’est en bas que l’on pose son doigt pour naviguer !
Encore inconcevable il y quelques années, l’une des tendances qui bouscule le très célèbre menu hamburger est le scroll horizontal pour les menu, notamment sur le mobile. Importé depuis les applications mobiles, ce concept prend peu à peu sa place sur le web.
11. La réalité augmentée s’installe
D’abord très utilisée dans les jeux vidéos, de nombreuses marques e-commerce se sont emparées de cette nouvelle technologie pour proposer à leurs utilisateurs une expérience unique.
En effet, la réalité augmentée peut facilement être mise en place car son utilisation est possible sur tout appareil disposant d’une caméra.
Vous pouvez donc proposer aux internautes de tester en direct une paire de lunette, un chapeau, etc.
Ikea a par exemple créé son application Place pour vous permettre de visualiser exactement le rendu d’un produit chez vous.
12. Les AMPs évoluent avec les AMPs Stories
Comme vous le savez, pour qu’un site soit bien référencé, il doit être responsive. Mais sur mobile, il doit également posséder un temps de chargement très rapide.
Les Accelerated Mobile Pages (AMP) ont justement été créées dans le but de fournir aux mobinautes du contenu très rapidement grâce à un codage qui permet aux sites de se charger plus vite sur les smartphones.À retenirLes mobinautes sont encore plus pressés que les internautes et l’utilisation des pages AMPs s’avère également bénéfique pour le positionnement Google sur Mobile.
La plupart des CMS proposent leurs plugins, mais il est fortement conseillé de personnaliser ses pages AMPs pour un rendu plus professionnel. La personnalisation ira d’ailleurs plus loin en 2019 grâce à l’apparition des AMPs Stories.
À l’instar des réseaux sociaux, Google vous permet d’ajouter des images, des vidéos et des animations sur vos AMPs pour plonger les mobinautes au coeur d’un storytelling captivant.
13. La symétrie, toujours aux abonnés absents
Alors que les grilles sont recommandées pour créer des mises en page cohérentes et harmonieuses, je vous ai à plusieurs reprises conseillé de dépasser ce système de grille pour apporter du dynamisme et de la créativité.
C’est un exercice que vous devrez effectuer en 2019 car le web design reste et devient de plus en plus asymétrique.
Pour vous démarquer vous pourrez compter sur la répétition de motifs irréguliers ou encore la superposition de couleurs ou de textures.
14. Le one-page toujours aussi fort
Contrairement aux idées reçues, le one-page n’est toujours pas prêt à prendre congé. Beaucoup continuent de fournir une belle longueur de contenu à scroller qui donne le vertige
Mais pour que ce design ne soit pas ennuyeux, il doit être associé à une animation qui soit à la fois légère et attrayante. Elle doit susciter l’envie de continuer à dérouler la page.
Les effets de scroll parallax sont, malgré leur complexité technique, un réel atout pour les sites one-page. C’est une manière comme une autre de conserver l’attention…
15. Du Material Design dans tous les sens
Le Flat design a été très (trop ?) présent ces dernières années. Il flattait nos envies de simplicité, avec une iconographie simple et des couleurs uniformes.
Le Material Design, initié par Google (hé oui !) ne s’écarte pas trop du Flat Design mais il y ajoute de la perspective, des ombres, des formes géométriques et même du mouvement. Il y a de la vie dans le Material Design.
Et comme la firme de Moutain View met tout à disposition pour que chacun puisse intégrer ce type de design dans ses pages, il va très certainement continuer à faire des petites pages en 2019.
Conclusion
En 2019, ce n’est donc peut-être pas sur l’apparence de votre site que vous devez vous concentrer, mais sur sa navigation et l’expérience fournie aux utilisateurs.
Si vous parvenez à lier les trois, vous gagnerez sur tous les tableaux.
Bien sûr, dans le web design comme ailleurs, rien ni personne ne peut vous obliger à imiter ce que tout le monde fait. Vous pouvez tout à fait vous démarquer pour mieux mettre en avant votre originalité. Mais n’oubliez pas que les internautes prennent très vite des habitudes, et qu’ils s’attendent à retrouver peu ou prou les mêmes services sur les différents sites qu’ils consultent. Facilitez-leur la tâche…
Si vous souhaitez déléguer ce travail à un professionnel, pensez à NovoXweb.com pour trouvez un freelance disponible pour vous accompagner dans vos projets web.