En 2018, il n’est plus à démontrer la nécessité de communiquer sur internet. L’agence création site internet Blackthorns propose une démarche globale en prenant en charge la réalisation de votre site internet sur mesure. Elle effectue l’intégration et la mise en page de votre contenu et vous assure une démarche créative complète. De la charte graphique au développement back-end et front-end, Blackthorns délivre un site web d’une qualité optimale.


Web design, ergonomie et performance

L’image de votre site internet reflète l’image votre société. Un design attractif, cohérent et soigné confère une certaine plaisance et un bien-être visuel à l’internaute.

Choisir la bonne gamme de couleur, jouer sur la dernière tendance graphique, utiliser la typographie adéquate sont des exemples à prendre en compte pour donner du caractère à votre image de marque.

L’agence de conseil en communication évalue les points-clés de votre structure et élabore avec vous une démarche créative pour trouver l’univers graphique et le ton de votre communication. Elle vous oriente sur le façonnage de votre charte graphique et la pertinence de son propos.

L’aspect esthétique de votre design graphique est une chose, la performance de votre site est est une autre. La révolution mobile que connait le monde d’aujourd’hui impose aux entreprises un certain standard de minimalisme et le développement d’une stratégie directe de type Mobile First.

En effet, un internaute ou mobinaute sera intransigeant sur la vitesse de chargement de vos pages web. Un site internet bien développé et performant en terme de rapidité et fluidité sera la clé d’un projet web réussi.

Blackthorns dispose de tous les outils nécessaires à la conception d’un site internet performant : analyses des pages à l’aide de Firebug, Page Speed ou Yslow, optimisations des images avec Jpegtran / pngcrush / pngout, optimisation du fichier .HTACCESS pour un serveur plus performant, mise en place de frameworks tels que HTML5 Boilerplate et écriture de code à la main en LESS / CSS3 / Javascript en compilant le contenu à l’aide de Grunt.

Tous ces atouts vont permettre une optimisation complète de votre site internet mais va également contribuer à améliorer de façon considérable son référencement naturel.


Création site internet optimisé et responsive design

De votre ordinateur de bureau aux smartphones en passant par les tablettes voire votre téléviseur, l’évolution des formats d’écrans et supports mobiles est exponentielle depuis quelques années et ne fait que s’accroître. Vous voulez une preuve ? Cliquez sur l’évolution des tendances mobiles et vous n’aurez plus aucun doute sur le sujet.

Soucieux de ce phénomène international — devenant une problématique sérieuse chez les agences web — Blackthorns élabore des sites internet optimisés “multi-supports”, conformes aux nouveaux standards du web. Le studio travaille sur les plateformes les plus reconnues telles que WordPress, Drupal, Prestashop en les combinant à des frameworks de responsive design (Bootstrap, Foundation…) permettant une adaptation parfaite à toutes les tailles d’écrans.

Création site internet Responsive Design

Des sites internet “nouvelle génération” en 2018 ?

Le Web design et ses tendances évolue sans cesse, et ce à une vitesse fulgurante. Cependant, certaines tendances graphiques arrivent à persister dans la sphère du design multimedia. Tel est le cas pour les sites Internet réalisés en Full Background, one-page scrolling ou encore Parallax Scrolling.

Création site internet en “Full Background”

Laissez tomber le blabla, les textes à rallonge que personne ne lit et optez pour des visuels grands formats. Tel est le crédo de ces sites web nouvelle génération en “Full Background”, souvent relatifs aux marques haut-de-gamme de parfums, prêt-à-porter ou montres de luxe.

La place est aux photos de produits alléchantes, images ou vidéos tournant en boucle et prenant tout l’écran. Le message est clair, simple, sobre et terriblement efficace. Parfait pour des sites événementiels, création site internet annexe, présentation d’une nouvelle gamme de produits, etc…

Création site internet en “Scrolling”, Ok mais c’est quoi exactement ?

Les sites internet en scrolling (défilement) sont souvent composés d’une page unique donnant un message clair et direct au visiteur. Le principe est qu’il suffit de défiler la page avec la molette de la souris pour avoir accès à la totalité des informations. Ce genre de site internet est parfait pour la présentation de concepts simples tels que des applications mobiles ou des produits uniques.

Il s’agit généralement de sites Web construits pour une navigation ultra-simplifiée, la plupart du temps en vertical. Le principe est donc très simple : l’internaute n’a qu’à défiler la page à l’aide de la molette de sa souris pour parcourir le site. Le message est direct et efficace et le graphisme peut être soit fun soit minimaliste.

Ce type de site, en plus de communiquer un message simple et percutant, est très apprécié des graphistes car il laisse libre court à l’imagination d’un scénario ayant un fil conducteur tout au long du “scrolling”. On y détecte souvent un menu principal en en-tête permettant de défiler verticalement la page en cliquant simplement sur la rubrique désirée.

Un site Internet en “Parallax Scrolling”, qu’est-ce que c’est ?

Le parallax scrolling est une tendance en web design faisant révolution dans le design graphique des sites internet modernes et innovants ; Cette technique web donne au site Internet un effet visuel implacable et original. Elle s’inspire des dessins animés construits sur plusieurs calques superposés et défilants chacun à une vitesse différentes pour créer une illusion de mouvement.

La tendance Web design du parallax scrolling a été démocratisée par le site Nike Better World, conçu par Ian Coyle et King Duane en 2011.

Dès lors, les webdesigners et développeurs se sont empressés de prendre exemple sur ce site innovant, combinant les nouveautés que proposait l’arrivée du HTML5 associé au langage Javascript pour se démarquer de leurs concurrents. Tel est le cas pour l’agence Blackthorns qui a mis en pratique cette innovation Web dès 2011, avec ses premiers clients. La plupart des sites internet parallax scrolling sont développés pour une navigation à la verticale, cependant l’agence a étendu cette technique pour des utilisations horizontales également.

Ainsi, certains clients tels que la distillerie Massenez ou le groupe Aifranis ont rapidement fait appel au Studio Blackthorns afin de leur réaliser un site Internet en Parallax Scrolling. La distillerie Massenez a également mandaté le studio pour créer une web application à effet parallaxe destinée aux supports mobiles (iPad, iPhone, smartphones et tablettes). Sur ces supports, l’utilisation de cette technique s’effectue au toucher et non pas seulement au “scroll”.

Voici quelques exemples concrets de sites internet en parallax scrolling dans lesquels figure un des sites réalisé par l’agence de communication Blackthorns (6ème lien, Chemical Romance).

 


Solutions web innovantes en HTML5

Présentation HTML5

L’arrivée du HTML5 et l’évolution des navigateurs web comme Chrome, Mozzila Firefox et même Internet Explorer 10 repoussent les limites de la créativité et de l’expérience utilisateur en terme d’interactions. Il est donc tout à fait envisageable d’utiliser tous les atouts de ces technologies pour réaliser non plus des sites internet mais des applications web. En mélangeant HTML5, Javascript et CSS3 il est possible de réaliser de surprenantes créations pouvant par exemple remplacer vos présentations Powerpoint ennuyeuses en présentations fluides et innovantes. Vous capterez davantage votre public et il vous suffit d’avoir un ordinateur portable ou une tablette sans forcément de connexion internet !

Blackthorns a conçu, dans ce cas de figure, la présentation HTML5 de l’assemblée générale 2014 du Crédit Agricole Centre-est afin de re-dynamiser l’accueil de leur collaborateurs. Une soixantaine de slides ont été réalisé sur une trame web en parallax scrolling, présentant les différents aspects de la banque coopérative.

Web Application — dit Webapp —

En étendant ce concept d’application web aux supports mobiles, nous pouvons également réaliser des “webapps” c’est-à-dire des des web applications pour smartphones, tablettes, iPhones, iPads agissant de manière quasi-similaire aux applis natives téléchargées sur les stores. Cela permet de garder une expérience utilisateur forte à moindre coût car développer en HTML/CSS/Javascript est beaucoup moins cher qu’en Objective-C ou autres langages complexes de ce type.

L’agence de création de webapp Blackthorns a, par exemple, réalisé pour la distillerie Massenez une webapp optimisée pour iPad2 dans le seul but de présenter leur différents cocktails à leur client / fournisseur. Objectif : séduire en utilisant un concept novateur et en jouant sur le côté tactile du support.


Quelques exemples

Création site internet corporate
Création site internet mariage
Création site internet snack restaurant