« Merci pour la réactivité. »

Puis, un peu plus tard :

« Merci pour la rapidité avec laquelle vous vous êtes occupés de ça. J’ai vérifié et c’est exactement ce qu’on voulait, c’est parfait. »

Ces retours n’étaient pas sollicités. Ils faisaient simplement suite à deux demandes différentes, comprises, cadrées puis traitées rapidement.

Cela nous a rappelé quelque chose qui fait partie de notre manière de travailler depuis longtemps : dans un projet digital, la réactivité compte. Mais elle ne consiste pas seulement à répondre vite.

Comprendre vite

Une demande client arrive rarement sous la forme d’un brief parfaitement structuré.

Il faut comprendre ce qui est réellement demandé, identifier les implications graphiques ou techniques, évaluer le temps nécessaire et parfois déterminer si la demande entre encore dans le cadre prévu.

C’est là que l’expérience joue un rôle important. Plus on connaît le projet, son contexte et ses contraintes, plus on est capable de distinguer rapidement une modification simple d’un sujet qui demande davantage de réflexion.

La réactivité commence donc souvent par là : comprendre vite pour pouvoir donner une réponse claire.

Décider sans multiplier les intermédiaires

Chez 8bit, les personnes qui cadrent et conçoivent les projets restent directement impliquées dans leur réalisation.

Cela permet d’éviter qu’une demande doive passer par plusieurs niveaux avant qu’une décision puisse être prise. Les personnes concernées peuvent rapidement se concerter, évaluer ce qu’il faut faire et donner un cadre au client.

Parfois, la réponse tient en quelques lignes : la demande est claire, elle devrait prendre environ trois heures, elle peut être prise sur le pack d’heures en cours et nous pouvons nous en occuper aujourd’hui.

Le travail n’a pas forcément besoin d’être réalisé immédiatement. Mais la décision peut l’être. Le client sait alors ce qui va être fait, dans quel cadre et à quel moment.

Réactivité ne veut pas dire urgence permanente

Être réactif ne signifie pas dire oui à tout, ni interrompre systématiquement son planning dès qu’une nouvelle demande arrive.

Certaines modifications peuvent être réalisées dans la journée. D’autres doivent être planifiées la semaine suivante. D’autres encore nécessitent de revoir le périmètre, le budget ou l’approche technique.

Ce qui compte surtout, c’est que le client ne reste pas dans le flou.

Une réponse rapide peut très bien être : « Nous avons bien compris la demande, nous pouvons nous en occuper la semaine prochaine. »

La réactivité tient alors moins à la vitesse d’exécution qu’à la capacité à comprendre, décider et donner de la visibilité.

Une conséquence de notre manière de travailler

Nous ne considérons pas vraiment la réactivité comme un service supplémentaire.

Elle est plutôt la conséquence de plusieurs choix : une équipe expérimentée, des échanges directs, peu d’intermédiaires et des personnes qui restent impliquées du cadrage à la réalisation.

Cela permet de comprendre plus vite, de décider plus vite et, lorsque cela a du sens, d’avancer plus vite. Sans confondre vitesse et précipitation.

Lorsque des clients prennent spontanément le temps de nous remercier pour cette réactivité, c’est un bon rappel que la qualité d’une collaboration ne se joue pas uniquement dans les grands livrables. Elle se joue aussi dans la manière dont les petits sujets sont traités au quotidien.

Vous avez un projet en tête ? Parlons-en !

Vincent Parisod Associé – Directeur Contactez-nous

The post La réactivité, ce n’est pas simplement répondre vite appeared first on 8bit.

Mais lorsqu’on commence à creuser, le problème est rarement uniquement graphique.

Souvent, l’organisation a évolué plus vite que l’identité qui la représente.

C’est souvent ce décalage qu’il faut comprendre avant de décider s’il faut ajuster quelques éléments, faire évoluer le système existant ou engager une transformation plus profonde.

Qu’est-ce qui a réellement changé ?

Avant de regarder le logo, il faut revenir à l’organisation.

Ce qu’elle proposait il y a cinq ou dix ans correspond-il encore à son activité actuelle ? Les publics sont-ils les mêmes ? Ses ambitions ont-elles changé ? Certaines compétences ou offres sont-elles devenues plus importantes ? Cherche-t-elle aujourd’hui à être perçue différemment ?

Ces questions peuvent sembler éloignées du design. Elles déterminent pourtant une grande partie du travail qui suivra.

Les attributs associés à la marque méritent également d’être remis à plat. Ce qui devait autrefois paraître accessible, institutionnel, innovant, expert ou premium est-il toujours pertinent ? La promesse faite aux publics correspond-elle encore à la réalité ? Et surtout, l’organisation possède-t-elle les preuves qui permettent de la soutenir ?

Une identité peut donc être graphiquement correcte et pourtant ne plus exprimer ce qu’une organisation est devenue.

Avant de faire évoluer une identité, il faut clarifier ce qu’elle doit désormais représenter.

Tout ce qui existe n’est pas à jeter

Une évolution de positionnement n’implique pas forcément une rupture visuelle.

Au fil des années, une identité accumule aussi de la reconnaissance. Une couleur, un symbole, une construction graphique ou certains codes peuvent être fortement associés à l’organisation. Cette valeur existe dans la tête des collaborateurs, des clients, des partenaires ou du public.

Le travail consiste donc aussi à identifier ce qui mérite de rester.

Parfois, un signe peut être conservé presque intact alors que tout le système autour de lui doit évoluer. Dans d’autres cas, quelques caractéristiques suffisent à maintenir une continuité pendant que l’identité prend une nouvelle direction.

L’objectif n’est pas de préserver l’existant par nostalgie. Il est de ne pas supprimer une valeur déjà acquise simplement pour rendre le changement plus visible.

Où apparaît réellement le décalage ?

Le problème peut venir du logo. Mais il peut aussi se situer ailleurs.

L’organisation dispose peut-être d’une identité pensée autour de quelques supports alors qu’elle communique désormais quotidiennement sur des plateformes digitales. Son offre s’est structurée mais son langage graphique ne permet pas de distinguer ses différentes activités. Son positionnement a évolué mais ses images, ses messages ou son ton continuent à raconter autre chose.

Un autre signal apparaît dans les usages internes.

Lorsque chaque équipe doit inventer ses propres mises en page, chercher de nouvelles couleurs, créer des variantes ou bricoler des solutions pour faire fonctionner la marque sur de nouveaux supports, ce n’est pas forcément un problème de discipline.

Cela peut simplement montrer que le système existant n’est plus suffisamment riche pour accompagner les besoins réels de l’organisation.

C’est pourquoi il est utile de regarder l’identité dans son ensemble : positionnement, discours, logo, typographies, couleurs, images, architecture de marque, supports et usages.

Jusqu’où faut-il faire évoluer la marque ?

Ce diagnostic permet ensuite de poser une question beaucoup plus concrète : quelle transformation est réellement nécessaire ?

Il n’y a pas seulement deux options : conserver l’existant ou repartir de zéro.

On peut enrichir un univers trop limité. Simplifier certains éléments. Clarifier une architecture de marque. Faire évoluer un langage graphique. Revoir certains attributs du positionnement. Moderniser un signe tout en conservant sa reconnaissance. Ou, lorsque le décalage est devenu trop important, reconstruire plus profondément l’identité.

Une organisation fortement reconnue peut avoir beaucoup à perdre dans une rupture inutile. Une structure dont le métier, l’ambition ou les publics ont profondément changé peut au contraire être limitée par une identité que l’on chercherait à préserver à tout prix.

C’est pour cela que nous préférons ne pas décider au départ qu’un projet sera un simple « refresh » ou un rebranding complet.

Le bon niveau de transformation apparaît lorsque l’on comprend ce qui a changé, ce qui mérite d’être conservé et ce qui ne permet plus à la marque d’avancer.

Une identité pour la prochaine étape

Faire évoluer une identité ne consiste finalement pas à la rendre simplement plus actuelle.

Il s’agit de réaligner ce que l’organisation est devenue, ce qu’elle veut construire et la manière dont elle se présente à ses publics.

La vraie question n’est donc pas de savoir combien il faut changer.

Elle est de savoir ce que la marque doit permettre d’exprimer aujourd’hui et demain. C’est à partir de là que l’on peut décider ce qui mérite d’être conservé, renforcé ou transformé.

Vous avez un projet en tête ? Parlons-en !

Vincent Parisod Associé – Directeur Contactez-nous

The post Quand une marque évolue plus vite que son identité appeared first on 8bit.

Dans beaucoup de projets web, les contenus sont identifiés comme l’une des principales causes de retard. Les textes ne sont pas prêts, les traductions arrivent plus tard que prévu, certaines pages sont plus complexes qu’imaginé, des validations internes prennent du temps ou des contenus existants doivent finalement être revus, raccourcis, déplacés ou supprimés.

Face à cela, une réponse semble évidente : demander au client de rédiger tous les contenus le plus tôt possible.

Sur le principe, l’intention est bonne. Un projet digital ne peut pas être conçu dans le vide. Il faut comprendre ce que le site devra porter, quels publics il devra servir, quelles pages seront nécessaires, quels messages devront être mis en avant et quels contenus existent déjà.

Mais dans la pratique, demander des textes finalisés trop tôt n’est pas toujours la meilleure solution.

Rédiger définitivement trop tôt peut aussi compliquer le projet

Lorsqu’une organisation rédige ses contenus avant de voir la structure du futur site, elle le fait souvent avec ses réflexes internes. Elle explique beaucoup, détaille, nuance, anticipe les exceptions et cherche parfois à faire tenir toute la connaissance de l’organisation dans chaque page.

C’est compréhensible. Mais ce n’est pas toujours adapté au web.

Un site ne fonctionne pas comme un rapport, une brochure institutionnelle ou un document Word. Il doit permettre à des publics différents de comprendre rapidement où ils sont, ce qui leur est proposé, ce qu’ils peuvent faire ensuite et où trouver plus d’informations si nécessaire.

Le problème n’est donc pas seulement d’avoir des contenus. Le vrai sujet est d’avoir des contenus placés au bon endroit, au bon niveau de détail, dans le bon volume, avec la bonne fonction dans le parcours utilisateur.

Les contenus doivent être cadrés tôt

Cela ne signifie pas qu’il faut repousser les contenus à la fin du projet. Au contraire, la réflexion contenu doit commencer très tôt.

Dès le cadrage, il est essentiel de comprendre les publics à qui le site s’adresse, les pages à prévoir, les contenus existants, les informations manquantes, les contraintes de traduction, les messages prioritaires et les éléments qui devront orienter, rassurer, expliquer ou convertir.

Cette étape permet d’éviter de concevoir une structure théorique, déconnectée de la réalité de l’organisation. Elle permet aussi d’identifier les contenus sensibles, les pages qui demanderont plus de validation et les informations qui auront un impact direct sur l’expérience utilisateur.

Mais cadrer les contenus ne veut pas forcément dire rédiger tous les textes définitifs dès le départ. Il y a une différence importante entre comprendre ce que le site devra porter et figer trop tôt la forme finale de chaque texte.

Les wireframes rendent la structure visible

Les wireframes jouent ici un rôle essentiel. Ils ne servent pas seulement à montrer la structure d’une page ou l’organisation des blocs. Ils aident aussi le client à comprendre comment les contenus vont vivre dans l’interface.

Un wireframe permet de rendre visibles les niveaux de lecture, les volumes de texte attendus, les titres à prévoir, les zones d’introduction, les appels à l’action, les contenus secondaires, les liens vers les pages plus détaillées et la différence entre une page de premier niveau et une page plus profonde.

C’est souvent à ce moment-là que le client comprend réellement ce que l’on attend du contenu.

Une page d’accueil n’a pas besoin de tout expliquer. Une page de premier niveau doit orienter, synthétiser et donner envie d’aller plus loin. Une page de détail peut accueillir un contenu plus long, parce que l’utilisateur a déjà montré son intérêt. Un titre doit aider à comprendre, pas seulement introduire. Un appel à l’action doit guider, pas décorer.

Nous l’observons régulièrement : lorsqu’un client découvre les contenus dans une structure de page, il comprend plus facilement ce qui doit être synthétisé, ce qui peut être déplacé plus bas dans la page, ou ce qui mérite une page dédiée.

Les wireframes transforment donc une discussion abstraite sur les contenus en une réalité concrète. Ils montrent le cadre. Et quand le cadre devient visible, la rédaction devient souvent plus juste.

Écrire dans une structure plutôt que dans le vide

Pour beaucoup d’organisations, écrire dans un fichier Word ou dans un tableau Excel reste difficile. La page n’a pas encore de forme, le volume attendu n’est pas clair, le rôle de chaque bloc n’est pas toujours compris et la différence entre introduction, contenu principal, détail, preuve et action reste abstraite.

Le risque est alors de produire des textes trop longs, trop internes ou trop explicatifs.

À l’inverse, lorsqu’un wireframe validé existe, la rédaction devient plus cadrée. Le client ne part plus d’une page blanche. Il comprend la logique de la page, le rôle de chaque section et le niveau de détail attendu.

Cela ne garantit pas que tous les contenus arriveront parfaitement dans les temps. Mais cela améliore souvent la qualité des textes produits et la capacité du client à se projeter. La rédaction devient une réponse à une structure pensée, plutôt qu’un exercice isolé.

Une logique de niveaux de lecture

Un bon site ne doit pas tout dire au même niveau. Certaines informations doivent être visibles immédiatement, d’autres doivent être accessibles plus loin dans le parcours. Certaines pages doivent rassurer rapidement, tandis que d’autres peuvent développer davantage les détails.

Cette logique est particulièrement importante pour les organisations qui ont beaucoup à dire : mission, prestations, publics, démarches, documents, chiffres ou projets.

Tout peut être important. Mais tout ne doit pas être présenté avec le même poids.

Le travail UX consiste justement à organiser ces niveaux : ce qui doit être compris tout de suite, ce qui doit être accessible ensuite et ce qui peut être consulté par les utilisateurs qui souhaitent approfondir.

Les wireframes permettent de rendre cette hiérarchie visible avant la rédaction finale.

La bonne temporalité

La question n’est donc pas de choisir entre « contenu d’abord » et « design d’abord ». La bonne approche est plus nuancée.

Il faut cadrer les contenus dès le départ. Il faut comprendre les messages, les publics, les pages et les contenus existants. Il faut éviter de concevoir avec du vide ou des textes purement fictifs. Mais il faut aussi reconnaître que la rédaction finale gagne souvent à s’appuyer sur une structure visible.

Dans notre approche, nous travaillons les contenus en plusieurs temps.

D’abord, nous clarifions les contenus à prévoir, les pages, les publics, les messages clés et les priorités. Ensuite, les wireframes permettent de structurer les pages, les niveaux de lecture, les appels à l’action et les volumes attendus. La rédaction ou l’adaptation des contenus peut alors se faire sur une base plus claire, en parallèle des étapes de design, de développement et de préparation du site en préproduction.

Enfin, les contenus sont intégrés, testés, ajustés et validés dans leur contexte réel.

Cette méthode permet au client de mieux comprendre ce qu’il doit produire, et à l’équipe projet de mieux anticiper les besoins réels du site.

Un contenu web n’est pas seulement un texte

Un contenu web n’est pas simplement un texte que l’on ajoute dans une page. C’est une information placée dans un parcours.

Elle doit répondre à un besoin, apparaître au bon moment, être compréhensible dans son contexte, guider l’utilisateur vers l’étape suivante et pouvoir être maintenue dans la durée.

C’est pour cela que les wireframes sont aussi utiles à la rédaction. Ils ne remplacent pas le travail éditorial, la connaissance du client ou les validations internes. Mais ils donnent un cadre.

Et ce cadre aide souvent les organisations à produire des contenus plus clairs, mieux hiérarchisés et plus adaptés à l’usage réel du site.

Les contenus ne devraient donc pas arriver à la fin d’un projet web. Mais ils ne devraient pas non plus être rédigés dans le vide.

Entre les deux, il y a une étape essentielle : rendre la structure visible pour permettre aux bons contenus de trouver leur juste place.

Vous avez un projet en tête ? Parlons-en !

Vincent Parisod Associé – Directeur Contactez-nous

The post Pourquoi les wireframes aident aussi à mieux rédiger les contenus appeared first on 8bit.

Polyparc est avant tout un site de stockage, avec des surfaces destinées aux particuliers, artisans et entreprises. Le travail devait donc rester simple, fonctionnel et très lisible, en mettant rapidement en avant les espaces, leurs caractéristiques et leur accessibilité.

Polypole demandait une approche différente, davantage centrée sur les bureaux, les usages du lieu et la vie qui s’y développe.

Nous avons mis en place une installation WordPress multisite permettant de gérer plusieurs sites au sein d’un même environnement. Polyparc et Polypole partagent aujourd’hui un thème commun, adapté à leurs contenus et à leurs usages respectifs. Cette architecture permettra également d’intégrer à terme d’autres promotions, avec la possibilité de faire évoluer ou différencier les thèmes selon les besoins.

De nouvelles photographies ont également été réalisées pour mieux valoriser les lieux et donner à chaque site une personnalité propre.

→ Découvrir Polyparc : polyparc.ch
→ Découvrir Polypole : polypole.ch

Vous avez un projet en tête ? Parlons-en !

Vincent Parisod Associé – Directeur Contactez-nous

The post Polyparc et Polypole : un WordPress multisite pensé pour évoluer appeared first on 8bit.

Le projet partait d’une base très simple. Nous avons légèrement simplifié le logo, posé quelques principes de direction artistique, puis surtout travaillé sur la structure du site et l’accès à l’information.

L’objectif était de proposer un outil plus clair et plus actuel, permettant aux entreprises et aux professionnels concernés de retrouver rapidement les informations, documents et contenus utiles.

Le nouveau site est à découvrir sur cpmbg.ch.

Vous avez un projet en tête ? Parlons-en !

Vincent Parisod Associé – Directeur Contactez-nous

The post Un nouveau site pour la Commission paritaire des métiers techniques du bâtiment appeared first on 8bit.

Le défi était plutôt de trouver le bon équilibre : construire une marque avec une vraie personnalité, capable de se distinguer, tout en restant crédible, rassurante et à la hauteur des attentes d’une clientèle de gestion de fortune.

Dès le départ, le client souhaitait faire apparaître un ibex dans son identité. Nous avons choisi de ne pas construire tout le logo autour de ce symbole, mais de développer une signature typographique capable de fonctionner seule, accompagnée d’une version intégrant l’animal lorsque le contexte s’y prête. Une manière de donner du caractère à la marque sans la rendre dépendante d’un seul signe.

Autour de cette base, nous avons développé les couleurs, les typographies et l’univers visuel, puis conçu un site volontairement simple dans sa structure. Ici, l’essentiel se joue dans l’identité, les images et la composition plutôt que dans la multiplication des fonctionnalités.

Le site est aujourd’hui en ligne sur ordiagestion.ch, et nous continuons d’accompagner Ordia dans le développement de sa communication et de son univers de marque.

Vous avez un projet en tête ? Parlons-en !

Vincent Parisod Associé – Directeur Contactez-nous

The post Sortir des codes de la gestion de fortune sans perdre la confiance appeared first on 8bit.

Voici les 7 signes que nous observons régulièrement lors des mandats confiés à 8bitstudio. Ils indiquent que votre site entre progressivement dans une zone de risque.

1. Vous ne savez plus exactement qui gère quoi

Avec les années, les rôles se brouillent : communication, IT, métiers, prestataires externes…
Quand personne ne sait clairement qui valide, qui publie ou qui décide, le site devient mécaniquement plus lourd à maintenir.
C’est souvent la première étape de la dette digitale.

2. Des pages existent… sans que personne ne sache si elles sont encore utiles

Une actualité de 2017 encore en ligne.
Une page de service obsolète, jamais supprimée.
Une structure historique qui ne correspond plus à la réalité.
Ce sont des petits fragments de désordre qui rendent l’expérience confuse, en interne comme pour le public.

3. Vous multipliez les microsolutions pour « patcher » le site

Un plugin ajouté pour gérer une galerie, un module improvisé pour un formulaire, un script externe pour une fonctionnalité ponctuelle.
Ces rustines accumulées créent deux problèmes : complexité technique et incohérence UX.
Si vous vous dites « On met ça pour cette fois », c’est en général un signal important.

4. Les équipes ne trouvent pas facilement l’information en interne

Quand ceux qui créent le contenu ne parviennent plus à retrouver une page, une ressource ou un bloc dans l’éditeur, l’utilisateur final est probablement déjà perdu.
La complexité interne est presque toujours le miroir de la complexité externe.

5. Vous avez besoin d’un prestataire pour chaque petite modification

Un label à ajouter ?
Une page à dupliquer ?
Un élément visuel à remplacer ?
Si chaque ajustement nécessite une intervention externe, c’est que l’architecture est devenue trop rigide, ou qu’elle a été tellement patchée au fil du temps qu’elle n’arrive plus à évoluer correctement.

6. Les services internes communiquent différemment… et le site le montre

Chaque service veut sa section, son vocabulaire, son style de page.
Avec le temps, le site ressemble davantage à une juxtaposition de micro-sites qu’à une plateforme cohérente.
L’absence d’un cadre éditorial et d’un pilotage UX finit par créer une fragmentation visible.

7. Vous sentez que le site freine vos projets plutôt qu’il ne les accompagne

Lorsque l’outil digital ralentit la communication, bloque la publication de contenus importants ou crée des frictions entre services, ce n’est plus un simple irritant : c’est un frein stratégique.
Et c’est précisément à ce moment-là qu’il faut agir.

Pourquoi ces signaux comptent

Plus un site vieillit sans gouvernance, plus la dette digitale augmente.
Ce ne sont pas des « problèmes de site web », mais des problèmes de gestion, de cohérence, d’architecture et de processus internes.

Le bon réflexe n’est pas forcément la refonte.
C’est d’abord d’identifier ce qui dérive, puis de réintroduire de la clarté : organisation des contenus, règles éditoriales, simplification technique, architecture maîtrisée et cohérence entre services.

Ce qu’il faut retenir

Un site ingérable n’apparaît jamais d’un coup. Il envoie d’abord des signaux.
Les repérer tôt permet de remettre le site à plat, de sécuriser les mises à jour futures et de redonner de la fluidité aux équipes.

Si l’un de ces signaux vous parle, c’est souvent le bon moment pour un diagnostic rapide.

Vous avez un projet en tête ? Parlons-en !

Vincent Parisod Associé – Directeur Contactez-nous

The post 7 signaux faibles que votre site est en train de devenir ingérable appeared first on 8bit.

Pour beaucoup d’organisations, c’est un moment d’incompréhension : tout semble en ordre, rien n’a changé, et pourtant la plateforme ralentit ou se bloque. Mais c’est précisément ce fonctionnement distribué, puissant, efficace, global, qui rend le web dépendant d’acteurs situés bien au-delà du périmètre d’un site.

Un site n’existe plus seul

Pendant longtemps, un site se résumait à un serveur, une base de données et un nom de domaine. Ce modèle a disparu. Aujourd’hui, chaque plateforme repose sur une architecture composée de couches successives : DNS, hébergement cloud, CDN, systèmes de sécurité, optimisation des performances, API externes, outils de mesure, services publicitaires, solutions antifraude, typographies distantes…
Chaque élément intervient dans l’accès et la fluidité du site.

Ce fonctionnement apporte beaucoup : une meilleure vitesse, une sécurité accrue, une plus grande stabilité. Mais il introduit aussi des zones de dépendance. Quand un acteur global rencontre un incident, son impact se répercute en cascade, même si votre propre infrastructure est parfaitement à jour.

La panne Cloudflare d’aujourd’hui n’est qu’un rappel : il suffit qu’un seul service essentiel ralentisse pour que l’expérience entière s’en ressente.

Un risque qui devient acceptable lorsqu’il est compris

Chez 8bitstudio, nous n’envisageons pas ces dépendances comme un problème, mais comme une composante structurelle du web contemporain. Ce qui devient problématique, en revanche, c’est de ne pas savoir comment elles fonctionnent, ni quel rôle elles jouent dans la disponibilité d’un site.

Notre travail consiste à clarifier ces zones d’interconnexion. Nous identifions les dépendances utiles, éliminons celles qui ne le sont pas, documentons les points critiques et veillons à préserver la stabilité de l’ensemble. Une plateforme bien conçue n’est pas une plateforme où l’on cherche à tout contrôler : c’est une plateforme où l’on comprend ce qui peut échapper au contrôle, et où l’on anticipe la manière d’y répondre.

La dépendance existe aussi dans les données

Ces interactions ne se limitent pas à l’infrastructure technique. Elles se manifestent aussi dans la manière dont les plateformes publicitaires et analytiques mesurent les comportements. Les écarts importants entre les clics annoncés par Meta ou LinkedIn et les visites observées dans Google Analytics en sont un exemple courant.
Ce n’est pas une anomalie, mais une conséquence d’écosystèmes qui utilisent des méthodes différentes, des filtres différents, des contraintes réglementaires différentes.

Comprendre ces nuances permet d’éviter les interprétations hâtives et d’adopter une lecture plus stratégique des résultats. Là encore, la clé est l’accompagnement.

Être là quand le web bouge

Le rôle d’une agence ne se limite plus à la conception d’un site. Il s’étend à la compréhension de son environnement, à la lecture des événements qui le touchent, et à la capacité d’expliquer clairement ce qui se passe lorsque quelque chose ralentit ou tombe temporairement.

Lorsqu’une panne mondiale survient, notre mission n’est pas de trouver un responsable mais de donner du sens : décrire ce qui se passe, ce que cela implique réellement, ce qu’il est possible de faire, et ce qu’il n’est pas nécessaire de faire. Une plateforme robuste n’est pas une plateforme qui évite tous les incidents ; c’est une plateforme qui reste compréhensible et stable malgré eux.

Construire des plateformes durables dans un web interconnecté

La panne de Cloudflare n’a rien d’exceptionnel. Elle illustre simplement l’évolution du numérique : un web plus performant, mais aussi plus interdépendant. Chercher à supprimer toutes les dépendances serait illusoire. L’enjeu est plutôt d’apporter de la clarté, de simplifier l’architecture, de réduire les points de fragilité et d’accompagner les organisations dans une compréhension durable de leur environnement digital.

C’est dans cette logique que nous construisons nos plateformes : des environnements maîtrisés, documentés, cohérents, capables d’évoluer sereinement et de résister aux imprévus. Le numérique ne se résume pas à un site web ; il repose sur un ensemble de relations techniques qui méritent d’être comprises pour être réellement maîtrisées.

Chez 8bitstudio, nous voyons cette transparence comme une responsabilité essentielle. Expliquer ce qui est visible, rendre lisible ce qui ne l’est pas, anticiper ce qui peut l’être et accompagner le reste : c’est ainsi que l’on construit des expériences digitales stables, durables et adaptées aux organisations qui recherchent de la fiabilité avant tout.

Vous avez un projet en tête ? Parlons-en !

Vincent Parisod Associé – Directeur Contactez-nous

The post Quand Cloudflare tombe, tout le web ralentit : comprendre les dépendances qui façonnent nos plateformes appeared first on 8bit.

Typo

Abréviation de typographie.
La typographie désigne l’art de mettre en forme le texte : choix des caractères, espacement, hiérarchie visuelle, règles de composition, etc.

La typo n’est donc pas une police de caractère : c’est la discipline et l’ensemble des règles qui permettent de concevoir et d’utiliser des polices.

Police

Une police de caractères correspond à une famille complète de caractères partageant une même identité visuelle : Helvetica, Times New Roman, Roboto, etc.
Elle inclut toutes les déclinaisons : gras, italique, light, condensed…

Équivalent anglais : typeface.

Une police = une famille.

Font

Le terme font désigne une variante précise d’une police : la version utile et utilisable d’un style particulier.

Exemples :

• Roboto Bold 16 px
• Times New Roman Italic 12 pt

Autrement dit :
Une font = Un style spécifique d’une police.

The post Typo, police et font : quelles différences ? appeared first on 8bit.

Voici les cinq erreurs les plus fréquentes et comment les éviter.

1. Interrompre la navigation

Un module de feedback ne doit jamais perturber l’expérience de l’utilisateur. Les fenêtres qui s’ouvrent seules ou les pop-up trop visibles génèrent du rejet et faussent les réponses.
La bonne approche consiste à proposer un accès discret, toujours disponible, sans interrompre la lecture : un bouton fixe, un lien dans le pied de page ou un onglet latéral. L’utilisateur choisit lui-même quand et comment s’exprimer.

2. Poser des questions vagues ou orientées

Des questions comme « Êtes-vous satisfait du site ? » ne donnent aucune information utile.
Les études du Nielsen Norman Group rappellent que les questions doivent être simples, neutres et contextuelles.
Mieux vaut interroger l’utilisateur sur une action concrète : « Cette page vous a-t-elle aidé à trouver ce que vous cherchiez ? ». Ces formulations apportent des données exploitables et favorisent des retours sincères.

3. Trop en demander

Plus le formulaire est long, moins les visiteurs y répondent.
Un bon module de feedback va à l’essentiel : une à trois questions claires, avec éventuellement un champ libre pour un commentaire.
L’objectif n’est pas de mener une enquête complète, mais de capter des signaux précis et contextualisés, faciles à analyser.

4. Collecter sans exploiter

Recueillir des retours ne sert à rien si personne ne les lit ni ne les analyse.
Pour qu’un dispositif de feedback soit utile, il doit s’intégrer dans une démarche structurée : regrouper les réponses, les classer par thème (contenu, navigation, accessibilité…), identifier les tendances et partager ces résultats avec les équipes concernées.
C’est dans cette étape d’analyse que la valeur du feedback prend tout son sens.

5. Ne pas donner suite aux retours

Demander l’avis des utilisateurs sans en tirer d’enseignements concrets décrédibilise la démarche.
La plupart des modules de feedback sont anonymes : il ne s’agit pas de répondre individuellement, mais de montrer que les retours sont pris en compte collectivement.

Lorsqu’une tendance se dégage, par exemple lorsque plusieurs personnes signalent une difficulté de navigation ou un contenu peu clair, il est important d’agir et de le communiquer.
Mentionner dans une actualité qu’une amélioration a été faite « suite aux retours des utilisateurs », ou simplement préciser qu’un contenu a été revu pour en faciliter la compréhension, renforce la crédibilité de la démarche.

Un bon système de feedback ne crée pas une relation directe, mais un dialogue dans le temps. Il montre que l’organisation écoute, analyse et évolue en fonction des besoins exprimés.

Finalement, un module de feedback n’est pas un gadget ni une mesure de satisfaction ponctuelle. C’est un outil d’écoute qui s’inscrit dans une logique d’amélioration continue.
Bien conçu, il crée un lien de confiance entre l’organisation et ses utilisateurs, et transforme la donnée en apprentissage.
L’enjeu n’est pas de multiplier les réponses, mais de mieux comprendre et d’agir en conséquence.

Pour aller plus loin
Découvrez notre article complémentaire :
Pourquoi intégrer un module de feedback sur un site institutionnel

Vous avez un projet en tête ? Parlons-en !

Vincent Parisod Associé – Directeur Contactez-nous

The post Les 5 erreurs à éviter lorsqu’on met en place un module de feedback utilisateur appeared first on 8bit.

Préserver l’héritage, moderniser l’image

Dans de nombreux cas, un simple rafraîchissement suffit à donner une nouvelle énergie sans perdre la continuité de marque. Cette approche valorise l’héritage et rassure les publics, tout en corrigeant les aspects qui paraissent datés ou inadaptés.

C’est le choix qu’ont fait des marques comme Renault ou Peugeot, qui ont modernisé récemment leurs logos en les simplifiant et en les rendant adaptés au digital, tout en conservant leur ADN historique.

Les signaux d’alerte

Certains indices montrent qu’il est temps de revoir un logo :

• il devient illisible sur mobile ou dans un petit format (favicon, réseaux sociaux, applications),
• son style graphique paraît daté (effets 3D, typographies obsolètes, palettes de couleurs dépassées),
• il ne s’intègre pas bien dans une identité visuelle actuelle ou dans un environnement digital,
• ses déclinaisons ne sont pas adaptées aux usages (version monochrome, responsive, animation).

C’est ce qui a poussé Pepsi à revoir son identité en 2023 : la typographie et le contraste ont été repensés pour améliorer la lisibilité sur écrans et renforcer l’impact visuel, sans abandonner l’iconique sphère rouge et bleue.

Réussir une actualisation de logo

Un bon rafraîchissement cherche à simplifier et clarifier. Il ne dénature pas l’identité, mais la rend plus lisible et plus cohérente avec les pratiques actuelles. Les points clés sont :

• éliminer les détails superflus qui complexifient la lecture,
• adapter le design aux écrans et aux usages digitaux,
• penser en déclinaisons : responsive logos, version monochrome, animation,
• tester en situation réelle (site web, signature e-mail, réseaux sociaux, supports imprimés).

La démarche de Swisscom, qui a fait évoluer plusieurs fois son logo tout en gardant son symbole reconnaissable, montre bien que l’actualisation peut être progressive et maîtrisée.

Évoluer sans rompre

Rafraîchir un logo, c’est trouver l’équilibre entre fidélité au passé et adaptation au présent. C’est une démarche de précision qui permet de rester pertinent, moderne et reconnaissable. En définitive, l’objectif n’est pas de changer pour changer, mais de renforcer la valeur de votre identité visuelle dans la durée.

À découvrir également

Nous avons récemment publié un article sur la modernisation de l’identité de Carewell, qui illustre comment un logo peut évoluer sans perdre son essence: lire l’article Carewell

Vous avez un projet en tête ? Parlons-en !

Vincent Parisod Associé – Directeur Contactez-nous

The post Quand faut-il rafraîchir son logo plutôt que le changer complètement ? appeared first on 8bit.

Pour les responsables communication et marketing, l’enjeu est clair : vos publics ne se contentent plus de chercher sur Google. Ils posent leurs questions à une IA. Désormais, il ne s’agit plus seulement d’apparaître dans un classement, mais de s’assurer que vos contenus soient lus, compris et correctement repris par ces nouveaux intermédiaires.

Ce que l’IA voit (et ce qu’elle ignore)

Les IA ne s’arrêtent pas à vos slogans ou à votre page d’accueil. Elles parcourent vos textes, identifient les structures, puis reformulent. Leur mission est de donner une réponse claire et rapide à l’utilisateur, parfois sans qu’il visite votre site.

Un site confus, trop marketing ou mal structuré peut donc être totalement absent des réponses générées, même s’il est joli et bien référencé dans Google.

Structurer l’information pour l’IA

Trois leviers simples font la différence :

• Des titres explicites : un H2 comme « Comment fonctionne notre service ? » sera beaucoup plus exploitable qu’un titre créatif mais vide de sens.
• Du contenu contextuel et riche : répondre aux questions concrètes (« pourquoi », « comment ») maximise les chances d’être repris.
• Des métadonnées claires : intégrer schema.org (FAQ, événements, produits) permet aux IA d’identifier précisément la nature de vos contenus.

Un bon contenu IA-ready, c’est aussi un contenu utile pour l’utilisateur humain : lisible, logique, sans jargon inutile.

Autorité et crédibilité avant tout

Les IA évitent de citer des sources douteuses. Elles privilégient les sites :

• Reconnaissables et établis (institutions, médias, entreprises expertes).
• Transparence : auteurs identifiés, dates de mise à jour, références.
• Déjà bien positionnés en SEO classique grâce aux liens entrants et à la cohérence éditoriale.

Autrement dit, sans crédibilité éditoriale, vos contenus risquent de rester invisibles, même s’ils sont techniquement bien optimisés.

Tester son site dans les IA

Préparer son site à l’IA, ce n’est pas seulement optimiser. C’est aussi observer ce que les outils produisent déjà :

• Tapez vos thématiques dans Perplexity ou dans ChatGPT avec navigation activée.
• Vérifiez si vos pages apparaissent comme source.
• Analysez la façon dont vos contenus sont reformulés.

Ce retour direct vous montre ce qu’il faut clarifier, enrichir ou mieux baliser.

Penser long terme

L’IA ne tue pas le SEO, elle le transforme. Elle change la manière dont l’information est trouvée et restituée : au lieu de proposer une liste de liens, elle synthétise les contenus et ne cite que quelques sources jugées fiables.

Comme en SEO traditionnel, la quantité ne suffit pas. Mais avec l’IA, l’exigence monte d’un cran : vos contenus doivent être assez précis et structurés pour pouvoir être directement repris et compris par un moteur de réponse.

L’AEO : le nouveau visage du SEO

Ce mouvement porte déjà un nom : l’Answer Engine Optimization (AEO). Là où le SEO visait à optimiser un site pour les moteurs de recherche classiques, l’AEO consiste à l’adapter aux « moteurs de réponse » : ChatGPT, Perplexity, Google SGE ou Bing Copilot.

Certains parlent aussi de Generative Engine Optimization (GEO), mais l’idée reste la même : préparer vos contenus pour qu’ils soient compris, reformulés et cités correctement par les outils d’IA.

L’objectif n’est plus seulement de se classer dans une liste de résultats, mais d’être identifié comme une source de confiance dans une réponse générée par l’IA.

Concrètement, l’AEO s’appuie sur trois piliers :

• la structuration du contenu (titres, FAQ, données structurées) pour que l’IA puisse facilement extraire et reformuler l’information ;
• la clarté et la précision des textes, qui doivent répondre à de vraies questions posées par les utilisateurs ;
• l’autorité de la source, car les moteurs d’IA privilégient les sites fiables et crédibles.

En d’autres termes, l’AEO est le prolongement naturel du SEO : ce qui rend vos contenus accessibles et compréhensibles pour Google les rend aussi utiles aux IA, à condition d’aller plus loin dans la précision et la structure.

Conclusion

Le SEO traditionnel reste essentiel, mais il n’est plus suffisant. Aujourd’hui, optimiser son site signifie aussi parler la langue des IA.

Les organisations qui sauront structurer leur information, affirmer leur crédibilité et tester régulièrement leur présence dans ces nouveaux outils assureront leur visibilité dans les années à venir.

C’est un enjeu stratégique pour les directions communication et marketing : rester une source de référence dans un environnement où l’information passe désormais par des moteurs de réponse.

Car demain, vos visiteurs ne taperont peut-être plus leur question dans Google. Ils la poseront directement à une IA. La vraie question est donc : « cette IA saura-t-elle citer votre organisation comme référence ? »

Vous avez un projet en tête ? Parlons-en !

Vincent Parisod Associé – Directeur Contactez-nous

The post SEO et IA : comment préparer son site pour être lu (et cité) par les outils génératifs appeared first on 8bit.

Voici les 5 plus fréquentes, et surtout comment les corriger.

1. Une navigation qui ne reflète pas vos priorités

Menus interminables, intitulés obscurs, rubriques héritées de l’organigramme interne… Vos visiteurs n’ont ni le temps ni l’envie de décoder votre structure. En 2025, avec des usages influencés par la recherche vocale et les apps sociales, l’accès rapide à l’information est devenu non négociable.

Dans de nombreux audits, nous constatons des menus construits comme un organigramme interne plutôt qu’un parcours utilisateur. Résultat : les visiteurs ne trouvent pas ce qu’ils cherchent, même si l’information est présente.

Simplifiez, regroupez et pensez toujours du point de vue utilisateur plutôt que service interne.

2. Un site qui néglige le mobile

Près de 60 % du trafic se fait désormais sur smartphone et une part croissante passe par des « in-app browsers », ces navigateurs intégrés aux applications comme LinkedIn ou Instagram. Si vos pages sont illisibles dans ces contextes, vous perdez des prospects sans même le savoir.

Il n’est pas rare que des sites récemment mis en ligne soient encore testés uniquement sur desktop. Sur mobile, certaines pages deviennent illisibles ou inexploitables, ce qui fait fuir les utilisateurs sans que l’entreprise en ait conscience.

Testez vos parcours sur mobile réel, pas seulement dans un simulateur.

3. Des appels à l’action invisibles ou absents

En 2025, la concurrence de l’attention est encore plus rude. Les internautes sont habitués à des expériences instantanées. Si vos CTA (« Contact », « Réserver », « Demander une offre ») ne sont pas visibles et clairs, ils quittent votre site en quelques secondes.

Lors de nos revues, nous voyons souvent des CTA noyés dans le pied de page ou relégués à une seule page de contact. L’utilisateur parcourt le site… mais ne sait jamais comment entrer en relation.

Faites-en un repère visuel constant, sans tomber dans l’agressivité.

4. Des temps de chargement sous-estimés

Google et les utilisateurs sanctionnent toujours la lenteur. 53 % des visites mobiles sont abandonnées si le temps de chargement dépasse 3 secondes (source : Think with Google). Et avec la montée de la 5G, l’attente est encore moins tolérée qu’avant.

Nous rencontrons régulièrement des sites avec de très belles images non compressées. Le design est séduisant, mais le temps d’attente fait perdre la moitié des visiteurs avant même l’affichage complet.

Testez vos pages avec PageSpeed Insights ou Lighthouse et intégrez la vitesse comme un vrai critère de design.

5. Un contenu mal structuré et peu inclusif

Des blocs de texte sans respiration ou des informations éparpillées découragent vos lecteurs. Et sans prise en compte de l’accessibilité (contrastes, lisibilité, alternatives pour lecteurs d’écran), vous excluez une partie de votre public – et en 2025, ce n’est plus acceptable.

Dans plusieurs projets audités, l’information essentielle était bien présente mais enfouie dans des blocs de texte sans hiérarchie. L’ajout de simples titres et paragraphes courts a immédiatement amélioré la lisibilité.

Structurez vos pages avec titres, visuels, paragraphes courts et respectez les standards d’accessibilité.

Corriger ces erreurs améliore rapidement l’expérience de vos visiteurs. Mais si plusieurs persistent malgré vos efforts, cela peut indiquer qu’une refonte plus globale est nécessaire.

Lors de nos audits, nous voyons souvent que 3 de ces 5 erreurs sont présentes en même temps. Les corriger, c’est parfois plus efficace qu’une campagne marketing coûteuse.

Vous avez un projet en tête ? Parlons-en !

Vincent Parisod Associé – Directeur Contactez-nous

The post 5 erreurs qui font toujours fuir vos visiteurs en 2025 (et comment les corriger rapidement) appeared first on 8bit.

À première vue, le rendu est impressionnant. Le verre semble réagir à son environnement, capter la lumière, créer des transitions fluides. C’est élégant, immersif, et cela renforce l’identité visuelle de l’écosystème Apple.

Mais derrière l’effet « waouh » se cachent plusieurs questions.
La première concerne la lisibilité. Un texte posé sur un fond qui change ou se trouble perd vite en contraste. Dans un contexte où les normes d’accessibilité imposent des minimums clairs, c’est un vrai défi.
Vient ensuite la charge visuelle. Trop d’effets peuvent détourner l’attention du contenu, alors que l’enjeu principal reste la clarté de l’information. Enfin, la mise en œuvre demande des ressources : temps de conception, compétences spécifiques et puissance de calcul côté utilisateur.

Les retours des professionnels vont donc dans deux directions. Certains saluent une esthétique raffinée et inspirante. D’autres craignent une surenchère graphique au détriment de l’expérience utilisateur. Comme souvent, tout dépend du contexte d’application. Dans une app de divertissement, l’effet peut renforcer l’immersion. Dans une application bancaire ou institutionnelle, la valeur ajoutée est moins évidente.

Le Liquid Glass est une piste intéressante, mais fragile. Si Apple parvient à imposer ce langage visuel, il faudra apprendre à l’apprivoiser : tester, équilibrer, et parfois savoir s’en passer. Parce qu’au final, un design réussi n’est pas celui qui en met plein la vue, mais celui qui rend l’information simple et accessible.

Ces limites expliquent pourquoi Liquid Glass divise aujourd’hui. Mais pour Apple, l’enjeu dépasse la simple ergonomie immédiate.

Derrière ces choix graphiques se cache plus qu’un simple effet de style. Apple cherche à installer une nouvelle manière de penser l’interface, avec une vision qui dépasse l’écran et anticipe les usages futurs.

La vision d’Apple derrière Liquid Glass

Avec Liquid Glass, Apple ne se contente pas de changer le look de ses interfaces. L’idée est d’introduire une nouvelle matière numérique, comme un verre vivant qui réagit à son environnement. Les reflets, la transparence et les flous donnent l’impression que l’écran n’est plus une simple surface plate, mais un matériau qui existe « en vrai », avec de la profondeur et de la lumière.

Ce choix ne vise pas seulement à séduire visuellement. Apple cherche aussi à rendre l’interface plus discrète : moins de cadres rigides, moins d’éléments figés, et plus d’espace pour le contenu. Le design devient un support qui s’efface, pour que l’utilisateur se concentre sur ce qu’il fait plutôt que sur l’habillage graphique.

L’exemple le plus parlant, c’est le Vision Pro. Dans ce casque, les icônes et les fenêtres ne restent pas enfermées dans un écran : elles se projettent dans ton salon, flottent devant toi et interagissent avec la lumière réelle de la pièce. Liquid Glass suit la même logique : préparer des interfaces capables de s’adapter à n’importe quel contexte, qu’il soit numérique ou physique.

En résumé, Apple imagine un futur où nos écrans et nos interfaces ne seront plus des rectangles lumineux, mais des éléments fluides et adaptatifs, intégrés à notre environnement quotidien. Liquid Glass en est la première étape.

Vous avez un projet en tête ? Parlons-en !

Vincent Parisod Associé – Directeur Contactez-nous

The post Liquid Glass : élégance ou complication ? appeared first on 8bit.

Cette problématique est particulièrement vraie pour les sites institutionnels, qui comptent souvent plusieurs centaines, voire milliers de pages. Dans ce contexte, il devient vite difficile de garantir que chaque contenu reste à jour, pertinent et cohérent dans la durée.

C’est pour cette raison que nous proposons depuis plusieurs années la mise en place de widgets de feedback sur les sites institutionnels que nous développons. Concrètement, un petit module discret, placé en bas de page, invite le visiteur à répondre à une question simple :
« Ce contenu vous a-t-il été utile ? »

Deux icônes, un pouce vers le haut ou un pouce vers le bas, permettent d’exprimer son ressenti en un clic.

Si le retour est positif, un formulaire demande la raison du commentaire (par exemple : « Facile à comprendre » ou « J’ai pu résoudre mon problème »).

Si le retour est négatif, d’autres choix apparaissent, comme : « Informations manquantes », « Trop compliqué », « Contenu obsolète » ou encore « Erreur(s) ».

Dans les deux cas, un champ libre permet d’ajouter des précisions.

Ces réponses sont centralisées dans le back-office du site et consultables par les responsables. Contrairement à l’idée reçue, les retours sont nombreux via ce canal. Ils offrent une vision claire des problèmes récurrents et des contenus les plus utiles.

Nous accompagnons nos clients dans l’interprétation de ces retours, leur priorisation et la mise en œuvre des améliorations nécessaires. Cela leur permet d’agir rapidement et de fonder leurs décisions sur des données concrètes, issues directement des utilisateurs.

De nombreuses institutions, parmi lesquelles la Cité des métiers à Genève ou encore le Forum EPFL, ont déjà adopté ce système avec succès. Le widget de feedback s’impose comme un outil simple, discret et efficace pour replacer l’utilisateur au cœur de la stratégie de contenu et maintenir la cohérence d’un site riche en informations.

Vous souhaitez savoir comment un tel dispositif pourrait améliorer votre site institutionnel ? Parlons-en : nous serions ravis de partager notre expérience et de vous montrer des exemples concrets.

Vous avez un projet en tête ? Parlons-en !

Vincent Parisod Associé – Directeur Contactez-nous

The post Pourquoi intégrer un module de feedback sur un site institutionnel ? appeared first on 8bit.

Dès le départ, Carewell s’est construit sur une conviction forte : faciliter le travail des professionnels de santé et répondre à une pénurie de talents qui touche le secteur tout entier. Cette volonté d’apporter des solutions concrètes et humaines a guidé la création d’une identité plus moderne et plus porteuse de sens.

En parallèle du nouveau logo, nous avons également établi une gamme de couleurs actualisée, pensée pour compléter la palette initiale et offrir plus de richesse visuelle à l’identité de Carewell.

Le nouveau logo exprime à la fois la croissance individuelle, la rencontre entre besoins et compétences, et la dimension humaine au cœur des services de Carewell. Une identité renouvelée, qui traduit l’engagement de l’organisation auprès des soignants et des établissements.

Voici un rendu avant / après :

Parfois, un simple rafraîchissement suffit pour donner une nouvelle dynamique à une identité. Chez 8bitstudio, nous sommes passionnés par le branding et toujours à l’écoute pour faire évoluer, même par petites touches, l’image de nos clients.

Pour en savoir plus sur Carewell, découvrez leurs services dédiés aux professionnels de la santé ainsi que leurs solutions pour soutenir au mieux l’effort organisationnel de planification dans les institutions.

Vous avez un projet en tête ? Parlons-en !

Vincent Parisod Associé – Directeur Contactez-nous

The post Nouvelle identité visuelle pour Carewell appeared first on 8bit.

Les projets web ne sont pas des projets d’été.
Ou du moins, pas comme on l’imagine.

Le mythe du calme estival

C’est vrai que l’activité peut ralentir côté opérationnel. Mais ce ralentissement touche aussi… les validations, les retours, la disponibilité des responsables métier, et parfois même celle des agences. Résultat : des décisions qui traînent, des mails qui restent sans réponse, et des délais qui s’allongent.

S’engager dans une refonte en juillet avec l’idée de « tout boucler avant la rentrée » revient souvent à caler un chantier de rénovation au milieu de ses vacances. C’est ambitieux, mais rarement réaliste.

Ce qu’on peut vraiment faire l’été

Là où l’été est intéressant, c’est pour prendre du recul. Repenser l’architecture de son site, analyser les parcours utilisateurs, remettre à plat les objectifs. Ce sont des moments propices à l’observation, à la remise en question, à la maturation des idées.

Pas forcément au sprint de production.

Et si on veut malgré tout avancer, mieux vaut viser juste : un atelier stratégique, une exploration d’outils (IA, prototypage, analytics), un benchmark discret… Bref, ce qu’on ne prend jamais le temps de faire dans le rush de l’année.

IA, automation, no-code… ça change quoi ?

Avec l’arrivée d’outils comme Relume, Figma AI ou les générateurs de wireframes intelligents, il est tentant de croire qu’on peut tout créer en un clic. C’est vrai… en partie. Ces outils offrent un vrai gain de temps pour tester, explorer, visualiser.

Mais la pertinence, elle, ne s’automatise pas.

Ce n’est pas l’ossature qui fait un bon site, c’est la manière dont elle sert les besoins des utilisateurs et les objectifs de l’organisation. Et ça, IA ou pas, il faut encore prendre le temps d’y réfléchir.

Conclusion ?

Si vous avez envie de vous pencher sur votre site cet été, parfait. Mais voyez-le comme une phase de respiration, pas comme un sprint. Prenez du recul, questionnez vos contenus, vos parcours, vos messages.

Et laissez les vraies refontes mûrir à la lumière de septembre.

Vous avez un projet en tête ? Parlons-en !

Vincent Parisod Associé – Directeur Contactez-nous

The post L’été, meilleur moment pour repenser son site ? Pas forcément. appeared first on 8bit.

Pourquoi ce service ?

De nombreuses institutions, collectivités et grandes entreprises se retrouvent confrontées à des plateformes complexes, des besoins internes multiples, ou encore à la nécessité de moderniser progressivement leurs interfaces. Mais toutes ne disposent pas des ressources ou du cadre pour mener une transformation complète.

Ce nouveau service vous permet d’avancer par étapes, avec méthode, et sans bouleverser vos équipes ni vos processus.

Ce que nous proposons

Nous intervenons en tant que partenaire UX de long terme, en adaptant nos interventions à votre contexte :

• Diagnostic d’usage et audits UX réguliers
• Conception d’interfaces ou de modules spécifiques
• Tests utilisateurs, entretiens, ou récolte de feedback
• Formations ciblées pour vos équipes
• Conseil stratégique sur l’évolution de votre écosystème digital

Le nombre d’heures est flexible, défini ensemble, et ajustable selon vos besoins. L’objectif : vous offrir un cadre souple mais structurant, pour prendre des décisions éclairées et faire évoluer vos outils dans la bonne direction.

Pour qui ?

Ce service s’adresse notamment :

• Aux services communication ou numériques de collectivités et institutions
• Aux équipes produit ou innovation en entreprise
• Aux fondations, associations ou ONG souhaitant renforcer leur impact digital
• À toute organisation ayant besoin d’un regard expert et extérieur sur ses plateformes web

Envie d’en savoir plus ?

Découvrez le service en détail ici : Accompagnement UX sur-mesure

Et si vous avez des questions ou souhaitez en discuter de vive voix, n’hésitez pas à nous écrire ou passer nous voir à Lausanne.

Vous avez un projet en tête ? Parlons-en !

Vincent Parisod Associé – Directeur Contactez-nous

The post Nouveau service : un accompagnement UX sur-mesure pour vos projets digitaux appeared first on 8bit.

Idéal pour une personne freelance dans le design, la vidéo, le web ou autre activité indépendante.

Le bureau peut être loué avec ou sans accès aux parties communes (cuisine, salon, salle de réunion).

Ambiance pro et détendue, en plein centre de Lausanne, avec la possibilité de bosser à côté d’une équipe sympa sans forcément être en coloc.

Intéressé·e? Écris-nous pour venir voir le lieu: info@8bitstudio.ch

The post Bureau à louer au centre de Lausanne appeared first on 8bit.

Figma Sites est disponible en bêta ouverte pour tous les utilisateurs disposant d’un abonnement payant avec un accès complet.

Avec cette annonce, Figma confirme sa position de plateforme tout-en-un pour la conception et le développement de produits numériques.

On se réjouit déjà de tester cette nouvelle fonctionnalité et de suivre son évolution.

Pour en savoir plus : figma.com/fr-fr/sites

Vous avez un projet en tête ? Parlons-en !

Vincent Parisod Associé – Directeur Contactez-nous

The post Figma annonce se version bêta de Figma Sites appeared first on 8bit.

Nous avons eu la chance d’être invités en tant que sponsor, et ce fut une soirée inoubliable. Un vrai plaisir de soutenir un sport qui incarne autant de rigueur, de dépassement de soi et de respect.

En coulisses, cela faisait près d’une année que nous préparions méticuleusement la communication de l’événement. Nous avons conçu l’identité visuelle, créé le logo et ses déclinaisons, développé le site internet, et réalisé les supports de communication : dossier de sponsoring, affiches, programme de la soirée… Un travail de fond pour donner à cet événement l’écrin qu’il méritait.

Au vu du succès rencontré, quelque chose nous dit qu’une deuxième édition pourrait bien voir le jour. C’est tout ce que nous souhaitons aux organisateurs, et nous serions ravis de poursuivre cette belle collaboration.

Pour découvrir le site de l’événement et rester informé·e : www.k-o-s.ch

Vous avez un projet en tête ? Parlons-en !

Vincent Parisod Associé – Directeur Contactez-nous

The post « King of Switzerland » : un ring, des valeurs, et une soirée mémorable appeared first on 8bit.

Notre intervention a débuté par une refonte complète de l’architecture et de la navigation. L’objectif : simplifier l’accès à l’information, structurer les contenus et permettre une compréhension rapide des enjeux portés par l’association. Chaque parcours utilisateur a été soigneusement étudié pour offrir un site fonctionnel, agréable à consulter, et adapté à tous les supports.

Nous avons également conçu un design sur mesure, sobre et élégant, capable de porter les messages clés avec efficacité. Le développement technique a été entièrement personnalisé pour répondre aux besoins spécifiques du projet, sans compromis sur les performances ou la maintenabilité.

Le résultat : un site plus clair, plus lisible et plus engageant — un outil à la hauteur de l’importance du sujet traité.

Découvrir le site : suissenegoce.ch

Vous avez un projet en tête ? Parlons-en !

Vincent Parisod Associé – Directeur Contactez-nous

The post Refonte UX et développement sur mesure pour un secteur stratégique appeared first on 8bit.

Mais faut-il pour autant tout casser et repartir de zéro ? Pas forcément.

Plutôt que de se demander « Est-ce qu’on refait tout ? », la vraie question, c’est :
« Quels problèmes exigent une refonte complète, et lesquels peuvent être corrigés petit à petit ? »

Quand une refonte complète devient indispensable

Parfois, il n’y a pas le choix. Quelques rustines ne suffiront pas. Voici les signaux qui doivent vous alerter :

Votre site repose sur une technologie obsolète

Si votre site est bâti sur une architecture dépassée, difficile à maintenir ou non sécurisée, il est peut-être temps de tourner la page.

Prenons un exemple très concret : Drupal 7, encore largement utilisé par des collectivités et institutions publiques, a atteint sa fin de vie officielle en janvier 2025. Cela signifie qu’il ne reçoit plus de mises à jour de sécurité ni de correctifs. Des centaines d’organisations ont donc été contraintes de planifier une migration vers une version plus récente, comme Drupal 10, pour garantir la stabilité et la sécurité de leur plateforme.

Il est inutilisable sur mobile ou non accessible

Aujourd’hui, un site web doit fonctionner parfaitement sur mobile et respecter les règles d’accessibilité numérique (WCAG). Ce n’est plus un « plus », c’est une exigence légale, éthique et stratégique.

Si vos utilisateurs en situation de handicap ne peuvent pas naviguer sereinement, ou si votre interface mobile fait fuir les visiteurs, une refonte est non seulement recommandée, mais urgente.

L’expérience utilisateur est catastrophique

Des visiteurs perdus, qui ne trouvent pas l’info ou abandonnent en route ? Ça ne pardonne pas.

Des sites comme Booking.com passent leur temps à tester et ajuster chaque détail de l’UX. Pourquoi ? Parce qu’un bouton mal placé ou un tunnel de conversion trop long peut coûter des millions.

Vous ne visez peut-être pas les mêmes volumes, mais la logique reste la même.

Votre site ne reflète plus qui vous êtes

Votre entreprise a évolué. Vos valeurs, vos offres, votre ton ont changé… mais pas votre site. Résultat : un décalage qui brouille votre image.

Regardez Pepsi : en 2023, la marque a entièrement refondu son identité visuelle après 14 ans, pour mieux parler à une nouvelle génération. Parfois, une simple mise à jour graphique ne suffit pas : il faut tout réaligner.

Quand une amélioration progressive suffit largement

Tout n’est pas toujours à jeter. Si votre site est globalement sain, une approche plus agile peut porter ses fruits rapidement.

Vous avez du trafic, mais peu de conversions

Pas besoin de tout refaire. Il suffit parfois de :

• repositionner un bouton,
• simplifier un formulaire,
• clarifier un message.

Amazon et Netflix le font en permanence, en optimisant chaque détail. Et ils ne refondent pas leur site tous les deux ans.

Votre site est lent… mais pas foutu

Un site lent, ce n’est pas une fatalité. Avant de tout reconstruire :

• compressez les images,
• optimisez les scripts,
• passez à un meilleur hébergeur,
• mettez en place du cache.

C’est souvent une question d’hygiène technique, pas de refonte complète.

Le design vieillit, mais la structure tient

Un coup de frais visuel peut suffire : nouvelle palette, typographies plus modernes, icônes revisitées… Sans toucher à l’arborescence.

C’est ce que fait Spotify régulièrement : des évolutions en douceur, sans bousculer les habitudes.

Votre back-office vous fait perdre du temps

Vous devez passer par un développeur pour chaque modification ? Il est peut-être temps de revoir votre outil de gestion de contenu, pas tout le site.

Un bon éditeur, des automatisations ou une interface simplifiée peuvent rendre la vie beaucoup plus agréable à vos équipes.

Comment décider ? Refonte ou amélioration continue ?

Voici un tableau rapide pour vous aider à y voir plus clair :

Conclusion

La refonte d’un site web, ce n’est pas juste un projet design ou technique. C’est une décision stratégique.

Oui, dans certains cas, elle est incontournable. Mais dans beaucoup d’autres, une démarche d’amélioration continue permet de gagner en performance sans repartir de zéro.

• L’essentiel, c’est d’observer régulièrement votre site, vos utilisateurs, vos objectifs.
• Et d’éviter de tomber dans le cycle classique « on refait tout tous les 5 ans »… sans se demander si c’était vraiment nécessaire.

Mieux vaut un site qui évolue bien qu’un site flambant neuf qui déçoit.

Vous avez un projet en tête ? Parlons-en !

Vincent Parisod Associé – Directeur Contactez-nous

The post Refonte de site web : comment savoir si c’est le bon moment ? appeared first on 8bit.

8bitstudio s’est chargé de la refonte complète de l’interface utilisateur (UI) et du design graphique du site, en mettant l’accent sur une expérience utilisateur intuitive, vivante et accessible. Chaque élément graphique et interactif a été soigneusement conçu pour valoriser les activités des quatre sections du club : natation, natation artistique, plongeon et water-polo, ainsi que son académie ouverte à tous.

Notre partenaire Numera a assuré le développement technique du site, garantissant une navigation fluide et rapide.

Découvrez dès maintenant le résultat de ce beau travail d’équipe sur : lausanneaquatique.ch

Vous avez un projet en tête ? Parlons-en !

Vincent Parisod Associé – Directeur Contactez-nous

The post Découvrez le nouveau site de Lausanne Aquatique ! appeared first on 8bit.

OKLCH c’est quoi?

OKLCH est un modèle de couleur conçu pour représenter les couleurs d’une manière plus uniforme sur le plan de la perception que les anciens modèles de couleur. Björn Ottosson a proposé en 2020 de créer un espace de couleur qui puisse imiter étroitement la façon dont la couleur est perçue par l’œil humain, en prédisant la luminosité, la chroma et la teinte perçues. OKLCH a ensuite été introduit vers 2021 dans le cadre de la spécification CSS Color 4 visant à améliorer la gestion des couleurs dans la conception Web

Alors que les anciens modèles de couleurs comme RGB et HSL peuvent mesurer les couleurs dans la gamme sRGB, OKLCH quant à lui peut mesurer les couleurs dans la gamme Display P3 qui a 50% de couleurs en plus que la gamme sRGB.

Lorsque vous utilisez le modèle de couleur OKLCH, il est généralement représenté par ces valeurs:

• L pour la luminosité perçue. Valeur allant de 0 (noir) à 1 (blanc) ou de 0% (noir) à 100% (blanc).
• C pour la chroma (saturation). Valeur allant de 0 (gris) à 0.37 (saturé).
• H pour la teinte. Valeur allant de 0 à 360 degrés.
• a pour l’opacité de la couleur. Valeur allant de 0 (transparent) à 1 (opaque) ou de 0% (transparent) à 100% (opaque).

En CSS, la syntaxe est similaire à celle des autres fonctions de couleur CSS comme rgb() ou hsl() et peut être représentée comme suit:

.color {
  color: oklch(0 0 0);  /* noir */
  color: oklch(1 0 0);  /* blanc */
  color: oklch(50% 0.37 30);  /* rouge */
  color: oklch(50% 0.37 150);  /* vert */
  color: oklch(50% 0.37 250);  /* bleu */
} 
.opacity {
  color: oklch(50% 0.37 30 / 50%);  /* rouge avec transparence */
}

Avantages d’OKLCH

Uniformité perceptive

L’un des principaux avantages de l’OKLCH est son uniformité perceptive. En d’autres termes, un léger changement dans les valeurs du modèle de couleur OKLCH (L, C ou H) entraîne un changement de couleur perceptuellement uniforme. Ce n’est pas le cas avec des modèles comme RGB ou HEX, où de petits changements de valeur peuvent entraîner des changements de couleur imprévisibles. Cela signifie plus de contrôle sur les ajustements de couleurs, en particulier lors de la création de palettes ou de l’élaboration de designs accessibles.

Par exemple, disons que vous avez une couleur de base et que vous souhaitez en créer une version plus claire ainsi que plus foncée. Dans OKLCH, vous allez ajuster la valeur de luminosité (L) tout en maintenant les valeurs de chroma (C) et de teinte (H) constantes.

.lighter {
  background-color: oklch(0.8 0.2 240)
}
.base {
  background-color: oklch(0.6 0.2 240)
}
.darker {
  background-color: oklch(0.4 0.2 240)
}

• Luminosité (L): Change de 0,6 (base) à 0,8 (plus clair) et 0,4 (plus foncé).
• Chroma (C): Reste constante à 0,2.
• Teinte (H): Reste constante à 240°.

Parce que OKLCH est perceptuellement uniforme, les versions plus claires et plus foncées de la couleur de base apparaîtront comme des variations naturelles et cohérentes. La différence visuelle entre la couleur de base et sa version plus claire sera similaire à celle entre la couleur de base et sa version plus foncée.

En revanche, si vous deviez effectuer des ajustements similaires dans les espaces colorimétriques RVB ou HSL, les couleurs résultantes pourraient ne pas être aussi uniformes. Par exemple, l’assombrissement d’une couleur en RVB peut parfois entraîner des changements de teinte ou de saturation qui ne sont pas perceptuellement cohérents, ce qui rend les couleurs moins harmonieuses.

Meilleure gestion de la luminosité et du contraste

OKLCH offre une approche de la luminosité et du contraste plus cohérente que les autres modèles. Lorsque vous ajustez la luminosité (L) dans OKLCH, la luminosité perçue de la couleur change de manière prévisible, ce qui n’est pas toujours vrai en RVB ou HEX. Cette prévisibilité est essentielle pour créer des designs accessibles et qui s’affichent correctement sur divers appareils et écrans.

Disons que vous travaillez avec une couleur bleue et que vous voulez créer une version avec une luminosité réduite et une autre avec un contraste accru.

.base {
  background-color: oklch(0.7 0.15 260)
}

• Luminosité (L): 0,7 (luminosité modérée)
• Chroma (C): 0,15 (intensité de couleur modérée)
• Teinte (H): 260° (bleu)

Pour réduire la luminosité, vous abaissez la valeur de la luminosité (L) tout en gardant la même chroma (C) et la teinte (H).

.darker {
  background-color: oklch(0.5 0.15 260)
}

• Luminosité (L): 0,5 (luminosité plus faible)
• Chroma (C) et Teinte (H): restent les mêmes

Cet ajustement donne une nuance plus foncée que le bleu d’origine, mais la couleur reste perceptuellement cohérente. La teinte et l’intensité sont préservées, ce qui en fait un assombrissement naturel de la couleur d’origine.

Pour augmenter le contraste, vous pouvez augmenter la chroma (C) pour un effet plus vif:

.contrasted {
  background-color: oklch(0.7 0.3 260)
}

• Luminosité (L): 0,7 (même luminosité)
• Chroma (C): 0,3 (intensité plus élevée)
• Teinte (H): 260° (même teinte bleue)

La couleur devient plus vibrante et saturée, mais la luminosité reste la même. Le contraste est amélioré sans perdre l’intégrité de la couleur d’origine.

En RVB ou HSL:

• L’assombrissement d’une couleur peut entraîner des changements inattendus de teinte ou de saturation, ce qui donne des couleurs qui semblent moins liées à l’original.
• L’augmentation du contraste en ajustant la saturation dans HSL pourrait également modifier la luminosité perçue, conduisant à des résultats moins prévisibles.

En utilisant OKLCH, vous maintenez un meilleur contrôle de la légèreté et du chroma, ce qui se traduit par des résultats plus prévisibles et visuellement cohérents. Ceci est crucial pour les conceptions nécessitant des ajustements de couleur précis.

Des dégradés plus lisses

Lors de la création de dégradés, OKLCH peut produire des transitions plus fluides entre les couleurs. En raison de son uniformité perceptuelle, les étapes de dégradé sont plus uniformément espacées, ce qui donne un dégradé plus naturel et visuellement attrayant sans zones grises mortes.

Voici un dégradé créé à l’aide de valeurs HSL:

.gradient {
  background-image: linear-gradient(to right,
  hsl(240deg 100% 50%),
  hsl(60deg 100% 50%));
}

Cela donnera un dégradé qui ressemble à ceci:

Remarquez la zone gris morte au milieu du dégradé. C’est parce que l’espace colorimétrique HSL n’est pas perceptuellement uniforme, de sorte que la transition entre les deux couleurs n’est pas aussi douce.

Maintenant, créons le même dégradé en utilisant les valeurs OKLCH:

.gradient {
  background-image: linear-gradient(to right,
  oklch(45.2% 0.31 264),
  oklch(96.8% 0.21 109));
}

Cela donnera un dégradé qui ressemble à ceci:

Ce dégradé a une transition plus douce entre les couleurs, sans la zone grise morte au milieu. C’est parce qu’OKLCH est perceptuellement uniforme, de sorte que les étapes du dégradé sont plus régulièrement espacées et visuellement cohérentes.

Prise en charge de large gamme de couleurs

OKLCH prend en charge une très large gamme de couleurs, telles que sRGB, Display P3 et même le plus récent Rec2020. La gamme Display P3 a 50% de couleurs en plus que la gamme sRGB. Cela signifie que vous pouvez créer des designs plus vibrants et visuellement attrayants en profitant de la gamme complète de couleurs des écrans modernes.

Conclusion

OKLCH se distingue par sa capacité à mieux correspondre à la façon dont notre œil perçoit réellement les couleurs, offrant ainsi un rendu plus fidèle sur différents types d’écrans. Ce modèle révolutionne la conception web en permettant des ajustements plus fins et plus cohérents des couleurs, ce qui est crucial dans un environnement où, comme chez 8bitstudio, l’expérience utilisateur et l’accessibilité sont au cœur des préoccupations.

Vous avez un projet en tête ? Parlons-en !

Vincent Parisod Associé – Directeur Contactez-nous

The post Découverte d’OKLCH : une méthode plus précise et intuitive pour les couleurs appeared first on 8bit.

Dans cet article, j’ai examiné en détail plusieurs sites de différents chanteurs/groupes. Parmis eux, Iron Maiden, AC/DC, Céline Dion, Lara Fabian, Kendji Girac, Beyoncé, Billie Eilish, Dua Lipa, Louane, Bruno mars, David Guetta, Gims et Damiano David.

Il apparaît que l’expérience utilisateur et le design laissent souvent à désirer. Certains sites sont simples, d’autres fragmentés, et nombreux sont ceux qui utilisent des solutions de création comme des plateformes « no-code ». D’autre n’ont simplement pas de site et misent tout sur les plateformes de streaming. Cette analyse a pour objectif de pousser à la réflexion sur l’avenir des sites pour les musiciens, en soulignant les tendances actuelles et les défis rencontrés.

1. Première impression visuelle

Beaucoup de sites d’artistes s’appuient sur des images fortes de l’artiste, souvent issues de sessions photos, de concerts, ou de pochettes d’albums. Mais certains sites attirent l’attention avec un extrait de clip, ou un montage. D’autres, prennent le risque de mettre le fil instagram complet dans leur page d’accueil. En régle générale, on a quelque chose de basique, avec des sliders d’images. Peu de site on vraiment un design et une première impression visuelle impactante et ceux qui sortent du lot ont souvent des extraits vidéos de concerts/clips, qui font vraiment ressortir leur style de musique.

2. Navigation et architecture de l’information

Parmis mes recherches, beaucoup de site ont une navigation simple. Elle se résume souvent aux news, tour, discographie et shop. Pour certains, il y a beaucoup plus d’éléments dans le menus, mais la navigation devient un peu plus brouillon et ces sites avaient tous un design dépassé (genre skyblog). En régle général, structurellement, ces sites sont relativement bons, on notera toutefois le site de David Guetta, qui a décidé de mettre en avant son flux instagram et les crédits dans sa page principale.

3. Design et Branding

Dans de nombreux cas, les designs sont trop génériques, sans véritable personnalisation. Les sites qui utilisent des plateformes « no-code » comme Squarespace ou Wix ont tendance à offrir des designs préfabriqués, ce qui limite la créativité et l’originalité et c’est le cas pour pas mal de musiciens. Le branding visuel est souvent centré sur l’artiste, avec des éléments visuels comme des logos, des photos et des couleurs spécifiques qui rappellent l’univers de l’artiste, mais cette démarche est parfois mal exécutée, donnant des résultats incohérents. Alors que certains sites parviennent à conserver une cohérence esthétique avec les pochettes d’albums et l’image de l’artiste, d’autres souffrent de designs vieillissants qui ne reflètent pas toujours l’identité et la dynamique des groupes.

4. Fonctionnalités et UX

L’expérience utilisateur (UX) est souvent mise à l’épreuve par des fonctionnalités mal optimisées. Dans le cas des sites de musique, l’essentiel pour un groupe est de faire connaître, via leur musique, leur clip vidéos, leurs produits dérivés. Dans mon analyse, la séparation des différents services (comme la musique, les billets de concert, et le merchandising) sur des sites séparés ont nuis à la fluidité de l’expérience. Un site moderne pour un musicien ou un groupe devrait regrouper tous ces services sous une même plateforme, offrant une expérience cohérente et une navigation plus agréable. L’intégration des réseaux sociaux, des vidéos et des options pour écouter la musique directement sur le site seraient également des ajouts pertinents. L’usage de widgets de musique ou de lecteurs audio pourrait être une bonne solution pour rendre l’écoute de morceaux plus accessible. Actuellement, beaucoup se contentent de rediriger les services vers des e-commerces ou des plateformes de streaming pour diffuser leur musique.

5. Sites « no-code » et externalisation des services

De nombreux artistes se tournent vers des outils de création de sites web « no-code », car ils offrent une solution rapide et facile et peu coûteuse pour créer des sites.
Cette approche présente des limites en termes de services et de design. En effet, de nombreux sites d’artistes souffrent de l’éparpillement des services : les boutiques sont souvent sur des sous-domaines séparés, tout comme les services de billetterie ou les espaces pour les fans. Ceci est en partie dû au manque d’outil fournis pas les plateformes no-code ou simplement leurs tarifs. De plus, le design est souvent figé et entraine des « bugs » d’affichage faute de possibilité d’édition du code.

6. Design dépassé et manque de personnalisation

Beaucoup de sites d’artistes sont limités par des designs dépassés qui ne correspondent plus aux standards visuels actuels.
Les typographies vieillissantes, les images floues et les menus rigides sont des éléments communs sur ces sites. Certains sites sont cependant en train de se réinventer et de se moderniser, mais la majorité reste figée dans un design qui n’est plus à la hauteur des attentes actuelles en matière de design graphique et de fluidité de navigation. La personnalisation du design, les animations subtiles et l’intégration fluide des médias sont des éléments clés qui devraient être améliorés pour que ces sites correspondent mieux aux tendances web actuelles.

Conclusion : vers des sites plus intégrés et modernes

L’analyse de ces sites montre une tendance générale à des sites fragmentés, peu personnalisés et souvent datés dans leur conception. Le manque d’intégration entre les différents services (musique, billets, merchandising) nuit à une expérience fluide pour les fans. Les outils « no-code » peuvent être utiles pour une création rapide, mais ils limitent souvent l’originalité et la personnalisation nécessaires pour refléter l’identité d’un artiste. Certains sites, comme Céline Dion ou Beyoncé, ont tout deux un site plutôt bien, mais malheureusement, on est plus sur un site mettant en avant l’image des ces deux chanteuses et leur vies ou leur produits dérivés que réellement leur chansons.

Selon moi, l’avenir des sites de musiciens doit passer par des plateformes plus centralisées, personnalisées et modernes. L’intégration des services, l’amélioration du design et la fluidité de l’expérience utilisateur doivent être au cœur des développements futurs. L’ère numérique évolue rapidement, et il est crucial que les musiciens puissent suivre le rythme afin d’offrir à leurs fans une expérience digne de leur talent et de leur image.

Vous avez un projet en tête ? Parlons-en !

Vincent Parisod Associé – Directeur Contactez-nous

The post Analyse des sites web de musiciens : tendances et réflexion pour l’avenir appeared first on 8bit.

Améliorer l’accessibilité de votre site, c’est non seulement respecter des obligations légales et élargir votre audience, mais surtout garantir une expérience inclusive pour tous.

Pourquoi l’accessibilité web est-elle importante ?

Une question d’inclusion et d’éthique

Un web accessible, c’est un web qui garantit les mêmes opportunités à tous. Pour une personne malvoyante utilisant un lecteur d’écran ou un utilisateur ayant des difficultés motrices naviguant uniquement au clavier, chaque détail compte. L’accessibilité ne se résume pas à des ajustements techniques : c’est un engagement en faveur de l’égalité des chances.

Un impact direct sur votre audience

Rendre un site accessible signifie qu’il pourra être utilisé par une population plus large. Aujourd’hui, près de 15 % de la population mondiale vit avec un handicap. En adaptant votre site, vous ne vous adressez pas seulement à eux, mais aussi à toutes les personnes susceptibles de rencontrer des difficultés temporaires : utilisateurs âgés, personnes en mobilité réduite ou encore internautes dans des environnements contraints (faible luminosité, bruit ambiant).

Un levier de performance et de référencement (SEO)

Saviez-vous que Google privilégie les sites bien structurés et lisibles ? Beaucoup de bonnes pratiques d’accessibilité améliorent aussi votre SEO : descriptions d’images, structure claire des contenus, navigation fluide… En rendant votre site plus accessible, vous facilitez aussi son indexation par les moteurs de recherche.

Une conformité légale incontournable

De plus en plus de réglementations imposent des standards d’accessibilité, comme le RGAA en France. Ne pas respecter ces règles peut entraîner des sanctions financières et nuire à votre réputation.

Les fondamentaux de l’accessibilité web

Les Web Content Accessibility Guidelines (WCAG 2.1) définissent les principes clés pour rendre un site accessible. Voici les grands piliers à respecter :

• Perceptible : assurez-vous que tous les contenus sont visibles et compréhensibles, notamment en ajoutant des descriptions alternatives aux images et des sous-titres aux vidéos.
• Opérable : votre site doit être utilisable sans souris. Les utilisateurs doivent pouvoir naviguer avec un clavier ou une technologie d’assistance.
• Compréhensible : un site doit être clair et prévisible. Un bouton « Envoyer » doit dire exactement ce qu’il fait, et les messages d’erreur doivent être explicites.
• Robuste : votre site doit être compatible avec divers navigateurs et outils d’assistance (lecteurs d’écran, synthèses vocales…).

Comment rendre votre site plus accessible ?

1. Faire un audit d’accessibilité

Avant toute chose, évaluez votre site avec des outils comme Wave, Lighthouse ou Axe. Mais attention, ces tests automatiques ne remplacent pas un audit manuel ni des tests réels avec des utilisateurs en situation de handicap.

2. Optimiser le contraste et les couleurs

Un bon contraste (minimum 4,5:1 pour le texte normal) permet une meilleure lisibilité. Et surtout, ne vous fiez pas uniquement aux couleurs pour transmettre une information ! Pensez aux formes, aux icônes et aux textes explicatifs.

3. Tester la navigation au clavier

Pouvez-vous parcourir tout votre site avec la touche Tab et activer les liens sans souris ? Si non, il y a un problème. Beaucoup de personnes utilisent exclusivement le clavier pour naviguer.

4. Ajouter des descriptions aux images et vidéos

Chaque image importante doit avoir un attribut alt décrivant son contenu. Les vidéos doivent être sous-titrées et accompagnées d’une transcription.

5. Rendre les formulaires accessibles

Un formulaire bien conçu, c’est un formulaire clair et facile à remplir :

• Des étiquettes explicites pour chaque champ
• Des messages d’erreur clairs
• Une navigation fluide au clavier

6. Faire tester votre site par des utilisateurs

Les retours des utilisateurs sont irremplaçables. Un site peut sembler accessible en théorie, mais présenter des obstacles en pratique. Faites appel à des testeurs ayant des besoins spécifiques.

Outils utiles pour améliorer l’accessibilité

• Wave : extension qui détecte les problèmes d’accessibilité sur vos pages web
• Lighthouse : outil open source de Google pour auditer performance et accessibilité
• NVDA : lecteur d’écran gratuit pour tester l’accessibilité des sites

Pourquoi 8bitstudio s’engage pour un web plus inclusif

L’accessibilité ne devrait jamais être une contrainte, mais un standard. Chez 8bitstudio, nous avons accompagné de nombreuses entreprises et institutions dans leur transition vers des sites plus inclusifs.

Récemment, nous avons travaillé avec une institution publique pour repenser totalement l’ergonomie de son portail en intégrant les bonnes pratiques WCAG. Résultat : une meilleure expérience pour tous les utilisateurs, une mise en conformité avec la législation et une augmentation des interactions sur le site.

Vous avez un projet en tête ? Parlons-en !

Vincent Parisod Associé – Directeur Contactez-nous

The post Accessibilité web : pourquoi et comment rendre votre site inclusif appeared first on 8bit.

Les heuristiques

Bien qu’il existe de nombreuses heuristiques, les critères les plus couramment utilisés dans l’inspection de l’utilisabilité ont été développés par Jacob Nielsen en 1995.

Quand effectuer une évaluation heuristique?

L’évaluation heuristique peut être effectuée à différents moments d’un projet, en fonction des besoins et des objectifs :

• Phase de conception : avant le développement, pour valider des maquettes ou prototypes et garantir une base solide en termes d’utilisabilité.
• Avant un lancement : pour s’assurer que l’interface répond aux attentes des utilisateurs et éviter des problèmes critiques qui pourraient nuire à l’expérience utilisateur.
• Amélioration continue : à intervalles réguliers, pour identifier et résoudre des problèmes d’utilisabilité sur des interfaces déjà en production.
• Refonte ou mise à jour majeure : lorsqu’un produit subit des changements importants, pour garantir la continuité de l’expérience utilisateur.

Confiez nous votre évaluation heuristique

Notre équipe de spécialistes en UX se charge de réaliser votre évaluation heuristique avec rigueur et professionnalisme. Grâce à notre expertise, nous identifions rapidement les points faibles de vos interfaces et vous fournissons des recommandations concrètes pour les améliorer.

• Séance de briefing : une rencontre initiale pour définir ensemble les objectifs et le périmètre de l’évaluation.
• Recommandations : des solutions concrètes et hiérarchisées pour chaque problème.
• Présentation des résultats : un échange pour discuter des points clés et répondre à vos questions.
• Suivi personnalisé : un accompagnement pour la mise en œuvre des améliorations suggérées.

Vous avez un projet en tête ? Parlons-en !

Vincent Parisod Associé – Directeur Contactez-nous

The post Évaluation heuristique : détecter les problèmes d’utilisation et d’expérience appeared first on 8bit.

Dès le début du projet, nous avons pris le temps de découvrir l’univers de La Chatterie pour en comprendre l’esprit. Cette immersion nous a permis de concevoir un logo amusant et joyeux, associé à des teintes douces et rassurantes, en harmonie avec les valeurs de l’établissement. Pour personnaliser encore davantage l’identité visuelle, nous avons intégré des illustrations inspirées des « avis » des chats eux-mêmes. Certains mettent en avant le confort des chambres, tandis que d’autres se laissent séduire par la qualité des repas.

Côté digital, nous avons conçu un site web adapté aux besoins des propriétaires de chats. La navigation a été pensée pour être simple et intuitive. Le site présente clairement les services offerts, comme les chambres spacieuses et chauffées, les enclos extérieurs verdoyants ou encore les suites privatives. Un système de réservation sur mesure a également été mis en place, facilitant la gestion des demandes et assurant une expérience fluide pour les utilisateurs.

Ce projet a été guidé par la volonté d’allier esthétique, performance technique et simplicité d’utilisation. Chaque détail a été réfléchi pour mettre en valeur les atouts de chatterie.ch : offrir un environnement serein, confortable et de confiance. Une solution digitale élégante, conçue pour ravir les propriétaires et faire ronronner leurs pensionnaires.

Vous avez un projet en tête ? Parlons-en !

Vincent Parisod Associé – Directeur Contactez-nous

The post LaChatterie.ch : une résidence d’exception pour le bien-être des chats appeared first on 8bit.

Notre contribution s’est concentrée sur la création d’une interface claire et accessible, permettant de naviguer facilement entre les différentes informations et services proposés. Nous avons veillé à ce que le design reflète la modernité et l’ambition de ce centre, tout en répondant aux besoins des utilisateurs.

C’est toujours un plaisir de contribuer à des projets qui soutiennent la formation et l’innovation. Nous sommes reconnaissants de la confiance qui nous a été accordée et fiers d’avoir pu collaborer à cette belle initiative. Vous pouvez découvrir le résultat directement sur YMECA.ch.

Vous avez un projet en tête ? Parlons-en !

Vincent Parisod Associé – Directeur Contactez-nous

The post YMECA, au service de la formation et de l’innovation dans les métiers techniques de la mobilité appeared first on 8bit.

Qu’est-ce qu’Alpine.js ?

Alpine.js est un micro-framework JavaScript conçu pour ajouter des comportements interactifs à vos applications web sans la complexité des frameworks traditionnels. Inspiré par Vue.js, il utilise une syntaxe expressive basée sur des attributs HTML pour gérer les interactions dynamiques. Nous l’utilisons dans beaucoup de nos projets, et j’avoue que c’est un réel gain de temps.

Caractéristiques principales :

• Léger et rapide : avec un poids d’environ 10 kB gzip, Alpine.js est incroyablement rapide à charger et à exécuter.
• Simplicité : il s’intègre directement dans le HTML grâce à des directives comme x-data, x-bind ou x-on.
• Réactif : basé sur une approche déclarative, il permet une gestion réactive des états sans besoin de configuration complexe.
• Compatibilité : fonctionne sans problème avec des bibliothèques ou frameworks existants, idéal pour enrichir des projets WordPress ou statiques.

Pourquoi choisir Alpine.js ?

Alpine.js est idéal pour les projets nécessitant une interactivité légère ou des comportements réactifs simples (comme des menus déroulants, des onglets ou des modals). Il vous épargne la surcharge d’un framework complet tout en offrant une expérience développeur fluide. L’installation d’Alpine.js est simple. Vous pouvez l’ajouter via un CDN ou en l’installant avec un gestionnaire de paquets (yarn, npm).

Cas d’utilisation typiques :

• Menus interactifs (ex. : burger menus ou dropdowns)
• Composants modaux
• Onglets réactifs
• Formulaires dynamiques
• Fonctionnalités avancées dans un contexte CMS (comme WordPress, où Alpine.js peut enrichir des thèmes ou des blocs personnalisés)

Avantages et inconvénients

Avantages :

Ce que j’apprécie dans Alpine.JS, c’est sa simplicité. Il est parfait pour les débutants ou les développeurs cherchant une solution rapide pour des petites interactions entre les éléments. Aucune configuration : fonctionne immédiatement après ajout. Excellente compatibilité avec des projets WordPress, Bedrock ou Sage.

Inconvénients :

Ce framework trouve sa limite dans applications complexes : pour des projets lourds ou nécessitant une gestion avancée des états, des frameworks comme React ou Vue restent plus adaptés. La doc, bien qu’efficace, peut être moins complète pour des cas avancés.

Ma conclusion

Alpine.js est une solution minimaliste et puissante pour répondre aux besoins modernes du web. Il est particulièrement adapté aux projets où la simplicité, la légèreté et la rapidité d’exécution sont prioritaires. Que vous travailliez sur un projet WordPress avec des blocs Gutenberg personnalisés ou que vous souhaitiez enrichir une application statique, Alpine.js s’intègre parfaitement à votre workflow. C’est vraiment, pour moi, un réel gain de temps et surtout cela évite de longs scripts JS, qui donnent mal au crâne rien qu’en ouvrant le fichier.🤯 Je ne peux donc que vous conseiller de le tester et de vous familiariser avec ce super outil.

Vous avez un projet en tête ? Parlons-en !

Vincent Parisod Associé – Directeur Contactez-nous

The post Alpine.js : le micro-framework JavaScript qui allie simplicité et efficacité appeared first on 8bit.

L’objectif était de créer un espace clair et accessible où les utilisateurs puissent rapidement naviguer entre les différentes sections, trouver des données actualisées et bénéficier d’une expérience en ligne simplifiée. Le site propose une architecture de l’information optimisée pour aider les professionnels à trouver exactement ce dont ils ont besoin, que ce soit pour la consultation de rapports ou pour rester à jour sur les dernières tendances du marché.

Nous avons mis l’accent sur l’esthétique épurée et la facilité d’utilisation, en développant une interface adaptative qui offre une expérience homogène sur tous les appareils. L’utilisateur accède à des outils puissants, présentés dans un cadre visuel simplifié qui renforce la compréhension et l’utilisation des ressources disponibles.

Découvrez la nouvelle plateforme sur commoditieshub.ch. Nous sommes fiers de ce projet et enthousiastes à l’idée de voir comment cette solution soutiendra l’industrie des matières premières dans ses défis quotidiens.

Vous avez un projet en tête ? Parlons-en !

Vincent Parisod Associé – Directeur Contactez-nous

The post Commodities Hub : un site pensé pour simplifier l’accès aux ressources clés des matières premières appeared first on 8bit.

Comprendre la complexité des systèmes administratifs internationaux

Les systèmes complexes que les organisations internationales administrent se caractérisent par une interconnexion de plusieurs niveaux d’utilisateurs : décideurs politiques, administrateurs, agents de terrain, et parfois même le grand public. Chaque groupe d’utilisateurs a des besoins différents, qui doivent être satisfaits sans compliquer l’expérience des autres. Par exemple, une plateforme de gestion de fonds dans une institution comme la Banque mondiale doit à la fois permettre aux pays membres de soumettre des demandes de financement, aux experts de les évaluer, et aux gestionnaires de projet de suivre l’exécution des fonds sur plusieurs années.

Le défi réside donc dans la manière dont les concepteurs UX abordent l’unification de ces flux d’interaction tout en s’assurant que chaque utilisateur trouve rapidement les outils et informations dont il a besoin. Une erreur fréquente est de tomber dans le piège de la surenchère fonctionnelle, en surchargeant l’interface d’options qui, loin d’améliorer la flexibilité, diluent la clarté et augmentent la complexité cognitive.

Stratégies UX pour la simplification des systèmes complexes

L’une des stratégies UX clés pour concevoir des interfaces destinées à des systèmes complexes est de structurer les informations de manière progressive. Cette approche permet aux utilisateurs de traiter l’information par couches successives, en accédant d’abord à un résumé ou un aperçu, puis à des détails plus spécifiques à mesure qu’ils avancent dans leur tâche. Prenons l’exemple d’une organisation comme l’Organisation mondiale de la santé (OMS) qui gère des bases de données mondiales sur des maladies. Une première couche d’informations pourrait présenter un tableau de bord global des épidémies en cours, avec des données à haut niveau. Ensuite, les utilisateurs plus spécialisés – tels que les épidémiologistes ou les décideurs locaux – peuvent plonger dans des rapports détaillés, des statistiques régionales ou des alertes spécifiques.

Une autre stratégie consiste à segmenter les utilisateurs et à adapter les interfaces en fonction de leur rôle et de leurs besoins. Cela implique d’identifier des « personae » utilisateurs et de concevoir des parcours spécifiques pour chacun. Par exemple, dans le cadre d’un système de gestion des réfugiés pour une agence comme le HCR (Haut-Commissariat pour les Réfugiés), les agents de terrain qui travaillent directement avec les réfugiés auront besoin d’une interface simplifiée, permettant un enregistrement rapide des données sur le terrain via des appareils mobiles. Les analystes basés au siège, quant à eux, nécessiteront une interface plus complexe, leur permettant de croiser des données démographiques, géographiques et logistiques pour prendre des décisions à long terme.

Modularité et évolutivité dans les systèmes internationaux

Les organisations internationales ont souvent besoin de systèmes évolutifs et modulaires. L’environnement dans lequel ces institutions fonctionnent est dynamique : les priorités politiques changent, les crises surgissent et les flux de financement se redirigent rapidement. La conception UX doit donc prévoir des interfaces capables de s’adapter à ces évolutions sans nécessiter des refontes lourdes et coûteuses. Cela passe par la création de systèmes de design (design systems) modulaires, où chaque composant d’interface est conçu de manière à pouvoir être réutilisé dans différents contextes.

Un exemple concret peut être trouvé dans l’interface de la plateforme de gestion des aides humanitaires de l’UNICEF, qui est conçue pour intégrer rapidement de nouveaux modules selon les besoins des situations d’urgence. Lors de la crise du COVID-19, des fonctionnalités spécifiques de suivi des vaccins et de distribution des équipements de protection individuelle ont été ajoutées sans compromettre les fonctions existantes. La modularité permet ici non seulement une plus grande flexibilité, mais aussi une meilleure gestion des ressources, en assurant que les équipes UX et de développement puissent travailler de manière agile.

La réduction de la friction cognitive dans les processus bureaucratiques

Les systèmes administratifs et bureaucratiques présentent souvent une forte friction cognitive en raison du nombre d’étapes à franchir et de la nécessité de traiter des données complexes. Pour atténuer cette friction, il est impératif de minimiser le nombre de décisions que l’utilisateur doit prendre à chaque étape. Cela passe par la mise en œuvre de workflows automatisés et d’une conception centrée sur les actions fréquentes ou prioritaires.

Dans une plateforme comme celle utilisée par l’Organisation internationale du travail (OIT) pour la gestion des conventions internationales, les utilisateurs doivent souvent naviguer entre plusieurs processus d’approbation. Une approche efficace a été de proposer une interface où les tâches les plus urgentes apparaissent en premier, avec des recommandations contextuelles basées sur les précédentes actions de l’utilisateur. Ce type de micro-personnalisation, rendue possible par des algorithmes d’intelligence artificielle, réduit non seulement la friction mais accroît également la productivité.

Conclusion : l’équilibre entre simplicité et efficacité

La création d’interfaces pour des systèmes complexes dans le cadre d’organisations internationales demande une réflexion fine et des solutions UX stratégiques. Les concepteurs doivent concilier simplicité et profondeur fonctionnelle, en veillant à ne jamais sacrifier l’efficacité des processus au profit d’une interface trop minimaliste. Cela implique de comprendre profondément les besoins des différents utilisateurs, de structurer l’information de manière intuitive et de créer des systèmes modulaires et évolutifs capables de s’adapter aux changements du contexte international.

L’UX, dans ce contexte, ne se contente pas d’améliorer l’expérience utilisateur : elle devient un levier pour accroître l’efficacité opérationnelle et la capacité de ces organisations à accomplir leur mission.

Vous avez un projet en tête ? Parlons-en !

Vincent Parisod Associé – Directeur Contactez-nous

The post Créer des interfaces pour des systèmes complexes : le cas des organisations internationales appeared first on 8bit.

Qu’est-ce que le SUS ?

Développé comme un questionnaire simple et rapide, le SUS fournit une évaluation numérique de la satisfaction des utilisateurs concernant la facilité d’utilisation de votre produit. Grâce à un score sur 100, le SUS permet une interprétation claire des résultats et une comparaison facile avec d’autres produits et solutions de l’industrie.

Les atouts des tests SUS pour vos produits :

1. Diagnostic rapide et efficace : Le SUS offre une vision immédiate de la satisfaction utilisateur, grâce à un format de questionnaire réduit et structuré. Les résultats sont obtenus rapidement et interprétés à travers un score normalisé.
2. Évaluation fiable et reconnue : Utilisé depuis plusieurs décennies, le SUS est devenu un standard dans le secteur technologique. Il est reconnu pour sa pertinence et sa fiabilité dans des contextes variés (applications, sites web, interfaces métiers, etc.).
3. Suivi d’évolution continue : Le SUS peut être administré à plusieurs étapes du développement produit, permettant de comparer l’impact des évolutions et des mises à jour sur l’expérience utilisateur au fil du temps.
4. Optimisation des priorités produit : Le retour des utilisateurs, structuré par le score SUS, permet d’identifier et de prioriser les ajustements nécessaires pour améliorer l’expérience utilisateur.

Notre approche pour vos tests SUS

Nous prenons en charge l’intégralité du processus d’évaluation. Nous utilisons les canaux existants de votre marque pour diffuser le questionnaire auprès de vos utilisateurs ciblés, maximisant ainsi la pertinence des retours. Notre service comprend :

• La configuration et l’intégration du questionnaire,
• La collecte et l’analyse des réponses,
• L’interprétation du score.

Investir dans l’usabilité, c’est investir dans la fidélité et l’engagement de vos utilisateurs. Un test SUS peut être l’étape clé pour vous donner la vision précise de l’expérience utilisateur actuelle de votre produit et vous guider vers des améliorations significatives. Pour en savoir plus, contactez-nous et permettez-nous de contribuer à l’optimisation de vos produits.

Vous avez un projet en tête ? Parlons-en !

Vincent Parisod Associé – Directeur Contactez-nous

The post Comment mesurer l’expérience utilisateur avec le test SUS appeared first on 8bit.

Pour amplifier son action et mieux sensibiliser le public, l’association s’appuie sur le numérique. Avec Numera, nous avons collaboré à la refonte des sites suisse et allemand, en travaillant sur deux axes majeurs : l’interface utilisateur et la cohérence graphique.

L’enjeu : offrir une expérience fluide et engageante, fidèle à l’identité propre de chaque antenne nationale tout en assurant une certaine harmonie globale. Il ne s’agissait pas simplement d’un coup de peinture, mais bien d’un vrai travail d’alignement entre design, navigation et contenu.

Le résultat : deux plateformes plus intuitives, plus lisibles, et surtout plus au service de la mission humanitaire portée par SOS MEDITERRANEE.

Découvrez le résultat sur : sosmediterranee.ch

Vous avez un projet en tête ? Parlons-en !

Vincent Parisod Associé – Directeur Contactez-nous

The post Humanitaire & numérique : repenser l’expérience web de SOS MEDITERRANEE appeared first on 8bit.

L’architecture de l’information (AI) est souvent décrite comme la structure cachée derrière la conception d’une interface. Pourtant, son influence est omniprésente et déterminante dans l’expérience que chaque utilisateur aura en interagissant avec un site web, une application, ou un intranet. Comprendre, maîtriser et appliquer les principes de l’AI, c’est s’assurer que l’information est non seulement accessible, mais aussi compréhensible et utilisable.

Le point de départ de toute architecture de l’information réussie est l’arborescence. Il ne s’agit pas simplement de créer une liste de contenus, mais de construire une structure cohérente qui guide les utilisateurs à travers l’information de manière intuitive. En structurant le contenu de manière hiérarchique, on établit un parcours qui fait sens pour l’utilisateur, en l’aidant à trouver ce qu’il recherche rapidement et sans effort. Par exemple, un site e-commerce qui propose des catégories claires comme « Vêtements » > « Hommes » > « T-shirts » offre un chemin évident vers l’information recherchée, évitant la confusion et la perte de temps.

Cependant, une bonne arborescence ne suffit pas. La classification des informations joue également un rôle essentiel. Classer signifie regrouper de manière logique et intuitive les contenus en fonction de leur similarité et de leur pertinence. Cette étape implique de penser comme l’utilisateur, de comprendre comment il perçoit et recherche l’information. Cela est particulièrement important dans des environnements complexes, comme les intranets d’entreprise, où la diversité des contenus peut rapidement devenir un obstacle. En regroupant les informations sous des catégories telles que « Ressources Humaines, » « IT, » ou « Communication interne, » on facilite l’accès aux documents et outils, rendant ainsi l’intranet bien plus fonctionnel.

Simplicité et limites cognitives : la règle de Miller

L’application de la règle de Miller, qui stipule que la mémoire à court terme d’un individu ne peut retenir que 7 ± 2 éléments à la fois, est un autre aspect fondamental de l’architecture de l’information. Cette règle nous rappelle l’importance de ne pas submerger l’utilisateur avec trop d’options ou de choix. Dans un menu de navigation, par exemple, limiter le nombre d’éléments à environ sept permet de réduire la charge cognitive, aidant ainsi l’utilisateur à se concentrer sur ce qui est réellement important.

Menu de navigation

Sur un site web, le menu principal devrait idéalement contenir entre 5 et 7 éléments maximum. Au-delà de cette limite, l’utilisateur peut se sentir submergé et avoir du mal à traiter toutes les options. Si plus de 7 éléments sont nécessaires, envisagez d’utiliser des sous-catégories ou des menus déroulants pour alléger l’interface.

L’analyse de la fréquentation pour un ajustement continu

Par ailleurs, l’analyse de la fréquentation des pages offre des indications précieuses pour ajuster et affiner l’architecture de l’information. En observant quelles pages sont les plus visitées, les points de sortie, ou les parcours les plus empruntés, on peut identifier les besoins réels des utilisateurs et ajuster la structure en conséquence. Si une page spécifique est rarement consultée, il peut être judicieux de revoir son positionnement dans l’arborescence ou de réévaluer sa pertinence. Ce processus d’analyse permet d’adapter en continu l’architecture de l’information, afin qu’elle reste alignée avec les attentes et les comportements des utilisateurs.

Site institutionnel

Sur un site institutionnel, les analyses de trafic peuvent révéler que les utilisateurs visitent régulièrement la section « Services aux citoyens » mais ignorent la section « Historique de l’institution ». Cela suggère que la « section historique » pourrait être reléguée à un niveau inférieur dans l’arborescence, voir supprimée, tandis que « Services aux citoyens » devrait être mise en avant sur la page d’accueil ou dans le menu principal.

Équilibrer les besoins internes et les attentes utilisateurs

Il est également crucial de considérer les besoins de communication des services internes de l’organisation en comparaison avec les besoins des utilisateurs finaux. Souvent, les services internes souhaitent mettre en avant leurs contenus, projets ou réalisations, ce qui peut parfois entrer en conflit avec l’objectif principal d’une interface : répondre efficacement aux besoins des utilisateurs. Trouver un équilibre entre ces deux perspectives est essentiel pour créer une interface qui sert à la fois les intérêts de l’organisation et ceux de ses publics.

Accueil d’une institution publique

Un service interne souhaite peut-être mettre en avant des rapports, des communiqués de presse, et des informations institutionnelles. Cependant, les utilisateurs, eux, cherchent principalement des formulaires, des coordonnées de contact, ou des informations sur les démarches administratives. Dans ce cas, l’architecture de l’information doit prioriser les besoins de l’utilisateur en mettant ces éléments en avant sur la page d’accueil, tout en réservant un espace secondaire pour les contenus internes.

Hiérarchiser l’information : orienter et guider l’utilisateur

La hiérarchisation des informations est une autre dimension fondamentale de l’architecture de l’information. Cela consiste à définir un ordre de priorité parmi les éléments d’information pour orienter l’attention de l’utilisateur vers les contenus les plus importants. L’utilisation de la typographie, des couleurs, et des espacements joue un rôle déterminant dans cette hiérarchisation, tout comme le positionnement des éléments sur la page. Un bouton d’appel à l’action (CTA) doit être placé de manière visible et attirante, tandis que les informations secondaires peuvent être accessibles à un niveau de lecture inférieur.

Site d’une banque

Prenons le cas d’un site web d’une banque qui s’adresse à différents types de clients : particuliers, professionnels, et grandes entreprises. Pour hiérarchiser l’information, la page d’accueil peut proposer des blocs ou des sections dédiées à chaque type de clientèle, de manière claire et visuellement distincte. Par exemple, le segment « Particuliers » pourrait présenter en premier les services les plus recherchés par ce public, tels que les comptes courants, les prêts personnels, et les services de carte bancaire. À l’inverse, la section « Professionnels » mettrait en avant les offres de comptes d’entreprise, les solutions de paiement, et les crédits professionnels. En adaptant la hiérarchisation de l’information selon chaque type de public, la banque facilite la navigation et assure que chaque utilisateur accède rapidement aux services qui lui sont pertinents.

L’évolution constante de l’architecture de l’information

Enfin, il ne faut pas oublier que l’architecture de l’information est un processus dynamique et évolutif. Elle ne doit jamais être figée. Les besoins des utilisateurs évoluent, tout comme les objectifs de l’organisation. Il est donc indispensable de revoir régulièrement l’architecture, d’analyser les comportements et de s’adapter en conséquence. En adoptant une approche itérative, on garantit que l’interface reste pertinente, efficace, et en phase avec les attentes de ses utilisateurs.

L’architecture de l’information n’est pas simplement une question de structure ou de technique, c’est une réflexion constante sur la manière de rendre l’information plus accessible, plus compréhensible, et plus utilisable. En combinant des principes tels que la hiérarchisation, la simplification, l’analyse de la fréquentation, et en trouvant un équilibre entre les objectifs internes et les attentes des utilisateurs, on construit des interfaces qui offrent des expériences riches, intuitives et véritablement orientées vers l’utilisateur.

Vous avez un projet en tête ? Parlons-en !

Vincent Parisod Associé – Directeur Contactez-nous

The post L’architecture de l’information: l’essence de la conception d’interfaces réussies appeared first on 8bit.

Notre contribution s’est concentrée sur le design des interfaces (UI), avec pour objectif de créer une expérience visuelle moderne et engageante. Le nouveau site permet aux visiteurs de découvrir facilement les événements, les activistes et les ressources proposées par l’association.

Nous remercions chaleureusement les équipes de Numera et de YAS pour leur collaboration. Ensemble, nous avons conçu un site qui reflète l’engagement du Young Activists Summit en faveur des jeunes leaders du changement.

Découvrez le site ici : www.youngactivistssummit.org

Vous avez un projet en tête ? Parlons-en !

Vincent Parisod Associé – Directeur Contactez-nous

The post Un nouveau site pour amplifier les voix du Young Activists Summit appeared first on 8bit.

Le e-learning : une révolution dans la formation professionnelle

Traditionnellement, la formation professionnelle s’appuie sur un modèle d’alternance, combinant des cours théoriques en école et des stages en entreprise. Avec l’arrivée du e-learning, cette approche s’enrichit d’outils d’apprentissage en ligne, offrant une flexibilité et une personnalisation accrues. L’accès aux contenus pédagogiques est désormais possible à tout moment et de n’importe où, et les exercices interactifs permettent aux apprenants d’évaluer leurs progrès de manière autonome.

L’intégration du e-learning dans la formation professionnelle permet d’améliorer l’autonomie des apprenants, tout en leur offrant un suivi personnalisé. Les plateformes numériques, en proposant des exercices auto-correctifs et des outils de suivi en temps réel, permettent aux apprenants de suivre leurs progrès de manière dynamique et de recevoir des retours immédiats.

Les avantages du e-learning : flexibilité, personnalisation et engagement

Flexibilité accrue : Le e-learning offre une flexibilité sans précédent. Les apprenants peuvent organiser leur emploi du temps selon leurs disponibilités, un atout majeur pour ceux qui travaillent en parallèle de leur formation. La possibilité d’accéder aux cours à tout moment, depuis n’importe quel lieu, permet une véritable autonomie.

Personnalisation et autonomie : Les exercices auto-correctifs permettent aux apprenants de progresser à leur rythme, en recevant des retours immédiats sur leurs performances. Ce processus favorise l’engagement et l’implication active de l’apprenant, qui devient acteur de son propre parcours d’apprentissage.

Engagement interactif : Les plateformes e-learning rendent l’apprentissage plus attrayant grâce à l’intégration de vidéos pédagogiques, de simulations, de cas pratiques et de quiz interactifs. Ces outils rendent le contenu théorique plus vivant et stimulant, ce qui contribue à renforcer l’engagement des apprenants.

Suivi en temps réel et évaluation : Les LMS offrent aux enseignants un suivi détaillé des performances des apprenants grâce à des tableaux de bord analytiques. Cela permet d’identifier rapidement les domaines de difficulté, d’ajuster les contenus en conséquence et d’apporter un accompagnement personnalisé.

Les défis du e-learning dans la formation professionnelle

Malgré ses nombreux avantages, le e-learning présente certains défis. L’un des principaux est le risque d’isolement des apprenants, qui peuvent ressentir un manque de soutien émotionnel et motivationnel. La nécessité d’un accès à des ressources techniques (ordinateur, connexion internet fiable) peut également creuser des inégalités d’accès.

De plus, l’adaptation des formateurs à ces nouvelles technologies requiert une formation spécifique pour maîtriser les outils numériques et concevoir des contenus pédagogiques interactifs. Enfin, dans le cadre de la formation professionnelle, il est essentiel de maintenir un équilibre entre les compétences théoriques et pratiques.

NOVAPRO : une solution LMS adaptée à la formation professionnelle suisse

Depuis trois ans, nous collaborons étroitement avec la CIIP (Conférence intercantonale de l’instruction publique) sur le projet NOVAPRO, une plateforme e-learning dédiée à la formation professionnelle. NOVAPRO représente une avancée majeure en matière d’apprentissage en ligne, combinant flexibilité, interactivité et personnalisation pour répondre aux besoins spécifiques des apprentis suisses.

Notre agence a joué un rôle clé dans le design des manuels scolaires, en veillant à créer une mise en page ergonomique et esthétique. Nous avons également effectué une recherche approfondie pour sélectionner des illustrations pertinentes, rendant les supports d’apprentissage plus engageants.

Sur la plateforme digitale, nous avons intégré des exercices interactifs via H5P, liés à des QR codes présents sur le matériel physique. Cela crée un lien direct entre les ressources physiques et numériques, facilitant l’accès aux activités en ligne. Grâce à cette approche, les apprenants bénéficient d’une expérience d’apprentissage fluide, dynamique et connectée.

Perspectives d’avenir pour le e-learning

Le e-learning dans la formation professionnelle est appelé à évoluer, notamment avec l’introduction de technologies avancées telles que l’intelligence artificielle (IA) et la réalité virtuelle (VR). Ces innovations permettront d’améliorer encore la personnalisation des parcours d’apprentissage et d’offrir des simulations pratiques plus immersives. NOVAPRO continuera de s’adapter à ces évolutions, en proposant des solutions toujours plus performantes et adaptées aux besoins des apprenants.

Un partenariat solide et inspirant

Nous tenons à exprimer notre gratitude envers la CIIP et les acteurs clés du projet, tels que Romain Marion, Sadri Shili, Tristan Tièche et Emily Lucas, pour leur confiance et leur soutien. Ensemble, nous contribuons à faire évoluer la formation professionnelle en Suisse, en offrant des solutions d’apprentissage innovantes et adaptées aux besoins d’un monde en constante évolution.

Vous avez un projet en tête ? Parlons-en !

Vincent Parisod Associé – Directeur Contactez-nous

The post Le e-learning : Une révolution pour la formation professionnelle en Suisse appeared first on 8bit.

La navigation et l’architecture de l’information ont été soigneusement retravaillées afin de proposer des parcours adaptés à chaque type d’utilisateur : étudiants, entreprises, start-ups, ONG, et organisations internationales. Nous avons également mis l’accent sur un accès simplifié au programme et à la liste des entreprises participantes, afin d’assurer une expérience fluide dès la première visite.

Conçue pour être accessible sur tous les supports, cette nouvelle plateforme a pour ambition de faciliter la participation au Forum EPFL.

Enfin, nous tenons à remercier chaleureusement le Forum EPFL pour sa confiance tout au long de ce projet.

Vous avez un projet en tête ? Parlons-en !

Vincent Parisod Associé – Directeur Contactez-nous

The post Nouveau site du Forum EPFL en ligne appeared first on 8bit.

1. L’hyper-personnalisation des services publics

L’une des tendances majeures en matière d’UX est la capacité à offrir des services hyper-personnalisés. Contrairement aux approches traditionnelles, où les services étaient conçus pour un grand public, les institutions de demain devront fournir des expériences adaptées aux préférences individuelles des utilisateurs. Grâce à l’intelligence artificielle et à l’analyse des données, les institutions pourront mieux comprendre les besoins spécifiques de chaque citoyen et leur proposer des services sur mesure.

• Cas pratique : une municipalité qui utilise l’IA pour analyser les interactions passées des citoyens sur son site web. Elle peut ainsi leur proposer des services spécifiques, comme des rappels personnalisés pour les déclarations fiscales ou les inscriptions scolaires.

2. Accessibilité universelle et inclusive

Avec le vieillissement de la population et l’importance croissante de l’inclusion numérique, l’accessibilité est devenue une priorité pour les institutions. Les interfaces doivent être conçues pour être utilisables par tous, indépendamment des capacités physiques, cognitives ou technologiques des citoyens.

• Exemple : des institutions qui mettent en œuvre des outils de narration vocale et des ajustements de contenu pour les utilisateurs ayant des troubles visuels ou cognitifs. Cela inclut également l’adaptation des services pour être accessibles sur des appareils moins sophistiqués ou avec une connexion internet limitée.

3. Conception centrée sur les données en temps réel

L’intégration de la collecte et de l’utilisation des données en temps réel devient essentielle pour améliorer l’expérience utilisateur dans les institutions. Les systèmes basés sur des données en temps réel peuvent fournir des informations actualisées aux citoyens, telles que les temps d’attente dans les services, l’état de leur demande, ou encore l’évolution des réglementations.

• Exemple : les applications municipales qui affichent en temps réel les horaires des services de transport, les disponibilités des parkings publics ou les alertes de sécurité, permettant ainsi aux citoyens de mieux planifier leur journée.

4. L’automatisation des services à travers les chatbots et l’IA conversationnelle

Les chatbots et les assistants virtuels deviennent un standard dans l’expérience utilisateur. Les institutions adoptent de plus en plus ces technologies pour répondre aux demandes des citoyens de manière rapide, efficace et disponible 24/7. L’évolution de l’IA conversationnelle permet aux chatbots de traiter des demandes plus complexes et de guider les utilisateurs tout au long de leurs démarches.

• Cas pratique : un chatbot pour les services sociaux, capable de guider les citoyens dans les démarches administratives comme les demandes de subventions ou de logement social, en répondant à des questions spécifiques et en fournissant des informations personnalisées.

5. La gamification pour encourager l’engagement civique

Les institutions publiques ont souvent du mal à encourager la participation des citoyens à la vie publique. La gamification, c’est-à-dire l’intégration des mécanismes de jeu dans des contextes non-ludiques, devient un outil précieux pour accroître l’engagement des utilisateurs. Des récompenses, des classements ou des défis peuvent être utilisés pour encourager la participation des citoyens aux consultations publiques, aux élections, ou à des activités communautaires.

• Exemple : une plateforme municipale qui récompense les citoyens pour leur participation aux consultations publiques, avec des points qu’ils peuvent échanger contre des services municipaux, comme des abonnements gratuits aux transports en commun.

6. Sécurité et confidentialité des données utilisateurs

Avec l’augmentation de l’utilisation des services numériques par les institutions, la sécurité et la confidentialité des données deviennent des préoccupations majeures. Les citoyens sont de plus en plus conscients des risques liés à la protection de leur vie privée, et les institutions devront renforcer la transparence et la sécurité des systèmes pour garantir la confiance du public.

• Exemple : un portail gouvernemental qui permet aux citoyens de contrôler exactement quelles données personnelles sont partagées avec les services publics, avec des niveaux de consentement explicites pour chaque service.

7. L’interconnexion des services publics

L’avenir des institutions repose sur l’idée d’une interconnexion fluide entre les différents services publics. Les citoyens s’attendent à une expérience sans coupure, où leurs informations sont partagées de manière sécurisée entre différentes entités pour éviter la répétition de démarches. L’interopérabilité des systèmes et des bases de données devient donc cruciale.

• Cas pratique : une plateforme centralisée qui permet aux citoyens de gérer à partir d’un seul compte tous leurs services publics (santé, impôts, sécurité sociale), sans avoir à remplir plusieurs fois les mêmes informations.

Conclusion

Les tendances UX qui façonnent l’avenir des institutions sont à la croisée de l’innovation technologique et des attentes citoyennes. Les institutions qui souhaitent rester pertinentes et efficaces devront adopter ces nouvelles approches pour offrir une expérience utilisateur centrée sur la personne, inclusive, et hautement sécurisée. Anticiper les besoins des citoyens de demain nécessitera non seulement des avancées technologiques, mais également une approche centrée sur l’humain, visant à renforcer la confiance et l’accessibilité pour tous.

Vous avez un projet en tête ? Parlons-en !

Vincent Parisod Associé – Directeur Contactez-nous

The post Les tendances UX pour les institutions – anticiper les besoins des citoyens de demain appeared first on 8bit.

Dans le contexte des organisations internationales, où les utilisateurs peuvent venir des cinq continents, la conception d’une expérience uniforme et efficace est cruciale. Un système qui fonctionne pour un utilisateur aux États-Unis peut être totalement inadapté pour un utilisateur en Afrique subsaharienne ou en Asie du sud-est. Par conséquent, la conception UX pour ces plateformes exige une approche holistique qui prend en compte les particularités linguistiques, les normes culturelles et les contextes d’utilisation.

L’un des principaux défis est l’adaptation linguistique, qui va bien au-delà du simple fait de traduire le texte de l’interface. La localisation implique de transformer des concepts et des expressions afin qu’ils soient compris et acceptés par chaque groupe culturel. Par exemple, dans certaines cultures, l’idée d’autorité est très hiérarchique et les systèmes doivent donc refléter ce respect des rôles et des titres. Une plateforme de gestion pour une organisation internationale pourrait ainsi devoir modifier la manière dont elle présente les options de validation ou de soumission de documents, selon le degré de formalisme attendu par les différents utilisateurs.

Un autre aspect critique de la conception multi-lingue est la gestion des variations linguistiques dans les interfaces. La même langue peut avoir des variations significatives d’un pays à l’autre, comme c’est le cas avec l’espagnol en Espagne et en Amérique latine, ou l’anglais au Royaume-Uni et aux États-Unis. Un exemple emblématique de cette situation est celui de la plateforme d’apprentissage linguistique Duolingo, qui a dû adapter son contenu et ses interfaces en fonction des différentes variantes d’une même langue pour rendre l’expérience utilisateur plus naturelle et immersive. Cette personnalisation garantit que les utilisateurs se sentent compris et respectés dans leur diversité linguistique.

Outre la question de la langue, la conception UX doit également intégrer les différences culturelles dans la manière dont les utilisateurs interagissent avec la technologie. Des études montrent que certains groupes culturels préfèrent des interfaces riches en informations, tandis que d’autres valorisent la simplicité et la sobriété. Les pays asiatiques, par exemple, sont souvent plus enclins à utiliser des interfaces densément peuplées d’informations, alors que les utilisateurs occidentaux privilégient souvent un design plus épuré et minimaliste. Ces variations doivent être prises en compte lors de la conception d’une plateforme internationale.

Prenons l’exemple de Booking.com, une plateforme globale de réservation de voyages. L’entreprise a rapidement compris que la perception du prix, des remises et des urgences varie selon les cultures. Pour certains utilisateurs asiatiques, l’affichage d’un compte à rebours pour des offres promotionnelles crée un sentiment d’urgence et d’engagement. À l’inverse, dans certaines cultures européennes, cette approche pourrait être perçue comme une tentative agressive de vente. Pour répondre à ces différences, Booking.com ajuste subtilement la manière dont les offres sont présentées en fonction des préférences culturelles de chaque utilisateur, ce qui renforce l’efficacité de l’interface tout en réduisant le taux d’abandon des transactions.

Le contexte socio-économique des utilisateurs joue également un rôle majeur dans la conception UX. Une plateforme internationale doit fonctionner aussi bien dans des environnements à faible bande passante qu’en 5G, ou encore sur des dispositifs mobiles aux capacités limitées. WhatsApp, une application de messagerie utilisée dans le monde entier, a par exemple intégré une fonctionnalité permettant de minimiser la consommation de données pour les utilisateurs dans des régions où l’internet est coûteux ou limité. Cette prise en compte du contexte technique des utilisateurs est essentielle pour garantir une expérience fluide et accessible à tous.

Enfin, l’aspect visuel de l’interface nécessite une attention particulière lorsqu’on s’adresse à un public multi-culturel. Les couleurs, icônes et symboles peuvent avoir des significations radicalement différentes selon les cultures. Par exemple, alors que la couleur rouge est souvent associée à l’urgence ou au danger dans de nombreuses cultures occidentales, elle symbolise le bonheur et la prospérité dans plusieurs pays asiatiques. Une plateforme qui s’adresse à un public international doit donc être soigneusement conçue pour éviter les faux pas culturels qui pourraient gêner ou déranger les utilisateurs.

Pour surmonter ces défis, les concepteurs doivent adopter une approche de « glocalisation » – un équilibre entre la globalité de la plateforme et la localisation des expériences utilisateur. Cela implique de mener des recherches utilisateurs approfondies dans chaque région, de comprendre les habitudes locales et de tester les interfaces avec des groupes représentatifs de chaque marché. Un bon exemple de ce processus est celui de Facebook, qui a dû adapter son interface pour les marchés indiens, en intégrant des fonctionnalités comme l’utilisation de stickers et d’emojis spécifiques à la culture locale, tout en optimisant la plateforme pour fonctionner sur des réseaux mobiles moins performants.

En conclusion, la conception d’expériences utilisateurs pour des plateformes multi-lingues et multi-culturelles repose sur la capacité à comprendre et anticiper les besoins, les préférences et les limitations des utilisateurs à travers le monde. Le respect de la diversité linguistique, l’adaptation aux contextes techniques et la sensibilité aux normes culturelles sont autant de facteurs clés pour créer des interfaces qui ne sont pas seulement fonctionnelles, mais également engageantes et pertinentes pour chaque utilisateur. Les concepteurs UX doivent embrasser cette complexité et y voir une opportunité d’innovation, en créant des expériences qui rapprochent les utilisateurs au lieu de les aliéner.

Vous avez un projet en tête ? Parlons-en !

Vincent Parisod Associé – Directeur Contactez-nous

The post Concevoir des expériences utilisateurs pour des plateformes multi-lingues et multi-culturelles appeared first on 8bit.

Quoi prendre en compte pour une maintenance efficace ?

PHP

PHP suit un cycle de mise à jour structuré pour garantir sa stabilité et sa sécurité. Chaque version majeure est prise en charge pendant environ trois ans : les deux premières années incluent des mises à jour de sécurité et de fonctionnalités, suivies d’une troisième année consacrée uniquement à la sécurité. Après cette période, la version atteint sa fin de vie (EOL) et ne reçoit plus de support. Les mises à jour mineures corrigent régulièrement les bugs et renforcent la sécurité, tandis que les mises à jour majeures apportent de nouvelles fonctionnalités, parfois incompatibles avec les versions précédentes.

WordPress

WordPress est régulièrement mis à jour selon un cycle structuré pour assurer la sécurité, les performances et l’ajout de nouvelles fonctionnalités. Les mises à jour sont de trois types : majeures (introduisant de nouvelles fonctionnalités, publiées deux à trois fois par an), mineures (corrigeant des bugs des versions majeures) et de sécurité (déployées dès qu’une vulnérabilité est identifiée, indépendamment du calendrier).

Les plugins WordPress

La mise à jour des plugins WordPress est essentielle pour la sécurité, la compatibilité et les performances du site. Les développeurs publient des mises à jour pour ajouter des fonctionnalités, corriger des bugs ou résoudre des failles de sécurité. Ces mises à jour sont souvent déclenchées par les évolutions de WordPress, des changements d’API, ou les retours d’utilisateurs, et il est crucial de les installer pour éviter les conflits et protéger le site.

Conclusion

Pour garantir la sécurité et la performance de votre site web, il est essentiel de maintenir à jour PHP, WordPress et ses plugins. Si vous n’êtes pas sûr que votre site soit correctement entretenu, n’attendez pas qu’un problème survienne. Contactez-nous dès aujourd’hui pour discuter de la meilleure façon de garder votre site à jour.

Vous avez un projet en tête ? Parlons-en !

Vincent Parisod Associé – Directeur Contactez-nous

The post L’importance d’un pack de maintenance pour votre site web appeared first on 8bit.

La maintenance d’un site web ne se limite pas à la mise à jour du contenu ou à l’amélioration de l’interface utilisateur. Elle englobe un spectre beaucoup plus large, incluant la gestion des serveurs, la sécurité, la compatibilité des logiciels et l’optimisation des performances. Négliger ces aspects peut conduire à une accumulation de ce que l’on appelle la « dette technique », un concept qui illustre parfaitement les risques liés à une approche négligente de la gestion des systèmes numériques.

La dette technique : un fardeau invisible mais réel

La dette technique se manifeste lorsque des décisions de développement à court terme, souvent motivées par des contraintes de temps ou de budget, conduisent à des solutions non optimales. Ces solutions, bien que fonctionnelles à court terme, accumulent au fil du temps des problèmes sous-jacents qui peuvent devenir de véritables gouffres financiers et techniques si elles ne sont pas résolues.

Prenons l’exemple d’une entreprise qui décide de lancer rapidement un site web en s’appuyant sur des technologies anciennes, simplement parce que celles-ci sont déjà familières à l’équipe en place. Bien que ce choix permette de gagner du temps au départ, il crée une situation où le site devient rapidement obsolète. Les technologies utilisées ne sont plus supportées par les nouvelles versions de navigateurs, les mises à jour de sécurité deviennent de plus en plus rares, et l’architecture du site ne permet pas d’intégrer facilement de nouvelles fonctionnalités. Le résultat est une spirale de problèmes techniques qui s’accumulent, nécessitant éventuellement une refonte complète du site, un processus coûteux et chronophage.

Les risques d’une maintenance négligée

Ne pas maintenir un site web ou un serveur à jour expose non seulement à des défaillances techniques, mais aussi à des risques de sécurité importants. Les cyberattaques deviennent de plus en plus sophistiquées, exploitant souvent des vulnérabilités dans des logiciels non mis à jour. Un exemple frappant est l’attaque massive de 2017 qui a exploité la vulnérabilité du serveur Microsoft Windows via le logiciel obsolète SMBv1. Les entreprises qui n’avaient pas appliqué les correctifs de sécurité se sont retrouvées paralysées par le ransomware « WannaCry », avec des pertes financières estimées à des milliards de dollars à travers le monde.

La performance du site est un autre domaine où la maintenance joue un rôle crucial. Un site web qui n’est pas régulièrement optimisé peut rapidement devenir lent, entraînant une expérience utilisateur médiocre. Cela a non seulement un impact direct sur le taux de conversion, car les utilisateurs sont moins enclins à attendre qu’une page se charge, mais cela affecte également le référencement naturel (SEO) du site. Les moteurs de recherche, comme Google, prennent en compte la vitesse de chargement des pages dans leurs algorithmes de classement. Ainsi, un site lent peut voir sa visibilité diminuer, perdant ainsi du trafic potentiel et des opportunités commerciales.

La sécurité : une responsabilité continue

La sécurité des sites web est un aspect de la maintenance qui ne doit jamais être sous-estimé. Les failles de sécurité peuvent provenir de diverses sources : logiciels obsolètes, mots de passe faibles, configurations serveur non sécurisées, pour n’en nommer que quelques-unes. Chaque jour, de nouvelles vulnérabilités sont découvertes, et il incombe aux administrateurs de sites de s’assurer que les correctifs sont appliqués rapidement. L’inaction peut entraîner des fuites de données sensibles, portant atteinte à la réputation de l’entreprise et engendrant des conséquences légales potentiellement dévastatrices.

L’un des cas les plus médiatisés de ces dernières années est celui de l’attaque contre Equifax en 2017, où des informations personnelles de plus de 147 millions de personnes ont été compromises. Cette catastrophe a été attribuée à une simple vulnérabilité dans un logiciel de serveur web non mis à jour, qui n’avait pas été corrigée malgré la disponibilité d’un patch plusieurs mois avant l’attaque.

Le coût de l’inaction

L’accumulation de dette technique, la négligence en matière de sécurité et l’ignorance des meilleures pratiques de maintenance peuvent toutes conduire à des coûts bien plus élevés que ceux associés à une gestion proactive. Lorsque les problèmes finissent par éclater, ils nécessitent souvent des interventions d’urgence, qui sont non seulement coûteuses mais aussi perturbatrices pour les opérations commerciales. Par ailleurs, le coût en termes de confiance des clients et de réputation peut être incalculable.

Investir dans la maintenance régulière d’un site web est donc non seulement une sage décision stratégique mais aussi une responsabilité essentielle pour toute organisation qui opère en ligne. La maintenance doit être perçue comme une composante intégrale de la gestion des systèmes numériques, au même titre que le développement et l’innovation. En prenant soin de maintenir leurs systèmes à jour, les entreprises peuvent non seulement éviter les pièges de la dette technique, mais aussi garantir la sécurité, la performance et la longévité de leurs sites web.

En conclusion, la maintenance n’est pas un luxe, mais une nécessité vitale pour toute entreprise soucieuse de sa présence en ligne. La dette technique, si elle est ignorée, peut se transformer en un fardeau lourd à porter, avec des conséquences graves. En adoptant une approche proactive et régulière de la maintenance, il est possible de prévenir de nombreux problèmes et de s’assurer que les sites web restent performants, sécurisés et alignés avec les attentes des utilisateurs et des évolutions technologiques.

Si vous n’avez pas encore de contrat de maintenance en place, il est temps d’agir pour protéger votre site web et vos données. Nous sommes à votre disposition pour vous accompagner dans la mise en place d’un plan de maintenance adapté à vos besoins spécifiques. N’attendez pas que des problèmes surviennent pour prendre des mesures. Contactez-nous dès aujourd’hui pour discuter de la meilleure stratégie à adopter et garantir la sécurité et la performance de votre site web.

Vous avez un projet en tête ? Parlons-en !

Vincent Parisod Associé – Directeur Contactez-nous

The post Réflexion sur la dette technique et ses conséquences appeared first on 8bit.

En tant que spécialistes en conception de produits, désireux de transformer le monde, nous sommes en réalité limités par une certaine homogénéité professionnelle et par une foi excessive dans notre intuition. Peut-être que le terme d’endogamie vous est inconnu.

En sociologie et anthropologie, l’endogamie fait référence à la tendance des groupes sociaux à rester très homogènes et à se reproduire principalement entre eux. Appliqué à notre domaine, cela signifie que nous, professionnels du produit, avons des profils très similaires, partageons les mêmes valeurs, et avons tendance à créer des produits qui répondent à des besoins proches des nôtres, plutôt qu’à ceux de la population dans son ensemble.

Saviez-vous que 76 % des Product Designers en France sont titulaires d’un bac+5, alors que cela ne représente que 27 % de la population (INSEE 2024) ? Nous appartenons donc à un segment étroit de la population active, ce qui n’est pas vraiment représentatif et peut nous induire en erreur.

Dans un environnement de startup où le temps est une ressource clé, nous devons toujours aller vite, être les premiers à entrer sur un marché, les premiers à livrer un produit. La rapidité est notre principale contrainte. Pour un product manager ou un product leader, cela signifie réduire au maximum le temps entre la découverte et la livraison, c’est-à-dire le moment où l’on identifie les bons problèmes, trouve les solutions adaptées, puis les met en face des utilisateurs.

Travaillant dans ce cadre, nous développons des stratégies pour faire face à cette contrainte temporelle. Notre superpouvoir devient alors l’intuition. Nous prenons des décisions plus rapidement, en nous fiant à cette petite voix intérieure qui nous guide, car, d’une certaine manière, nous savons déjà quoi faire. Vous avez peut-être déjà ressenti cela lors de recrutements : au lieu de chercher un expert, vous vous dites parfois que vous voulez quelqu’un qui a l’esprit vif, capable de réfléchir rapidement.

L’intuition mise à l’épreuve : l’exemple de MONI et le choix d’une solution de paiement

Voici un exemple qui montre comment certains biais peuvent nous induire en erreur. Lors d’une conférence, Clément Caillol a partagé son expérience lorsqu’il a rejoint la start-up MONI, spécialisée dans les transferts d’argent. Dès ses débuts, il était sûr de lui, misant sur son intuition, forgée au fil de nombreuses années en tant que product manager.

Son premier défi fut de trouver une solution alternative de paiement. Très vite, la question s’est posée : fallait-il opter pour Android (70 % de part de marché) ou Apple (30 %) ? Google Pay ou Apple Pay ? En se basant sur une analyse rapide et quelques questions clés, il a raisonné ainsi :

• Tout d’abord, il a essayé de se représenter mentalement les utilisateurs : qui sont ceux qui utilisent les systèmes de transfert d’argent à l’international ? Quel est leur mode de vie ?
• Ensuite, il a évalué leur niveau de revenu, en supposant qu’il est généralement bas dans le monde.
• Puis, il a confronté cette information à ses connaissances : quel est le prix d’un iPhone par rapport à un appareil Android ? La répartition du marché étant de 70 % pour Android et 30 % pour iOS.

De cette réflexion, il a conclu rapidement qu’il y avait probablement plus d’utilisateurs Android, et donc, il serait préférable de commencer par intégrer Google Pay. Cependant, il devait vérifier cette intuition avec des données concrètes.

En analysant le parc de smartphones des utilisateurs de la solution MONI, les résultats ont révélé une répartition de 56 % pour Android et 44 % pour iOS, ce qui a remis en question sa première estimation.

Pour trancher, il a effectué un test en proposant les deux systèmes de paiement, même s’ils n’étaient pas encore disponibles. Le résultat était clair : 23 % des utilisateurs préféraient Google Pay, tandis que 50 % s’orientaient vers Apple Pay.

Cet exemple illustre bien ce que la psychologie cognitive appelle le « biais de substitution ». L’intuition nous pousse souvent à éviter les questions complexes, et la simplification initiale dans ce cas était : « Les personnes ayant peu de moyens possèdent-elles un iPhone ? » Une question qui, dès le départ, orientait la réflexion dans une mauvaise direction.

Mais d’où vient cette intuition ? Comment développons-nous ces réflexes et cette certitude ?

Pour répondre à ces questions, il faut se tourner vers Daniel Kahneman, un psychologue et économiste américain, lauréat du prix Nobel d’économie en 2002. Avec Amos Tversky, il a coécrit l’ouvrage Thinking, Fast and Slow qui explore les deux modes de pensée : le Système 1, rapide et intuitif, et le Système 2, lent et réfléchi. Leur théorie remet en question les modèles économiques traditionnels de prise de décision rationnelle, en mettant en lumière le rôle des biais cognitifs et des heuristiques dans nos choix.

Système 1 : pensée rapide et intuitive

Ce mode de pensée est automatique, rapide, et souvent inconscient. Il repose sur des intuitions et des raccourcis mentaux pour prendre des décisions rapidement. Il est conçu pour réagir promptement aux stimuli. Par exemple, lorsque nous voyons une voiture s’approcher à grande vitesse, nous nous écartons instinctivement de son chemin sans avoir besoin de réfléchir consciemment. Cette rapidité est essentielle pour notre survie, car elle nous permet de réagir en une fraction de seconde à des situations potentiellement dangereuses. Bien que ce système soit efficace et économise de l’énergie cognitive, il est aussi sujet à des biais et des erreurs fréquentes.

Système 2 : pensée lente et réfléchie

Contrairement au Système 1, le Système 2 est délibéré, lent et analytique. Il est activé lorsque nous devons résoudre des problèmes complexes, prendre des décisions importantes ou lorsque la situation nécessite une réflexion approfondie. Ce système demande plus d’effort et de ressources cognitives.

Les biais cognitifs

Kahneman explique plusieurs biais cognitifs, comme l’effet de cadrage, l’heuristique de disponibilité, et l’illusion de validité, qui peuvent fausser nos jugements et décisions. Ces biais sont souvent le résultat des raccourcis mentaux employés par le Système 1.

• Le biais de substitution : ce mécanisme consiste à répondre à une question complexe en répondant à une question différente, plus simple, sans s’en rendre compte. On substitue ainsi un problème à un autre. Par exemple, si vous devez décider d’investir dans une entreprise, la question complexe pourrait être : « Cette entreprise a-t-elle un modèle économique solide et durable ? » Cependant, au lieu de répondre directement à cette question, votre cerveau pourrait substituer une question plus simple, comme : « Est-ce que j’aime le PDG de cette entreprise ? » Si vous avez une opinion favorable du PDG, vous pourriez inconsciemment répondre « oui » à la question simplifiée et, par conséquent, décider d’investir, même si cela ne reflète pas une évaluation complète du modèle économique de l’entreprise. C’est un exemple typique du biais de substitution, où une question plus facile est utilisée pour répondre à une question plus difficile.
• L’heuristique d’affect : plutôt que de s’appuyer sur une analyse rationnelle des faits, une personne se laisse guider par ses réactions émotionnelles. Par exemple, si une personne ressent une émotion positive à l’égard d’un produit, elle est plus susceptible de croire que ce produit est de bonne qualité, même sans preuve objective. L’heuristique d’affect permet de prendre des décisions rapidement, mais peut aussi entraîner des erreurs de jugement, car elle repose plus sur les impressions émotionnelles que sur une évaluation rigoureuse.
• L’ancrage : l’ancrage psychologique désigne la difficulté de se défaire d’une première impression ou d’une première idée pour prendre des décisions ou faire des estimations, même si cette information est arbitraire ou non pertinente. Par exemple, si l’on vous demande de deviner le prix d’un objet après avoir vu un prix initial, votre estimation sera influencée par ce prix, même s’il est incorrect. De même, en marketing, si un produit est initialement proposé à un prix très élevé avant d’être mis en vente, les consommateurs peuvent percevoir la réduction comme une bonne affaire, même si le prix final reste élevé.
• L’heuristique de disponibilité : cette heuristique repose sur la facilité avec laquelle des exemples viennent à l’esprit. Par exemple, après avoir vu plusieurs reportages sur des attaques de requins, une personne pourrait surestimer la probabilité d’être attaquée par un requin, même si les attaques de requins sont extrêmement rares. Ce biais montre comment les événements récents ou les exemples marquants influencent notre perception des risques ou des fréquences. Par exemple, après une série de nouvelles sur des accidents d’avion, les gens peuvent croire que voler est plus dangereux qu’il ne l’est réellement, même si les statistiques montrent que c’est l’un des moyens de transport les plus sûrs.
• L’effet de cadrage : l’effet de cadrage démontre que les décisions peuvent être influencées par la manière dont les options sont présentées. Par exemple, si un traitement médical est présenté avec un taux de succès de 90 %, les patients sont plus enclins à accepter ce traitement que s’il est présenté avec un taux d’échec de 10 %, même si les deux informations sont équivalentes. Ce biais révèle l’importance de la présentation de l’information dans la prise de décision, influençant la manière dont nous percevons et évaluons les options disponibles. En marketing, par exemple, un produit décrit comme ayant « 10 % de matière grasse » peut être perçu différemment d’un produit décrit comme étant « 90 % sans matière grasse », bien que les deux descriptions soient factuellement identiques.
• L’illusion de validité : ce biais se produit lorsqu’une personne surestime la précision de ses prédictions ou jugements, surtout lorsqu’ils sont fondés sur des informations cohérentes mais non fiables. Par exemple, un analyste financier pourrait croire fermement en la justesse de ses prévisions boursières simplement parce qu’il a identifié un schéma apparent dans les données, même si ce schéma est en réalité aléatoire. Ce biais peut conduire à une confiance excessive en ses compétences ou en la pertinence des informations, et donc à des prises de décisions erronées. L’illusion de validité est particulièrement dangereuse dans les environnements où les décisions ont des conséquences importantes, comme la finance ou la médecine.
• L’effet de confirmation : ce biais pousse une personne à privilégier les informations qui confirment ses croyances préexistantes, tout en ignorant ou en minimisant celles qui les contredisent. Par exemple, si un chercheur est convaincu de l’efficacité d’un médicament, il pourrait être tenté de prêter plus d’attention aux études qui montrent des résultats positifs, tout en écartant celles qui montrent des résultats négatifs ou neutres. Ce biais renforce les stéréotypes, nuit à l’objectivité, et rend difficile le changement d’opinion, même face à des preuves solides. Il est omniprésent dans la prise de décision, notamment dans les domaines où les preuves sont ambiguës ou complexes.

Conclusion

En tant que professionnels de la conception de produits, nous sommes fréquemment tentés de nous appuyer sur notre intuition pour prendre des décisions rapidement.

Cependant, comme l’illustrent les travaux de Daniel Kahneman et l’exemple de MONI, cette intuition, aussi affinée soit-elle, peut être biaisée par notre propre homogénéité professionnelle et par des raccourcis cognitifs. Ces biais, enracinés dans nos croyances et expériences passées, peuvent nous mener à des décisions qui, bien que logiques en apparence, ne répondent pas toujours aux besoins réels des utilisateurs.

Pour surmonter ces limitations, il est essentiel de laisser de côté nos croyances préconçues et de nous appuyer sur les données concrètes et les retours des vrais utilisateurs. En mettant de côté nos présomptions, nous ouvrons la porte à une compréhension plus profonde et plus authentique des besoins de nos utilisateurs. Les données empiriques, lorsqu’elles sont correctement collectées et interprétées, offrent une base solide pour prendre des décisions éclairées, qui ne sont pas seulement intuitives mais aussi vérifiables et mesurables.

En intégrant cette approche basée sur l’écoute active des utilisateurs et l’analyse des données, nous pouvons non seulement améliorer la qualité de nos décisions, mais aussi concevoir des produits qui répondent véritablement aux besoins diversifiés de l’ensemble de la population. Cela nous permet de créer des solutions plus inclusives, innovantes, et surtout, plus en phase avec la réalité des utilisateurs que nous cherchons à servir.

Vous avez un projet en tête ? Parlons-en !

Vincent Parisod Associé – Directeur Contactez-nous

The post Intuition, biais cognitifs et conception de produits : l’importance de s’appuyer sur les données et les utilisateurs appeared first on 8bit.

Les défis techniques

• Compatibilité des navigateurs : Tous les navigateurs ne supportent pas les vidéos avec transparence. Par exemple, le format WebM avec les codecs VP8 ou VP9 est souvent utilisé pour les vidéos transparentes, mais il n’est pas pris en charge par tous les navigateurs. Il est donc crucial de vérifier la compatibilité des formats vidéo avec les navigateurs cibles.
• Formats vidéo : Le format WebM est couramment utilisé pour les vidéos avec transparence. Cependant, pour les navigateurs qui ne supportent pas WebM, il est nécessaire de fournir des alternatives comme le format MP4 ou HEVC. Cela implique de détecter le navigateur utilisé et de charger le format approprié.
• Détection du navigateur : Utiliser JavaScript pour détecter le navigateur et charger le fichier vidéo approprié est une solution courante.
• Performance : Les vidéos avec transparence peuvent être plus lourdes et nécessiter plus de ressources pour être lues correctement. Il est donc important d’optimiser les vidéos pour le web, en réduisant leur taille sans compromettre la qualité. Utilisez des outils de compression vidéo et testez la performance sur différents appareils et navigateurs.
• Solutions de repli : Il est essentiel de prévoir des solutions de repli pour les navigateurs qui ne supportent pas les vidéos avec transparence. Par exemple, vous pouvez afficher une image statique ou un GIF animé ou une version non transparente de la vidéo. Cela garantit que tous les utilisateurs ont une expérience cohérente, quel que soit le navigateur qu’ils utilisent.

Après avoir exploré les divers défis techniques, nous vous proposons un tutoriel (axé MAC) basé sur notre propre expérience pour vous guider pas à pas dans la création de vos propres vidéos transparentes et solutions de repli.

L’objectif est de réaliser des exports variés pour les tester sur les navigateurs et choisir la solution appropriée.

Tuto: Vidéos transparentes et solutions de repli

En priorité, il est impératif d’exporter l’animation dans un format transparent, de la meilleure qualité possible. Nous allons l’utiliser pour les exports qui vont suivre.

Animation

Adobe After Effects

1. Exporter via Media Encoder
2. Quicktime > Apple ProRes 4444 avec alpha
3. Décocher export audio
4. Correspondre à la source > (rendre à la profondeur maximum/ profondeur: 16 bcp + alpha)
5. Cocher utiliser la qualité de rendu maximale
6. Export > test.mov

Vidéo en webm

Shutter Encoder

1. Cliquez sur Parcourir > Sélectionnez le fichier test.mov.
2. Choix de la fonction VP9 > .webm
3. Fonctionnalités avancés : cocher : Activer la couche alpha
4. Démarrer la fonction (exporter) > test.webm

Vidéo en hevc

Finder (MAC)

1. Clic droit sur la vidéo : test.mov
2. Encoder les vidéos sélectionnées > HEVC 1080p >
3. Cocher : Conserver la transparence >
4. Continuer > test.hevc.mov)

Solutions de repli

Vidéo en gif animé

Shutter Encoder

1. Cliquez sur Parcourir > Sélectionnez le fichier test.mov.
2. Choix de la fonction Image > .gif
3. Fonctionnalités avancés : cocher : Activer la couche alpha
4. Démarrer la fonction (exporter) > test.gif

Image statique (PNG)

Photoshop

1. Ouvrir la vidéo : test.mov
2. Exportation > Exporter sous
3. Format PNG
4. Cocher Transparence
5. Exporter > test.png

Bien entendu, il existe d’autres solutions que nous n’avons pas abordées en détail ici, telles que les animations en SMIL (SVG). Ces méthodes offrent également des possibilités intéressantes pour intégrer des vidéos transparentes sur le web.

Conclusion

Pour les vidéos avec transparence sur le web, il est essentiel d’être méthodique. Assurez-vous de la compatibilité des navigateurs, choisissez les bons formats vidéo et optimisez les performances. En testant différents formats et en ayant des solutions de repli, vous pouvez offrir une expérience utilisateur super fluide et agréable.

Vous avez un projet en tête ? Parlons-en !

Vincent Parisod Associé – Directeur Contactez-nous

The post Intégrer des vidéos avec transparence sur le web appeared first on 8bit.

1. Unsplash

Unsplash est une énorme bibliothèque d’images libres de droits. Avec le plugin Unsplash pour Figma, vous pouvez insérer directement des images haute résolution dans vos designs sans quitter l’application.

Pourquoi je l’adore :

• J’ai accès à des millions d’images gratuites et de haute qualité en quelques clics.
• C’est un vrai gain de temps quand je dois rapidement intégrer des visuels pertinents dans mes maquettes.
• Les photos professionnelles renforcent instantanément l’esthétique de mes designs.

2. Material Symbols

Material Symbols est une bibliothèque d’icônes qui propose des milliers d’icônes vectorielles provenant de Google Fonts.

Pourquoi je l’utilise tout le temps :

• La recherche est super rapide et l’insertion d’icônes est ultra simple.
• Ça me permet d’assurer la cohérence des styles et de ne pas perdre de temps à chercher des icônes sur différents sites.

3. Stark

Stark est un plugin essentiel pour tout designer soucieux de l’accessibilité. Il aide à vérifier le contraste des couleurs, à simuler des déficiences visuelles et à évaluer l’accessibilité de vos designs.

Pourquoi c’est indispensable :

• Je peux rapidement vérifier le contraste des couleurs et m’assurer que mes designs sont accessibles à tous.
• La simulation des déficiences visuelles m’aide à créer des designs plus inclusifs.
• C’est un outil précieux pour garantir que mon travail est utilisable par tous, ce qui est super important.

4. Content Reel

Content Reel vous permet de générer rapidement des textes et des images fictives pour vos maquettes. Que vous ayez besoin de noms, d’adresses ou de photos de profil, Content Reel vous simplifie la vie en remplissant automatiquement ces éléments.

Pourquoi je l’aime tant :

• Générer du contenu fictif varié est un jeu d’enfant, ce qui accélère énormément le prototypage.
• C’est super pratique pour les tests de design quand j’ai besoin de remplir des champs avec du contenu réaliste.
• Il y a une large gamme de types de contenu disponible, ce qui est vraiment pratique.

5. Lorem Ipsum

Lorem Ipsum est un plugin simple mais incroyablement utile pour générer rapidement du texte fictif. Parfait pour remplir vos maquettes avec du contenu réaliste sans avoir à chercher du texte aléatoire sur internet.

Pourquoi c’est un must-have :

• Générer du texte fictif est super rapide, ce qui est parfait pour les prototypes et les wireframes.
• Ça m’aide à visualiser comment le texte va s’intégrer dans mes designs sans perdre de temps.
• Très pratique pour tester l’apparence de différents styles de texte.

Conclusion

L’utilisation de ces plugins Figma a véritablement transformé ma façon de travailler et m’a permis de gagner énormément de temps. Que vous ayez besoin de générer rapidement des contenus, d’ajouter des visuels, ou de vérifier l’accessibilité de vos designs, ces outils sont là pour vous aider à travailler de manière plus efficace et créative. J’espère que vous les trouverez aussi utiles que moi dans votre flux de travail quotidien.

Bien sûr, je n’ai pas mentionné tous les plugins formidables qui existent – la communauté Figma regorge de trésors à découvrir, il y en a vraiment pour tous les goûts. À vous de trouver ceux qui fonctionnent le mieux avec votre workflow. Bon design à tous !

Vous avez un projet en tête ? Parlons-en !

Vincent Parisod Associé – Directeur Contactez-nous

The post Mes 5 plugins Figma préférés pour booster ma productivité appeared first on 8bit.

Pour mener à bien ce projet, nous avons organisé des ateliers avec les différentes parties prenantes afin d’harmoniser leur vision concernant les actions des utilisateurs, l’arborescence et l’architecture de l’information du site. L’objectif était de créer une dynamique d’adhésion des cadres en prototypant le concept du site basé sur la structure établie collectivement. Ce processus de collaboration a permis une meilleure compréhension des besoins et des attentes de chacun, assurant ainsi la réussite du projet.

Une fois le prototype validé, nous avons travaillé sur la conception des interfaces en mettant un accent particulier sur l’accessibilité. Il était primordial pour nous de garantir une expérience de navigation fluide et intuitive pour tous les visiteurs, quelle que soit leur situation.

En parallèle, nous avons élaboré une ligne visuelle pour le site en collaboration avec les équipes du CPHV et avons eu le plaisir de travailler avec la société Cartoonbase pour la création des illustrations. Cette étape a permis de donner une identité visuelle forte et cohérente au site, renforçant ainsi son impact et sa visibilité.

Enfin, une fois le design validé, nous avons développé le site sur mesure en veillant à ce qu’il réponde parfaitement aux besoins et aux attentes des utilisateurs et du CPHV. Nous sommes convaincus que ce nouveau site web sera un outil précieux pour le Centre dans sa mission d’accompagnement des personnes atteintes de déficience visuelle, et nous sommes fiers d’avoir contribué à sa réalisation.

Nous tenons à remercier le CPHV et la Fondation Asile des Aveugles pour leur confiance et leur collaboration tout au long de ce projet.

Vous avez un projet en tête ? Parlons-en !

Vincent Parisod Associé – Directeur Contactez-nous

The post CPHV : un nouveau site web pensé pour tous appeared first on 8bit.

L’Association Vaud Promotion a pour objectif de renforcer la réputation, la compétitivité et l’attrait du canton de Vaud. En collaboration avec les acteurs économiques, les régions et les institutions, elle promeut les valeurs du canton de Vaud à travers une diversité d’activités, de produits et de services réussis. Ces derniers englobent des domaines variés tels que l’économie, l’académique, le tourisme, la culture, le sport, les produits du terroir vaudois et la gastronomie.

En étroite collaboration avec l’équipe de Vaud Promotion, nous avons mis en valeur leurs activités et réalisations de l’année écoulée à travers un rapport annuel digital interactif et attrayant, permettant de mettre en avant les points forts de l’organisation.

Fiers du résultat final, nous remercions Vaud Promotion pour leur confiance renouvelée. Nous espérons que ce rapport annuel digital contribuera à renforcer la visibilité et la réputation de l’organisation auprès de ses parties prenantes.

Découvrir le résultat de cette collaboration : rapport annuel

Vous avez un projet en tête ? Parlons-en !

Vincent Parisod Associé – Directeur Contactez-nous

The post Destination Vaud : explorer le dernier rapport annuel de Vaud Promotion appeared first on 8bit.

Notre démarche a débuté par la redéfinition du design du site, en adoptant une charte graphique moderne et accueillante. Cette nouvelle apparence vise à éveiller la curiosité et l’intérêt pour les sciences. L’amélioration de l’ergonomie était primordiale. Nous avons donc travaillé à rendre la navigation intuitive et le parcours utilisateur sans obstacle, facilitant ainsi l’accès à une information riche et structurée.

La refonte comprenait également une optimisation du référencement et l’intégration d’outils de suivi pour mieux comprendre et servir les participants. Nous avons développé le site sur une plateforme technique évolutive, prête à s’adapter et à croître avec les besoins de l’événement.

Un aspect crucial a été l’optimisation du processus d’inscription en ligne, avec pour but de rendre cette étape non seulement plus engageante, mais aussi plus claire et facile d’accès. Nous avons visé à simplifier l’accès aux informations pratiques, rendant l’expérience globale plus agréable.

L’UNIL nous a confié un cahier des charges ambitieux, cherchant à transformer numériquement leur site pour en faire une expérience utilisateur dynamique et fluidifiée. Ce projet, rempli de défis, a été une source d’enthousiasme pour notre équipe, et nous sommes satisfaits de voir les fruits de notre collaboration.

Découvrir le site : mysteres.ch

Vous avez un projet en tête ? Parlons-en !

Vincent Parisod Associé – Directeur Contactez-nous

The post La transformation digitale réussie du site des Mystères de l’UNIL appeared first on 8bit.

Notre contribution à ce projet s’est démarquée par la création d’une identité visuelle unique, symbolisée par un logo inspiré de l’architecture moderne des façades, élaboré dans un style minimaliste et épuré. En parallèle, un site web sur mesure a été conçu, alliant modernité et élégance, reflétant avec précision les valeurs et l’essence du projet. Par ailleurs, nous avons développé un ensemble de supports marketing tels que des brochures détaillées, des fiches descriptives complètes et des panneaux de chantier, mettant en avant les atouts indéniables du projet.

Ce travail a été mené en étroite collaboration avec les acteurs clés du projet, à savoir FIDI SA, PP INTEGRA SA et Pizzera Poletti SA, en partenariat avec le bureau d’architectes CCHE Lausanne. Nous exprimons notre gratitude pour la confiance qui nous a été accordée lors de cette passionnante collaboration.

Découvrir le résultat : poly-prime.ch

Vous avez un projet en tête ? Parlons-en !

Vincent Parisod Associé – Directeur Contactez-nous

The post Polyprime, promotion immobilière premium et durable appeared first on 8bit.

Que l’année 2024 soit une aventure palpitante, pleine de réussites. Nous sommes impatients de continuer cette belle histoire avec vous.

Vous avez un projet en tête ? Parlons-en !

Vincent Parisod Associé – Directeur Contactez-nous

The post Bonnes fêtes et meilleurs vœux 2024! appeared first on 8bit.

Le nouveau site, à la fois simple et épuré, est structuré en trois sections distinctes, chacune s’adressant à un public spécifique. La première section est dédiée à la gestion des biens et du patrimoine, la deuxième au développement de projets immobiliers et la troisième aux personnes intéressées par la rénovation de leur bien. Vous y trouverez également la liste des biens disponibles, une présentation de l’entreprise et un espace réservé aux locataires.

Nous tenons à exprimer notre gratitude envers FIDI SA pour sa confiance renouvelée au fil des ans et nous sommes impatients de poursuivre notre collaboration fructueuse.

Découvrir le résultat : fidisa.ch

Vous avez un projet en tête ? Parlons-en !

Vincent Parisod Associé – Directeur Contactez-nous

The post Nouveau site FIDI SA, gérance immobilière depuis 1968 appeared first on 8bit.

Dans un premier temps, nous avons mis en pratique notre savoir-faire en développant une nouvelle identité visuelle et une ligne graphique dans un style minimaliste suisse.

Ensuite, nous avons conçu de nouveaux packagings pour les différents articles de la gamme, y compris les Kitfondues pour 2 ou 4 personnes. Ces emballages sont agrémentés de pictogrammes illustrant les activités qu’il est possible de pratiquer avec le kit.

Enfin, nous avons développé le site de vente en ligne pour présenter la gamme de produits et les accessoires. Nous tenons à remercier chaleureusement l’équipe de Kitfondue pour sa collaboration et sa confiance. Nous sommes impatients de continuer à les accompagner dans leur développement.

Découvrir le résultat : kitfondue.ch

Vous avez un projet en tête ? Parlons-en !

Vincent Parisod Associé – Directeur Contactez-nous

The post Une fondue où tu veux, quand tu veux ! appeared first on 8bit.

En 2015, nous avons été approchés pour une mission de refonte complète de leur communication, allant du logo au site web en passant par la papeterie et la stratégie de communication. Ce projet a représenté un véritable défi car il était essentiel que l’identité reflète fidèlement la richesse et la diversité de la région.

Cette année, nous avons réalisé leur nouveau site web en nous concentrant sur l’objectif essentiel de fournir une expérience transparente et efficace. La priorité était de mettre en lumière les avantages inégalés de la région pour les entrepreneurs tout en offrant une plateforme permettant de rester connecté et informé des derniers développements. Pour y répondre nous avons fait la part belle aux articles « Why Switzerland » et aux actualités dédiées aux différentes industries.

Nous avons également repensé la navigation pour limiter le nombre d’entrées et créé des portails thématiques par secteur d’activité. Cette approche a grandement simplifié les parcours utilisateur en évitant la surcharge d’informations et nous a permis de réorganiser les contenus selon les besoins identifiés.

Le site a été développé sur mesure avec une attention particulière sur la facilité de prise en main et d’édition des contenus. Le but étant de rendre l’équipe de communication du GGBa la plus autonome possible pour continuer à faire vivre le site.

Le résultat est un site web qui répond pleinement aux attentes du GGBa, offrant une expérience fluide tout en mettant en valeur les avantages uniques de la région et permettant aux utilisateurs de rester informés et engagés.

Découvrir le résultat : ggba.swiss

Vous avez un projet en tête ? Parlons-en !

Vincent Parisod Associé – Directeur Contactez-nous

The post GGBa : une porte d’entrée vers le dynamisme économique de la région appeared first on 8bit.

C’est à ce moment-là que notre collaboration a débuté. Nous avons tout d’abord travaillé sur une nouvelle expérience utilisateur avant de concevoir leur nouveau site sur mesure. Le résultat est un site internet moderne et dynamique qui met en avant les avantages de devenir membre de l’une de leurs deux formules, l’accélérateur EO et le réseau EO.

Un grand merci à l’équipe EO pour sa confiance et cette collaboration fructueuse.

Découvrir le résultat : eo-suisse-romande.ch

Vous avez un projet en tête ? Parlons-en !

Vincent Parisod Associé – Directeur Contactez-nous

The post Bienvenue aux entrepreneurs, innovateurs et disrupteurs ! appeared first on 8bit.

Cette année, nous avons été mandaté pour les accompagner dans la digitalisation de leur rapport annuel.

Cette démarche apporte de nombreux avantages, vous pouvez bénéficier d’une accessibilité accrue grâce à sa disponibilité en ligne à tout moment et depuis n’importe quel appareil. Vous avez également la possibilité d’intégrer des éléments interactifs tels que des vidéos et des infographies, rendant la lecture plus captivante et facilitant la compréhension des informations complexes.

La flexibilité et la personnalisation sont également des avantages de la digitalisation. Vous pouvez créer des versions adaptées à différents segments de votre audience et effectuer rapidement des mises à jour et des modifications en cas de besoin. De plus cela permet d’économiser sur les coûts d’impression et de distribution.

En somme, la digitalisation d’un rapport annuel offre une communication plus efficace et moderne. Elle permet une meilleure accessibilité, une expérience de lecture interactive et personnalisée, ainsi qu’une réduction des coûts.

Nous vous laissons découvrir le résultat de cette collaboration : rapport annuel

Vous avez un projet en tête ? Parlons-en !

Vincent Parisod Associé – Directeur Contactez-nous

The post Vaud Promotion – vers un rapport annuel digitalisé appeared first on 8bit.

La nouvelle approche visuelle met en lumière les futurs utilisateurs concrétisant leurs projets et aspirations. En cherchant à démystifier l’obtention d’un crédit, elle reste conforme aux réglementations sur le surendettement, sans pour autant inciter à cette pratique.

L’un des principaux défis du site était de simplifier le processus de qualification des clients potentiels pour LoraCrédit. Il était également crucial de faciliter les demandes de crédit pour les utilisateurs. Pour y parvenir, nous avons créé des interfaces spécifiques par profil en fonction de leurs besoins, et mis en place une série de formulaires contextuels pour accompagner les utilisateurs dans leurs démarches.

Un grand merci à l’équipe de LoraCrédit pour sa confiance et cette collaboration enrichissante.

Découvrir le résultat : loracredit.ch

Vous avez un projet en tête ? Parlons-en !

Vincent Parisod Associé – Directeur Contactez-nous

The post LoraCrédit, vos projets, votre crédit appeared first on 8bit.

L’un des enjeux majeurs de ce projet était de rassembler et d’uniformiser les différents sites de l’EPG. Pour répondre à ce besoin, nous avons mis en place un design système ainsi qu’un multisite qui permet de concevoir et décliner facilement autant de sous-sites que nécessaire. Cela offre une autonomie accrue aux équipes de l’EPG pour concevoir, déployer et éditer des nouveaux sites de paroisse, de ministère ou d’espace de manière rapide et efficace.

Nous sommes ravis de vous présenter le résultat de cette collaboration et nous sommes impatients de continuer à accompagner l’EPG dans ses divers projets digitaux à venir.

Découvrir le résultat

Vous avez un projet en tête ? Parlons-en !

Vincent Parisod Associé – Directeur Contactez-nous

The post Nouveau site de l’Église protestante de Genève appeared first on 8bit.

Les avantages à faire un tel atelier sont multiples :
Tout d’abord, cela permet de clarifier les objectifs du projet et de s’assurer que toutes les parties prenantes sont sur la même longueur d’onde. Cela permet de réduire les risques de malentendus ou de désaccords par la suite.

Ensuite, l’atelier permet de définir les fonctionnalités et les contenus prioritaires, en se basant sur les besoins et les attentes des utilisateurs. Cela permet de mieux cibler les efforts de développement et de design, et donc de gagner du temps et de l’argent.

Enfin, l’atelier peut également aider à identifier des contraintes ou des défis techniques ou budgétaires auxquels le projet pourrait être confronté. En anticipant ces obstacles dès le début du projet, il devient plus facile de les résoudre ou de les contourner par la suite.

En somme, un atelier de découverte est un investissement rentable pour tout projet digital. Il permet de démarrer sur de bonnes bases, en s’assurant que les objectifs sont clairs, que les besoins des utilisateurs sont pris en compte, et que les contraintes sont anticipées.

Vous avez une idée de projet?
Contactez-nous pour organiser votre atelier sur mesure.

Vous avez un projet en tête ? Parlons-en !

Vincent Parisod Associé – Directeur Contactez-nous

The post Atelier de découverte appeared first on 8bit.

Cette transition est importante car elle affectera la manière dont vous suivez et analysez les données de votre site web, de vos applications mobiles et de vos campagnes marketing. En utilisant GA4, vous pourrez bénéficier de fonctionnalités plus avancées.

N’hésitez pas à nous contacter dès maintenant pour en savoir plus sur ce changement et sur la manière dont nous pouvons vous aider à faire la transition vers Google Analytics 4 en toute sérénité.

Vous avez un projet en tête ? Parlons-en !

Vincent Parisod Associé – Directeur Contactez-nous

The post Passer à Google Analytics 4 (GA4) appeared first on 8bit.

Cette dernière fut découverte en 1954 par Paul Morris Fitts, psychologue de l’Université d’État de l’Ohio. Cette loi peut prédire le temps passé à se déplacer vers un élément cible.

Plus la cible se trouve à proximité et est grande, moins l’utilisateur mettra de temps à la joindre, plus son expérience sera bonne et il n’hésitera pas à revenir régulièrement.

Elle peut se formuler de cette manière:

«Le temps dépend de la distance et de la taille de la cible»

Comment peut-on appliquer la loi de Fitts?

Pour la taille de la cible:

• Augmenter la taille d’un bouton
• Transformer un lien important en bouton
• Intégrer un lien dans une image
• Intégrer un lien dans un GROS TITRE

Pour réduire la distance:

• Placer les éléments importants en haut d’un site.
• Une navigation fixe avec les éléments importants
• Créer un menu près de la souris (exemple: clique droit)

Sur le site de Airbnb, les CTA sont assez proéminent (utilisation en bouton et d’icônes) et guident l’utilisateur vers l’essentiel. Le menu est fixe afin que ces informations importantes restent accessibles lors du scroll de la page.

Fitts ou la «Zone de confort» des interfaces graphiques

Avec la loi de Fitts, on comprend mieux pourquoi il existe une zone de confort dans l’usage des interfaces graphiques selon les différents appareils.

source : Luke Wroblewski

Les liens ou les boutons qui sont utilisés plus fréquemment doivent donc clairement se trouver dans une zone facile d’accès et la taille doit être adaptée aux écrans tactiles.

En conclusion

Une fois vos interfaces adaptées à la loi de Fitts, vos utilisateurs pourront facilement interagir avec vos contenus et accéder à l’information facilement.

Vous pourriez aussi être intéressés par:

• La loi de Hick
• La loi de Miller
• La perception de forme «Gestalt»

Vous avez un projet en tête ? Parlons-en !

Vincent Parisod Associé – Directeur Contactez-nous

The post La loi de Fitts appeared first on 8bit.

Après une année riche en projets, nous nous réjouissons d’ores et déjà de vous retrouver en 2023 pour une année pleine de nouveautés.

Nous vous informons que nos bureaux seront fermés jusqu’au lundi 9 janvier 2023!

L’équipe de 8bitstudio

Vous avez un projet en tête ? Parlons-en !

Vincent Parisod Associé – Directeur Contactez-nous

The post Bonnes fêtes et meilleurs vœux 2023! appeared first on 8bit.

En 1952, le psychologue britannique William Edmund Hick et son confrère américain Ray Hyman, ont fait une découverte mathématique la loi de Hick ou loi de Hick-Hyman. Cette dernière permet d’évaluer l’utilisabilité d’une interface et de mesurer le temps qu’une personne met pour prendre une décision. Plus le choix est grand, plus le temps de réponse est long. 

Cette loi peut être appliquée pour:

• La recherche d’information
• La lecture d’information
• La résolution de problèmes

Ces domaines d’application mettent simultanément plusieurs de nos stimuli en jeu. Et ce, dans un laps de temps défini. Prenons la lecture d’information, elle requiert un certain niveau de concentration et dépend de divers processus cognitifs.

Dans l’expérience utilisateur, La loi de Hick, a pour but de minimiser le nombre d’options afin que le temps de réponse soit réduit et permettant ainsi d’éviter un maximum d’erreurs.

L’expérience des pots de confiture

Voici une illustration très parlante de la loi de Hick. Afin d’étudier le comportement des consommateurs, des chercheurs ont mis des pots de confiture à la vente sur un stand et voici ce qui se passe…

À la fin de cette expérience, il en résulte que les consommateurs achetaient davantage de confiture quand le choix était le plus limité.

• Sur la gauche: 6 pots en dégustation, 40% des passants s’arrêtent pour goûter et 30% achètent. Sur 100 passants, 12 achètent
  
• Et à droite: 24 pots en dégustation, 60% des passants s’arrêtent pour goûter et 3% achètent. Sur 100 passants, 2 achètent

Autre exemple

Prenons l’exemple de Google et de sa page d’accueil, nous pouvons constater qu’en 20 ans, ils ont drastiquement épuré l’interface, limité les choix afin d’améliorer l’expérience de l’utilisateur.

Plusieurs principes de conception à retenir

• Réduire la charge cognitive
• Plus de choix, plus de temps de décision
• Éviter la surcharge de choix
• Afficher moins d’options
• Réduire la complexité
• Prioriser les options
• Catégoriser, organiser, regrouper de manière appropriée
• Ne submergez pas les utilisateurs
• Éliminer les distractions
• Simplifiez le processus de prise de décision

Hick mais pas que!

La loi de Hick partage des points similaires à une autre loi de la psychologie, celle de la loi de Fitts. Cette dernière parle du temps qu’un utilisateur met pour à atteindre une cible, selon sa taille et sa distance.

Nous aurons l’occasion d’en parler dans un prochain article

Vous pourriez aussi être intéressés par:

• La loi de Miller
• La perception de forme «Gestalt»

Vous avez un projet en tête ? Parlons-en !

Vincent Parisod Associé – Directeur Contactez-nous

The post La loi de Hick appeared first on 8bit.

Bienvenue chère Olga!

Tu es une femme super pétillante, qu’est-ce qui te donne cette belle énergie?

Je suis juste une personne heureuse, j’ai appris à voir le bonheur dans les petites choses de la vie.

Voici une citation qui me parle énormément et qui illustre bien mon état d’esprit:

«Donne au monde le meilleur qui est en toi et le meilleur qui est au monde te reviendra!»

Auteur inconnu

Peux-tu te présenter et nous expliquer ton parcours, ton histoire en quelques mots?

Je m’appelle Olga. Je suis russe et je suis née à Zheleznodorozhny (pas loin de Moscou), une petite ville au nom difficilement prononçable pour quelqu’un qui ne parle pas la langue. J’ai étudié et travaillé la majeure partie de ma vie à Moscou.

Ma vie est divisée en 3 chapitres: Moscou, Istanbul et depuis 7 ans, la Suisse.

Mon déménagement dans la région s’est produit de manière inattendue pour moi. La raison? Une demande en mariage d’un jeune homme qui est devenu mon mari.

Ça n’a pas été très simple de m’accoutumer à ce nouveau pays, en particulier avec la langue française que l’on ne m’a pas enseignée. Je fais des efforts, j’y travaille, c’est mon challenge actuel. Je remercie mes collègues de chez 8bitstudio pour leur patience et leur compréhension!

Quelles sont tes passions? Tes hobbies?

Oooh, c’est une question très intéressante! Parce que j’ai beaucoup d’intérêts et de hobbies.

Voici ce que j’aime faire dans ma vie :

• Tout ce qui est manuel: Dessin, perlage, tricot, poterie, et bien sûr ma nouvelle passion grâce à la Suisse, le découpage de papier. ✂️

• Le sport: J’en ai pratiqué beaucoup et des divers dans ma vie, notamment du basket, du karaté (pendant 10 ans), de la danse de salon, de la danse orientale, l’Acro-Yoga, l’AntiGravity Yoga et maintenant c’est le Flow Yoga.

• J’aime voyager, visiter de nouveaux lieux intéressants, des villes, des expositions, des musées, et des théâtres. Ça m’inspire beaucoup et pour cela reste la meilleure façon de se détendre. J’adore prendre des photos souvenirs colorées et les partager sur mes réseaux sociaux.

• La Turquie tient une place toute particulière dans mon cœur. Ma ville préférée, c’est Istanbul. Durant une période, je m’y rendais régulièrement en avion pour les vacances. J’aime cette culture, sa cuisine, ses traditions et la langue. J’ai étudié le turc dans des cours à Moscou puis à l’Université Tömer d’Istanbul.

Qu’elle est ton métier, ta spécialité professionnelle?

À l’âge de 11 ans, je savais exactement ce que je voulais faire, devenir graphiste! J’ai fréquenté des écoles d’art, de design, un lycée spécialisé en publicité (orientation imprimerie) et l’université en gestion et marketing.

Aujourd’hui, j’ai atteint mon but , mes diplômes en poche.

Je suis dans la publicité depuis plus de 15 ans. J’ai travaillé à Moscou dans diverses agences de communication dans la publicité et le marketing.

Je pense être une spécialiste unique en mon genre, car je combine les compétences d’un designer et celle d’un directeur de publicité. J’ai une grande capacité d’organisation et d’analyse.

J’aime mon travail, comme je le dis toujours: Le design n’est pas un métier, c’est un mode de vie!

Comment es-tu arrivée chez 8bitstudio? Pourquoi nous avoir choisi pour ton stage?

Est-ce une question d’entretien d’embauche? Non sérieusement, j’ai cherché pendant longtemps du travail en agence. En attendant, je travaillait comme Freelance mais le travail en équipe me manquait vraiment, l’ambiance créative, les brainstorming, etc. À un moment, j’étais au chômage et lors d’un stage dans une agence multimédia, j’ai rencontré notre collègue commun, Tony, qui m’a proposé d’envoyer mon portfolio à 8bitstudio!

Merci Tony, je te suis très reconnaissante pour cette belle opportunité!

Que souhaiterais-tu apprendre chez 8bitstudio?

Comme je l’ai dit précédemment, je viens du monde l’imprimerie. Les technologies se développant à une vitesse fulgurante, le marché de la publicité évoluant de plus en plus sur le net.

8bitstudio est pour moi le lieu idéal pour développer de nouvelles compétences dans l’UI/UX design, entourée d’une équipe bienveillante et très pro!

As-tu des projets personnels en perspective? Un grand rêve que tu aimerais réaliser?

J’ai toujours beaucoup de projets personnels. Cet été, par exemple, mon amie Marie Thüler, les élèves de son école d’art, ART’itude et moi-même, avons réalisé une immense fresque pour «Aquatis» à Lausanne.

J’aime être impliquée dans divers projets artistiques et je rêve un jour d’avoir ma propre exposition d’œuvres de découpage sur papier à Moscou, afin de partager cet art suisse avec le plus grand nombre de personnes possible.

Je rêve aussi de voler en montgolfière en Cappadoce (Turquie)!

Je sais que tu aimes l’art, quels artistes aimes-tu?

Wow! C’est une question difficile… Parce que j’aime beaucoup d’artistes, de cultures, d’époques et de genres différents. Mais si je dois choisir, alors, ça serai probablement: Mikhail Vrubel, Isaac Levitan, Ivan Aivazovsky, Claude Monet, Salvador Dali, Gustav Klimt et Jérôme Bosch.

Est-ce qu’il y a un plat russe que tu conseilles et qu’il faut absolument goûter une fois dans sa vie?

Je ne recommanderai pas qu’un plat! Il faut que tout le monde visite Moscou, une fois dans sa vie, pour la célébration de la rencontre du printemps, de voir l’hiver «Maslenitsa» et d’essayer un grand nombre de friandises de différentes régions du pays, dont le plat principal sont des crêpes au caviar!

As-tu un groupe de musique (russe) à nous faire découvrir?
Une chanson, laquelle?

J’écoute plus de musique turque et européenne, mais si on prend la musique russe, c’est bien sûr le groupe de rock, Nautilus Pompilius, avec lequel j’ai grandi. Et les chansons, je les aime toutes. Mais pour commencer, je vous conseille «Lonely Bird».

Merci beaucoup!

Vous avez un projet en tête ? Parlons-en !

Vincent Parisod Associé – Directeur Contactez-nous

The post Olga, notre designer haute en couleurs! appeared first on 8bit.

Allez c’est parti, tous à vos apps!

Adobe After Effects

1. Dans Adobe After Effects, ouvrez le projet d’animation que vous souhaitez exporter
2. Choisissez Fichier > Exporter > Ajouter à la file d’attente de rendu > Module de sortie > Quicktime > Option du format > Animation

Adobe Photoshop

1. Dans Adobe Photoshop, ouvrez votre fichier .mov
2. Choisissez Fichier > Exportation > Enregistrer pour le web (hérité)
3. Dans Paramètre prédéfini [a] > Indiquez gif 128 tramé ou gif 64 tramé ou gif 32 tramé
4. Observez l’indicateur [b] du poids final afin que votre fichier ne soit trop lourd et que l’image reste de bonne qualité

Félicitations ! Vous venez de créer un GIF animé de qualité. Publiez-le sur le web et partagez-le avec le monde entier.

On espère que ce tuto pour optimiser un GIF animé vous a été utile, cela reste notre méthodologie, mais il y en a certainement pleins d’autres. Les modes d’export peuvent évoluer au fil du temps, restez donc informé pour que vos animations soient toujours optimales.

Connaissez-vous d’autres astuces? N’hésitez pas à nous partager vos tipps.

Vous avez un projet en tête ? Parlons-en !

Vincent Parisod Associé – Directeur Contactez-nous

The post Tuto: Comment créer un GIF animé de bonne qualité appeared first on 8bit.

Depuis sa fondation en 1949, la Fédération Internationale du Sport Universitaire est le moteur clé pour étendre le rôle et la portée du sport universitaire à travers le monde. La FISU croit que les valeurs sportives et la pratique sportive fonctionnent en parfaite synchronicité au sein des études universitaires.

La FISU offre l’opportunité et l’inspiration aux étudiants du monde entier pour faire du sport. La santé, le bien-être et les expériences que les étudiants acquièrent grâce au sport les aident à devenir des membres actifs de notre société mondiale.

Conformément à cet adage, la FISU organise des événements sportifs et éducatifs de classe mondiale, tous avec pour mission de fournir aux étudiants universitaires des opportunités de se connecter et d’échanger avec des étudiants du monde entier, dans un environnement collaboratif et compétitif. Pour y parvenir, la FISU a identifié des objectifs et un chemin pour les atteindre avec la Stratégie globale FISU 2027.

Le programme FISU Healthy Campus a également été développé dans le but de créer une référence internationale en matière de santé physique et de bien-être mental sur les campus universitaires du monde entier.

Nous sommes heureux d’avoir été choisi avec notre partenaire numera pour les accompagner dans leurs divers projets digitaux.

À découvrir en 2023.

Vous avez un projet en tête ? Parlons-en !

Vincent Parisod Associé – Directeur Contactez-nous

The post La FISU nous fait confiance! appeared first on 8bit.

Dans ce 3ème Motion Capsules, nous allons vous présenter les avantages du motion design dans vos publications sur les médias sociaux et pourquoi c’est essentiel de l’intégrer à votre stratégie marketing.

Pourquoi utiliser le motion design sur les réseaux sociaux?

L’intégration du Motion design dans votre contenu, permet de transmettre rapidement à vos clients des informations de manière ludique, esthétique et accessible.

La vidéo animée se doit d’être la plus courte possible afin que le message soit compris rapidement, car de nos jours, les personnes préfèrent le contenu qui va droit au but.

En effet, les utilisateurs ne passent que quelques secondes sur un élément de contenu mobile, ce qui est une durée restreinte pour convaincre et capter l’attention de votre public!

Le Motion design est donc un bon moyen pour communiquer sur vos produits et accroître votre visibilité.

Stories en motion, un storytelling à succès!

Le format vertical, comme par exemple «Stories», «Reels», «Shorts» sur les plateformes, connaissent beaucoup de succès et sont très appréciées. Car ce sont des vidéos adaptées au format de l’écran du téléphone. Cela permet une visualisation directe, sans avoir besoin de pivoter l’appareil.

Ce format 9/16 est idéal pour communiquer sur vos services, produits et promouvoir un événement. De ce fait, l’animation rend l’expérience positive et agréable, le public est plus réceptif.

Daniel et Gregory, avec le projet DANORY, vous partage ici une «Story» produit créée pour l’occasion. Dans cet exemple, les produits sont mis en valeur et l’animation leur apporte un côté dynamique et émotionnel.

Des vidéos qui s’adapte aux formats

Les vidéos sont pensées pour être adaptées aux différents formats proposés par les plateformes sociales.

Par exemple, la Story ci-dessus peut être adaptée en post vidéo sur Instagram ou à un format 16/9 pour Linkedin et Facebook.

Job Alert ⚠️ – La motion au service du recrutement

Contrairement aux offres d’emploi traditionnelles, le format vidéo donne la possibilité aux employeurs de partager un storytelling engageant qui humanise leur organisation et permet de promouvoir leur culture d’entreprise.

Voici 3 raisons d’utiliser le motion dans votre stratégie de recrutement:

1. Rendre vos annonces plus attrayantes
2. Inviter les nouvelles générations à postuler chez vous
3. Adopter une stratégie mobile first et montrer que vous êtes dans l’ère du temps

Des vœux animés, un partage apprécié!

Pourquoi faire une carte de vœux animée?

Nous approchons de la fin de l’année et c’est le moment de souhaiter de bonnes fêtes.

Pour cela, rien de mieux qu’une carte de vœux animée pour vous démarquer, fidéliser vos partenaires et remercier votre clientèle.

Une petite attention, un grand effet ✨

Votre carte en motion design vous permettra d’entretenir de bonnes relations professionnelles et de gagner en empathie. De plus, elle est moins onéreuse (coûts d’impression en moins) et plus écologique. 

Ne prenez pas le traîneaux en marche, anticipez!

Pour faire une carte de vœux animée et de qualité, il faut du temps. C’est pourquoi il est important d’anticiper, de préparer votre sujet à l’avance et de contacter votre entreprise partenaire pour la réalisation de ce projet.

Vous pourriez aussi être intéressé par:

• Motion Capsules #2 : La subtilité dans l’animation
• Motion Capsules #1: Le logo animé
• Le Motion Design, une identité en mouvement

Vous avez un projet en tête ? Parlons-en !

Vincent Parisod Associé – Directeur Contactez-nous

The post Motion Capsules #3: le motion design sur les réseaux sociaux appeared first on 8bit.

En 1956, Georges A. Miller, un psychologue cognitif a publié un article « The Magical Number Seven, Plus or Minus Two: Some Limits on our Capacity for Processing Information » qui est encore cités aujourd’hui, portant le nom de « La loi de Miller ».

Une loi de Miller, universelle et utilisée dans de nombreuses études

Elle nous explique que lorsqu’une personne effectue une tâche, elle est exposée à de nombreux éléments, comme par exemple, les items dans la navigation d’un site.

Les informations sont stockées temporairement dans le cortex préfrontal pendant 10 à 15 secondes. Le nombre d’éléments qu’une personne peut mémoriser à court terme, en moyenne, est de 7 éléments, plus ou moins 2. Soit donc de 5 à 9 selon la mémoire de chacun.

En voici un exemple, le site Netflix utilise la loi de Miller avec 7 éléments (logo compris) dans son header. 

Dans la conception de sites web par exemple, cette loi est très importante car elle conditionne l’expérience utilisateur (UX). Elle incite les concepteurs, les designer et ergonomes à ne pas surcharger les interfaces afin de faciliter la perception des informations simultanées pour que notre cerveau puisse les traiter de manière efficace sans être trop sollicité.

Dans l’accessibilité et l’utilisabilité, on peut faire un parallèle avec une autre loi de la psychologie cognitive: la loi de Hick, selon laquelle le nombre de possibilités a une forte incidence sur le temps de réponse et la prise de décision de l’utilisateur.

En résumé, Il est toujours plus facile de faire son choix parmi une proposition réduite du nombre d’éléments.

Conclusion

La simplification est une clé essentielle!

« Une interface simple à comprendre, c’est une interface simple à utiliser. Ainsi l’expérience utilisateur n’en sera que meilleure. »

Less is more
Andrea del Sarto, 1855

Vous pourriez aussi être intéressés par:

• La loi de Hick
• La perception de forme «Gestalt»

Vous avez un projet en tête ? Parlons-en !

Vincent Parisod Associé – Directeur Contactez-nous

The post La loi de Miller appeared first on 8bit.

Bienvenue Fatih!

C’est quoi qui te donne la patate en te levant le matin?

L’envie de découvrir, d’apprendre et d’avoir la possibilité de créer de nouvelles choses.

Peux-tu te présenter et nous expliquer ton parcours en quelques mots?

Je m’appelle Fatih Esgi, j’ai 38 ans. J’ai démarré ma carrière professionnelle avec un apprentissage de pâtissier-confiseur que j’ai malheureusement dû abandonner pour des questions de santé.

Ensuite je me suis redirigé vers une formation de dessinateur en communication graphique, puis j’ai intégré l’Eikon à Fribourg, dans la filière concepteur multimédia que j’ai arrêté pour me consacrer entièrement au code.

J’ai appris le développement en freelance durant 5 ans et j’ai décidé de parfaire mes compétences en intégrant l’école Nomades Advanced Technologies à Genève. Et me voilà chez 8bitstudio où j’ai l’opportunité de travailler en équipe et de participer à des projets d’envergures.

Quelles sont tes passions? Tes hobbies?

J’adore monter des ordinateurs et ça fonctionne!

Sinon les jeux vidéos, m’occuper de mes deux chiens et occasionnellement du modélisme, en particulier les maquettes d’avions (télécommandé ou pas).

Concrètement, depuis mon enfance, j’adore construire des choses. On peut faire un parallèle avec le métier rigoureux que j’exerce aujourd’hui.

Actuellement mon grand KIFF, c’est d’essayer de créer des petits jeux vidéos.

Cites-nous, une expérience qui a donné un tout autre tournant à ta carrière.

Mon premier jour à l’Eikon de Fribourg où la matière me paraissait colossale et au deuxième cours j’ai trouvé ça passionnant, ce fut le déclic!

Quelle est ta spécialité au sein de l’agence et quelle expertise apportes-tu?

Je suis développeur Front-End et je souhaite apporter mes connaissances en WordPress et en nouvelles technologies.

Que souhaiterais-tu développer chez 8bitstudio?

Développer des applications mobiles et natives. Apprendre tout ce qui concerne le « Back-End » et à l’issue, devenir Full-Stack!!! Et pourquoi pas, si l’occasion se présente, apporter mes futures compétences en développement de petits jeux vidéos.

Quel est à tes yeux, l’élément indispensable qui t’aide à être performant dans ton travail?

La formation continue, faire de la veille technologique pour être toujours à la page et éviter d’être obsolète.

As-tu des projets en perspective? Un grand rêve?

J’ai pas vraiment de grand rêve, mais l’ambition de créer des jeux et des apps. Et à moyen long terme d’acquérir une maison!

Je sais que tu aimes le Gaming, pour toi quel est le/les jeu(x) indispensable(s) à jouer avant de mourir?

Toute la saga Legend of Zelda et Final Fantasy VII.

Alors à Fribourg, c’est quoi la meilleure adresse pour la fondue?

À Posat!!!! La laiterie-fromagerie François Nicolet et pour ce qui est restaurant à Fribourg, le Café du Midi!

Une chanson, un film préféré?

Don’t worry be happy de Bobby McFerrin:

Pour le cinéma, Dikkenek de Olivier Van Hoofstadt et les westerns-spaghetti avec Bud Spencer et Terence Hill, c’est cultissime!!!

Immense plaisir de t’accueillir dans l’équipe et que la force soit avec toi!

Vous avez un projet en tête ? Parlons-en !

Vincent Parisod Associé – Directeur Contactez-nous

The post Fatih, une double crème de développeur appeared first on 8bit.

Vous avez un projet en tête ? Parlons-en !

Vincent Parisod Associé – Directeur Contactez-nous

The post Inspirations PIXEL appeared first on 8bit.

C’est un mouvement artistique ayant émergé sur internet dans les années 2010.

Il est caractérisé par sa nostalgie et sa fascination pour la technologie et la culture rétro des années 1980/1990.

Découvrez ci-dessous quelques illustrations inspirantes dans ce style.

Vous avez un projet en tête ? Parlons-en !

Vincent Parisod Associé – Directeur Contactez-nous

The post Inspirations VAPORWAVE appeared first on 8bit.

Fraîchement débarquée chez 8bit, notre nouvelle stagiaire, Maylie, qui va nous accompagner les 6 prochains mois, nous fait l’honneur de parler un peu d’elle dans cette entrevue matinale.

C’est quoi qui te donne la pêche en te levant le matin?

Ce qui me donne l’envie de me lever le matin, c’est de m’occuper de mon animal de compagnie, une rate prénommée, Cassidy que je possède depuis plus de 2 ans. J’adore lui faire faire des exercices et des petits tours.

Autrement, Chaque jour, je me réjouis d’apprendre de nouvelles choses…

Peux-tu te présenter en quelques mots? Et c’est quoi ton parcours?

Je m’appelle, Maylie Alsina, j’ai 19 ans, je suis française et viens d’Annecy.

J’ai fait ma scolarité en France jusqu’au Bac S. Puis, j’ai eu une license en lettres.

Les circonstances de la période Covid m’ont permis de réfléchir et de me réorienter. J’ai opté pour des études plus professionnalisante dans le développement, à l’École CREA Genève.

Elle propose dans ses bachelors des sessions de stages sur 6 mois en deuxième et troisième année, ce qui permet de découvrir le terrain et se faire une idée plus précise de la profession en entreprise.

Qu’est-ce qui t’as amenée à vouloir faire des études en développement web?

À la base, je souhaitais faire un master en création numérique pour travailler dans le domaine des jeux vidéos, j’aurai aimé illustrer mes propres histoires par ce biais là.

Mais pendant le confinement, j’ai découvert le développement front-end en apprenant les languages HTML, CSS et Javascript et ça m’a tout de suite séduite. Une nouvelle direction s’est dessinée…

Que souhaiterais-tu apprendre chez 8bitstudio durant tes 6 mois de stage?

Comprendre tout le processus de la création d’un site internet, de A à Z. De la demande du client, en passant par la conception jusqu’à la livraison du site.

En apprendre plus sur le design UX/UI, car après ma formation chez Créa, je souhaite participer à des modules certifiants dans la création d’interfaces web en vue de devenir développeuse front et designer UX/UI.

Ce qui m’intéresse beaucoup, c’est la thématique de l’accessibilté. Ayant des personnes dans mon entourage en situation de handicap, je suis très sensible aux problématiques qu’elles rencontrent et j’aimerais participer à rendre accessible le World Wide Web.

À ton avis quelles sont les qualités d’un bon développeur?

Persévérance et autonomie! Tout s’apprend sur le terrain et sur le web, qui est plein de ressources et d’outils.

En dehors du code, as-tu d’autres intérêts?

Ayant grandi avec des parents vétérinaires, il y avait toujours beaucoup d’animaux à la maison. J’ai donc naturellement développer de l’intérêts pour le règne animal.

J’aime travailler avec mes mains pour me vider la tête, mes hobbies sont très manuels. Je fait du crochet, j’adore concevoir des petites peluches, des petites maisonnettes pour mon rat et des animaux en perles.

Ah oui, aussi la pâte FIMO (pâte à modeler)! J’ai aussi touché à l’argile et appris à sculpter du verre dans une soufflerie.

Et je fais de la plongée, j’en suis au niveau 1. J’aime écrire des histoires fantastiques, de science-fiction et des poèmes-chansons.

Si tu étais un film de science-fiction, lequel serais-tu?

Sans hésiter, Cloud Atlas des soeurs Wachowski!

Et pour la fin, une chanson qui te représente?

Heureux de te compter parmis nous Maylie, bon stage à toi!

Vous avez un projet en tête ? Parlons-en !

Vincent Parisod Associé – Directeur Contactez-nous

The post Maylie, la développeuse qui murmurait à l’oreille d’un rat! appeared first on 8bit.

Dans ce nouveau chapitre, nous allons vous présenter, comment l’animation peut être un atout efficace comme support de communication sur votre site internet et vos newsletters. On appelle ça, les micro-interactions, ces animations se doivent d’être fonctionnelles et transmettre de l’émotion.

Leurs utilités?

• Mettre en évidence un élément
• Présenter une information, un projet ou un concept
• Guider l’utilisateur dans un processus
• Créer du rythme
• Expliquer avec pédagogie, des sujets complexes
• Augmenter l’impact émotionnel d’un site
• Etc.

Danory en action!

Toujours avec le projet DANORY, nous vous présenterons pour exemple, deux animations à intégrer sur une page d’accueil de site internet.

C’est parti, bonne lecture!

Saviez-vous que l’animation pouvait créer un effet de surprise?

On va pouvoir observer avec les exemples suivants, qu’une animation au bon endroit, crée la surprise et donne à l’information, un ton léger, agréable à regarder.

MailChimp et son « High Fives! » pendant la file d’attente de l’envoi de newletters.

Le mascotte « Duo » de Duolingo. Elle s’anime dans différentes situations, dans les notifications de rappel par email.

WeTransfer avec son animation quand le lien du transfert est expiré.

Un banner animé de pour Headspace, une application d’aide à la méditation et au sommeil.

DANORY appelle à l’action!

Ici avec le concept Danory décrit dans le précédent article, Daniel et Gregory vous proposent, deux exemples animés.

Ci-dessus une bannière informative, qui annonce l’ouverture de l’établissement et ci-dessous une animation qui pourrait être placé à côté d’un CTA (Appel à l’action) pour engager les utilisateurs à s’inscrire à la newsletter.

Que faut-il en conclure?

Qu’un design aux formes simples, animé et appliqué dans son marketing avec parcimonie, renforcera votre identité visuelle et rendra vos messages facilement identifiables. Que ce soit sur une page web, dans un e-mail ou encore une newsletter.

Pour vos clients, un clin d’oeil bien senti, ça fait toujours plaisir!

Envie d’en apprendre plus sur les micros-interactions?

• Animations et micro-interactions
• Micro-interactions #DicoUX

Vous prenez du motion dans votre café?

Vous souhaitez dynamiser votre communication avec de l’animation, vous êtes au bon endroit. Parlons de votre projet autour d’un café.

Vous avez un projet en tête ? Parlons-en !

Vincent Parisod Associé – Directeur Contactez-nous

The post Motion Capsules #2 : La subtilité dans l’animation appeared first on 8bit.

Commençons par l’agence

L’agence 8bitstudio, à 15 minutes de marche de la gare, est située près du centre de Lausanne, dans le quartier de Chauderon. Le bâtiment se trouve en retrait par rapport à la route, il faut d’abord rentrer dans un couloir pour y avoir accès.

La spécialité de l’agence

L’entreprise s’occupe de conception UI/UX et de développement. Ils travaillent avec de gros clients réguliers tels que: L’EPG (L’Eglise Protestante de Genève), L’EPFL (École polytechnique fédérale de Lausanne), le canton de Vaud, l’hôpital ophtalmique Jules-Gonin… Mais aussi des clients plus petits, comme certains restaurants locaux, startup et des magasins.

L’ambiance chez 8bit

L’équipe travaille dans un grand open space, ce qui est, à mon sens, plus convivial. En effet, les personnes peuvent communiquer plus facilement et l’ambiance y est toujours familiale avec beaucoup d’humour. On y trouve également une petite cuisine qui permet tous les jeudis d’y cuisiner de bons hot-dogs savoureux. Une tradition de l’entreprise qui va beaucoup me manquer.

Un exemple de projet sur lequel j’ai pu travailler

L’entreprise SOCOL SA est une fabrique de peintures et vernis destinés principalement au bâtiment neuf ou en rénovation. Son objectif sur le marché est la recherche de produits technologiques de haute qualité et respectueux de l’environnement.

L’entreprise avait déjà un site développé par 8bitstudio mais souhaitait le rendre plus accessible pour les particuliers, et plus uniquement pour les professionnels. C’est à partir de là que le projet a débuté. Mon travail s’est déroulé en plusieurs étapes: 

Prise de connaissance du site existant

Le client ayant déjà un site fonctionnel, il était nécessaire que je me l’approprie pour bien débuter dans le projet. Le but n’étant pas de le recréer de zéro mais bien de mettre à jour une certaine partie.

Création des wireframes

J’ai commencé à créer les wireframes à partir du Zoning de mon collègue. C’est uniquement après les avoir validés avec lui, puis le client, que nous avons pu passer à l’étape suivante.

Conception du design

Etant donné que SOCOL avait déjà une identité et un site je n’avais rien à réinventer, mais j’ai trouvé difficile de sortir de ce qui existait déjà et de modifier le design tout en restant fidèle au design de base. Il fallait améliorer sans tout changer.

Atelier workshop avec le client et mes collègues

Dans l’optique de définir les différentes catégories présentes dans la nouvelle navigation, mon collègue Tony a organisé un workshop avec le client. J’ai pu y participer avec mon collègue Mathieu.

Ce workshop a été une expérience enrichissante. C’est la première fois que je participais à ce type d’activités et j’y ai pris beaucoup de plaisir. Avoir un contact direct avec le client, créer, trouver de nouvelles idées, communiquer. Cette fluidité dans l’échange que l’on ne retrouve pas sur Zoom ou par visio conférence en général.

Finalisation du design et création d’un prototype 

Après la validation de la nouvelle navigation, j’ai pu finaliser le design du site et créer un prototype sur Figma. Avoir une meilleure idée du produit final et pouvoir le présenter au client avec la quasi-totalité de ces fonctionnalités est un plus.

Visualiser le résultat: socol.ch

Mon projet le plus concret grâce au contact avec le client, la création des wireframes et du design 

C’est à mon avis l’un des projets qui m’a le plus appris durant mon stage. La collaboration avec mon collègue Mathieu pour la création des wireframes et du design fut très enrichissante et le contact avec le client également. Le workshop organisé par Tony m’a permis de découvrir la partie plus sociale du métier, c’était vraiment top!

Remerciements

Je souhaite avant tout remercier l’ensemble de l’équipe de l’agence 8bitstudio qui m’a accompagnée et m’a formée tout au long de ce stage. J’ai beaucoup apprécié le travail au sein de cette équipe où règne une ambiance chaleureuse et joviale.

Je souhaite particulièrement remercier Vincent Parisod, mon maître de stage qui m’a accueillie au cœur de son agence. Merci pour sa confiance, sa disponibilité et surtout l’autonomie qu’il m’a offerte durant ce stage.

Je remercie également Mathieu Zwygart pour l’attention, l’aide et les outils qu’il m’a fournis, nécessaires au bon déroulement de mon stage.

Toutes ces personnes ont contribué, par leur disponibilité et leur bonne humeur, à rendre mon stage enrichissant et motivant.

Merci Emma!

Toute l’équipe de 8bitstudio te remercie pour ton excellent travail, ta bonne humeur et ta belle personnalité.

Ce fut un immense plaisir de faire ta connaissance et de t’accueillir durant ces 6 mois, nous te souhaitons tout le meilleur pour la suite de tes études et de ta carrière. Bon vent à toi!

Vous avez un projet en tête ? Parlons-en !

Vincent Parisod Associé – Directeur Contactez-nous

The post Emma nous fait le bilan de son stage chez 8bitstudio! appeared first on 8bit.

Chez 8bitstudio, nous avons utilisé plusieurs logiciels au cours des années, d’abord Adobe XD puis Sketch. En 2018, nous avons adopté Figma, nous nous sommes formés et elle est devenue notre outils de travail exclusif pour la conception d’interface utilisateur (UI), le prototyping dynamique et la conception d’expérience utilisateur (UX).

Figma a été créé en 2012 par Dylan Field et Evan Wallace et rendu public en 2016.

10 plugins Figma 2022: les intégrer, c’est les adopter!

Voici une liste non exhaustive des 10 plugins Figma qui vous faciliteront la vie en 2022.

1. Contrast

Ce plugin scanne vos pages et calques pour vous fournir des informations en temps réel sur le contraste des couleurs dans votre design, afin que votre palette soit accessible (WCAG).

Aller vers la page du plugin

2. Breakpoints

Ce plugin permet de faire vos mises en page en responsive et crée ainsi un prototype animé.

Aller vers la page du plugin

3. Clean document

Ce plugin vous permet d’organiser, de nettoyer les calques et les pages de votre document Figma.

Aller vers la page du plugin

4. Redlines

Ce plugin vous permet d’ajouter facilement des dimensions et un espacement à vos maquettes de manière visuelle.
Les calques de Redlines sont tous ajoutés dans un calque séparé qui peut être masqué ou affiché.

Aller vers la page du plugin

5. HTML To Figma

Si vous travaillez sur un site internet, ce plugin peut vous faire gagner beaucoup de temps. Il convertit vos pages Web, direct en calques Figma modifiables.

Aller vers la page du plugin

6. Design Lint

Avec ce plugin, vous pouvez repérer les incohérences dans vos maquettes, tels que la couleur, les polices, les effets, les fonds, les traits, etc.

Aller vers la page du plugin

7. Chart

Ce plugin utilise des données réelles ou aléatoires pour créer les graphiques les plus utilisés. Il prend en charge le copier-coller à partir d’éditeurs tels qu’Excel, Numbers, Google Sheets, la connexion en direct avec Google Sheets et les fichiers JSON distants (API REST), CSV et JSON locaux.

Aller vers la page du plugin

8. figmotion

Ce plugin permet de créer des animations directement dans Figma. Plus besoin d’utiliser des applications tierces! Les designer peuvent gérer facilement les animations au fur et à mesure de leur création, tout en respectant les bonnes pratiques Web.

Aller vers la page du plugin

9. Mapsicle

Avec ce plugin, vous pouvez intégrer rapidement des cartes dans vos maquettes. La carte interactive vous permet de vous déplacer jusqu’au lieu souhaité, n’importe où dans le monde.

Aller à la page des plugins

10. Find and Replace

C’est un plugin très simple, se concentre uniquement sur le texte. Vous pouvez rechercher n’importe quel texte sur la page et le modifier en un seul clic.

Aller à la page des plugins

Et vous quels plugins utilisez-vous?

Votre avis nous intéresse, n’hésitez pas à nous faire part de vos plugins préférés à info@8bitstudio.ch.

Vous avez un projet en tête ? Parlons-en !

Vincent Parisod Associé – Directeur Contactez-nous

The post Les plugins Figma à tester durant l’été! appeared first on 8bit.

C’est parti, on commence avec le logo animé!

Un logo animé, une signature mémorable!

Loin d’être superflu, le motion design est un bon moyen de dynamiser votre identité de marque. Pourquoi n’essayeriez-vous pas le logo animé?

On se souvient tous de logos animés tels que Netflix, Fox, Universal, Pixar ou encore Disney. Ces derniers sont entrés dans la mémoire collective avec l’animation graphique et l’ambiance sonore. Le résultat en fait des signatures fortes.

Prenons en exemple le cas du logo Disney…

Un logo animé, un storytelling qui marque!

En 1985, le logo Disney change. Le château des cygnes (inspiré du Neuschwanstein, situé en Bavière) est ajouté à la typographie emblématique de 1972.

Dès lors, il devient aussi animé et accompagné d’une identité sonore, ce qui rend la marque plus vivante et mémorable.

Autre exemple que l’on ne vous présente plus, celui de Netflix avec son jingle reconnaissable:

Bienvenue chez DANORY

Pour l’exercice, Daniel et Gregory se sont pris au jeu et vous présentent le projet DANORY. Ils ont imaginés un établissement qui aurait pour but de créer un climat de bonne humeur et inviterait ses clients à échanger autour d’un bon café.

Cette identité sera la trame visuelle de notre série d’articles, Motion Capsules.

Le ton est donné!

On commence par le logo dans sa version statique. Des couleurs vives et un jeu de lettrage amusant laissent apparaître deux petites bouilles rigolotes.

Comme étudié plus haut avec le logo Disney. Nous constatons que l’animation donne de la vie au logo DANORY, ça le rend dynamique et plus attachant.

Deux personnages avec les points qui représentent les yeux, la bouche est symbolisée par le D et le O. Et à la fin un clin d’œil face caméra pour montrer au public leur personnalité cocasse et espiègle.

EN BONUS: Voici ce que ça pourrait donner avec un jingle dans l’esprit de la firme aux grandes oreilles.

Alors êtes-vous prêts à faire le pas?

Chez 8bitstudio, nous sommes à votre disposition pour donner à votre identité, cette nouvelle dynamique!

Vous avez un projet en tête ? Parlons-en !

Vincent Parisod Associé – Directeur Contactez-nous

The post Motion Capsules #1: Le logo animé appeared first on 8bit.

Sa personnalité solaire nous rejoint en tant que développeur full stack. Avec le sourire, il nous livre ici son histoire, son amour pour la vie et sa passion pour la programmation.

C’est quoi qui te donne la pêche en te levant le matin?

Il y a une phrase du président américain, Benjamin Franklin qui dit : « Le monde appartient à ceux qui se lèvent tôt ». Ma phrase philosophique à moi, c’est « Le monde appartient à ceux qui se lèvent heureux ».

Regarder mes enfants se réveiller avec joie le matin, avoir l’opportunité de faire ce que j’aime et avoir la vie dont je rêve, sont des moteurs qui me remplissent d’énergie positive. C’est magnifique!

Peux-tu te présenter et nous expliquer ton parcours en quelques mots?

Je m’appelle Gutembergue Mascarenhas, je suis originaire de la ville Salvador de Bahia au Brésil. Je me suis toujours senti vraiment privilégié par rapport à la situation sociale du pays, je n’ai jamais manqué de rien, j’ai eu la chance de pouvoir étudier et fréquenter les meilleures écoles.

J’ai fait des études à l’université en marketing, puis travaillé dans la vente. Après avoir su prouver à mes parents ma réussite personnelle et professionnelle, j’ai tout laissé au pays pour voyager. En compagnie de ma guitare et la musique, j’ai sillonné les routes en direction de l’Europe.

Une petite anecdote à méditer à propos de cet événement :

« Savez-vous la différence entre la cigale et la fourmi? La fourmi ne chante pas. »

Aujourd’hui, j’ai décidé de chanter ma vie comme je l’entends et de suivre le chemin de mon cœur, loin des artifices d’un quotidien formaté et stressant.

Par la suite, je me suis marié, j’ai eu deux enfants et me suis formé en programmation web, mon métier passion.

Puisqu’on est dans le thème. Quelles sont tes passions?

J’adore la littérature, les bandes dessinées, la science-fiction et la philosophie.

J’ai un attrait tout particulier pour Nietzsche. Ce mec était tellement avant-gardiste que nous ne sommes pas encore prêts de comprendre fondamentalement ses écrits.

Grand sportif, j’ai pratiqué le karaté dès l’âge de 5 ans (ceinture noire à 12 ans), le surf (première planche à 6 ans) et le foot.

As-tu un plat préféré?

La Feijoada

Puisque la littérature a toujours fait partie de ta vie, c’est quoi ton livre de chevet?

« Le miroir de Cassandre » de Bernard Werber, en gros ça parle de l’influence sur notre vie des prénoms que l’on porte.

Prenons l’exemple de mon prénom, Gutembergue (Référence à Gutenberg, l’inventeur de l’imprimerie occidentale moderne). Ce prénom a eu beaucoup d’impact sur ma vie. La littérature au sens large en a toujours fait partie. Mon père lisait beaucoup et ma donné le goût pour ces écrits précieux.

Quels sont à ton avis les ingrédients indispensables pour devenir un bon développeur?

Le développement, c’est un apprentissage constant, il faut toujours se mettre à jour ( ) pour ne pas devenir obsolète ou limité.

Pour exercer ce métier, il faut être polyvalent, persévérant, rigoureux, méthodique et organisé. L’apprentissage doit se faire par étape afin de bien intégrer la matière. Sinon t’es perdu.

Quelle est ta spécialité?

Tout le spectre Javascript qui offre des possibilités infinies et de nombreux avantages mais également le PHP.

Que souhaiterais-tu développer chez 8bitstudio?

J’aimerais avoir l’opportunité d’orienter le process de programmation vers le language TypeScript et adopter la méthodologie Clean Architecture qui vise à maintenir une application stable au cours de ses évolutions et lors de mises à jour des ressources externes.

C’est quoi ton grand projet?

J’ai envie de développer un projet pédagogique au Brésil, centré sur la programmation. Je souhaiterais pouvoir enseigner ce métier aux enfants défavorisés des favelas, qui n’ont pas accès à ce savoir. Plutôt que de basculer dans la criminalité, les orienter vers un métier qui a de l’avenir.

Si tu étais une chanson, laquelle serais-tu?

Et pour finir, si tu étais un film de science-fiction?

Pour le film, merci Gregory de me l’avoir rappelé.

Le space opera « Terre champ de bataille » avec John Travolta où les protagonistes sont des rastas venus de l’espace. (Rires )

Allez Guto, Obrigado e boa sorte! (Merci et bonne chance en )

Vous avez un projet en tête ? Parlons-en !

Vincent Parisod Associé – Directeur Contactez-nous

The post Aujourd’hui on cuisine Gutembergue, notre nouveau dev! appeared first on 8bit.

L’équipe de CREAL se met constamment au défi de développer et d’activer le plein potentiel de la RA. Avec des ingénieurs dédiés au projet de lunettes intelligentes d’Intel ainsi que de Magic Leap, du CERN et de l’EPFL, l’expertise de CREAL couvre tous les aspects technologiques requis, de l’optique à l’électronique. 

Nous sommes heureux d’avoir été choisis pour effectuer le développement et l’intégration de leur nouveau site.

Merci à CREAL pour leur confiance!

Découvrir le résultat

Vous avez un projet en tête ? Parlons-en !

Vincent Parisod Associé – Directeur Contactez-nous

The post Nouveau site pour CREAL appeared first on 8bit.

Qu’est ce que le Motion Design?

Le motion design, appelé également animation graphique est une forme d’art visuel qui consiste à créer des visuels animés (des formes, des objets, du texte ou des personnages) qui impliquent d’utiliser le mouvement comme principal moyen d’expression.

Il peut se décliner sur tous les supports animés, comme les œuvres de fiction (cinéma et film d’animation), les émissions de télévision et autres œuvres audiovisuelles, la publicité, les interfaces graphiques des sites web, la réalité virtuelle et la réalité augmentée, le mapping ou encore le jeu vidéo.

La pratique du motion design implique généralement plusieurs domaines de création comme l’écriture, la direction artistique et l’animation d’objets graphiques variés.

L’animation, l’image qui raconte sa propre histoire

Cette technique prend son véritable essor dans les années 60 et en voici un exemple parlant que vous avez sans doute pu admirer au cinéma.

Le générique d’ouverture du film « Psychose » est un exemple les plus connus de motion design, où son et animation graphique se marient à la perfection.

Le Motion Design, incontournable? Et pourquoi?

Son coeur d’ouvrage est de mettre en valeur votre entreprise et son identité graphique. Il peut expliciter de manière claire et fluide les fonctionnalités de vos produits et de vos services. Ces animations sont souvent très appréciées pour leur dynamisme, leur contenu synthétique et leur fonction pédagogique. 

Voici quelques idées pour intégrer du motion design sur votre site ou dans votre communication : 

• Animer votre identité visuelle, votre logo prendre vie et renforce l’imaginaire de votre clientèle.
• Le « header » (haut de page) de votre site prend vie et votre univers se dynamise.
• Un message à vos collaborateurs en interne. Une image vaut mille mots.
• Animer votre contenu sur les réseaux sociaux et newsletter.
• Votre personnage emblématique (mascotte) qui bouge et qui accompagne votre communication. 

On vous attend pour une séance, à votre service!

Recherche éditoriale: Daniel Diaz
Rédaction: Gregory Geremia

Vous avez un projet en tête ? Parlons-en !

Vincent Parisod Associé – Directeur Contactez-nous

The post Le Motion Design, une identité en mouvement appeared first on 8bit.

Connu de l’agence, il s’est rapidement spécialisé dans le web après ses études en médiamatique et il nous rejoint en tant qu’UX/UI Designer avec enthousiasme et détermination. 

C’est quoi qui te donne envie de te lever le matin?

Découvrir les nouveaux challenges et résoudre les problématiques des projets.

Peux-tu en quelques mots te présenter et nous expliquer ton parcours?

Je m’appelle Alan Marineau, j’ai 29 ans, j’ai fait un CFC de médiamaticien à Ste-Croix, par la suite des stages en vidéo/motion, puis en web et graphisme dans des agences de communication. 

Ensuite, j’ai travaillé 4 ans chez WNG comme visual designer, puis 2 ans chez Horde comme UX/UI designer.

Polyvalent, mes compétences clés sur les projets sont le graphisme et le développement.

Quelles sont tes passions et ton rêve?

Passionné de musique, je m’ouvre à beaucoup d’horizons musicaux. Je peux passer du rap au metal en passant par la bossa nova et l’électronique. Je mix pour le plaisir.

Amoureux des sports de montagne, je fait de la grimpe, de la rando, un peu de trail et de la course à pied. 

J’aime également les jeux vidéo, c’est vraiment une source d’inspiration dans mon travail.

Et pour clôturer la question, avoir l’opportunité et le temps de voyager afin de m’imprégner des cultures et des lieux tout en ayant un travail intéressant, rempli de challenges.

Quel est ton talent caché, ce quelque chose qui fait que tu es unique?

Professionnellement, j’ai une excellente capacité d’analyse face aux problématique et je suis facile à vivre (rires).

Quels sont tes sources d’inspirations quotidiennes et les sites qui stimulent ta créativité?

Les sites THE FWA et CSS Design Awards et les blog Medium.

L’univers des jeux videos pour leurs aspects UX/UI. Ainsi que la psychologie et le comportement de l’utilisateur face à un environnement, c’est très inspirant!

Quel est à tes yeux, l’élément indispensable qui t’aide à être performant dans ton travail?

La communication. Plus on a de data, d’informations sur les problématiques, plus on aura la capacité à aller dans le bon sens afin d’éviter de reproduire les mêmes choses. 

Se remettre en question constamment permet de faire évoluer le produit.

Cite-nous, une expérience qui a donné un tout autre tournant à ta carrière

Après un stage chez WNG, j’ai eu clairement envie de m’investir dans le web, c’est devenu un arc logique et c’est aujourd’hui mon fil rouge.

Que rôle joues-tu ici au sein de l’agence et quelle expertise apportes-tu?

UX/UI Designer, je viens renforcer l’équipe en design et au besoin en développement sur les projets en cours.

As-tu des projets en perspective?

J’aimerais bien faire un brevet de parapente et une long voie en grimpe cette année.

Actuellement je suis dans la conception d’un petit Lab à moi (un site personnel) où je présenterai mes interfaces régulièrement (un Daily UI).

Et bien sûr, m’épanouir chez 8bitstudio.

Si tu étais une chanson, tu serais laquelle?

Carbonated de Mount Kimbie

Vous avez un projet en tête ? Parlons-en !

Vincent Parisod Associé – Directeur Contactez-nous

The post Entrevue matinale avec Alan, notre nouveau coéquipier appeared first on 8bit.

À propos de LIRIS 

LIRIS est un logiciel complet et intuitif conçu pour les ophtalmologues. Il permet à ces derniers de se concentrer sur leurs patients sans perdre un temps précieux sur des tâches administratives telles que la prise de rendez-vous ou la facturation.

Plus qu’un simple outil de gestion administrative, il s’inspire du traditionnel dossier client papier pour l’adapter au goût du jour et au format numérique. Toutes les informations pertinentes dont un professionnel de la santé a besoin se présentent donc sur une seule page.

Selon ses besoins et le moment de la journée où il doit consulter des informations, une chronologie intuitive se met alors en place. Celle-ci offre un aperçu de l’historique complet des traitements et des diagnostics de chaque patient.

Les fonctionnalités comprennent entre autres :

• Les antécédents du patient, ses allergies, divers détails sur sa santé
• Les consultations médicales passées et à venir
• Des rapports médicaux complets, possibilités d’insérer des documents de nature diverses (photos, PDF)

Un projet en deux temps

Identité visuelle

LIRIS est un projet qui a évolué parallèlement sur deux aspects. En premier lieu, nous avons eu pour mission d’apporter une mise à jour au logo existant ainsi qu’à la palette de couleurs de l’entreprise.

En effet, LIRIS est une solution innovante, il nous semblait donc judicieux de pouvoir adapter le logo à celle-ci. Ainsi, les dégradés de bleu existants ont laissé place à des tons légèrement plus frais et intenses.

Nous avons ensuite redessiné le logo, de sorte à ce que les espaces entre chaque élément soient égaux, et ce, pour plus de régularité. De même, nous avons apporté des modifications à la structure du nom LIRIS, pour que celle-ci soit davantage équilibrée.

Enfin, nous avons proposé une police adaptée au logo et selon la nouvelle proposition de branding.

Nouveau site internet

Lorsque le client a validé le concept, nous nous sommes attaqués à la création du site internet. Dès le début, notre réflexion s’est penchée sur le visiteur, il fallait donc l’impliquer à l’ensemble du processus. Le but ? Montrer que LIRIS est une entreprise innovante qui offre une expérience simple et intuitive à ses internautes.

Pour ce faire, nous avons sélectionné 3 types de fonctionnalités clés qui figurent dans la gestion de l’outil afin de les afficher dans la navigation principale du site internet.

En parallèle, il existait des captures d’écran pour illustrer chacune de ces fonctionnalités. Or, celles-ci nous semblaient trop complexes à interpréter. Il a donc fallu les repenser et les simplifier pour une compréhension plus claire des informations.

L’internaute peut maintenant rapidement repérer les fonctionnalités prise en charge par l’outil et les explorer individuellement.

Comme toujours, l’aspect humain est au centre de nos préoccupation. Il nous a ainsi semblé nécessaire de porter une attention particulière aux employés de l’entreprise et de les présenter un à un à l’aide d’éléments graphiques.

Cela a tout de suite amené une vision plus humaine et moderne au projet. Sans compter que la volonté de LIRIS est d’offrir un accompagnement constant à ses clients et leur témoigner une certaine disponibilité. Tout faisait sens.

Pour aller plus loin et toujours dans l’optique de favoriser l’expérience utilisateur, nous avons pu :

• Mettre en place un formulaire dédié aux demandes de futurs et potentiels prospects dans la section Obtenir LIRIS.
• Adapter les vues de l’interface à toutes les résolutions.

Finalement, un espace a été dédié aux divers témoignages de professionnels de la santé pour davantage de transparence quant à l’utilisation de l’outil LIRIS.

Une collaboration continue

Très satisfaits de notre coopération avec LIRIS, nous avons le plaisir de vous partager le résultat ici.

Aussi, nous continuons à travailler main dans la main autour de projets d’envergures diverses. Actuellement, nous prenons part à la réalisation de plusieurs visuels pour l’habillage d’un stand sur salon.

Vous avez un projet en tête ? Parlons-en !

Vincent Parisod Associé – Directeur Contactez-nous

The post Un nouveau site pour LIRIS appeared first on 8bit.

L’agence lui est déjà familière et l’équipe aussi. Eh oui, par le passé Dan avait fait ses débuts chez 8bitstudio en tant que interactive Media Designer & UI Designer dans le cadre d’un stage.

Au fait, c’est lui l’auteur du chouette showreel que vous voyez en arrivant sur notre Homepage!

Peux-tu en quelques mots te présenter et nous expliquer ton parcours?

Je m’appelle Daniel Diaz, j’ai 32 ans. Depuis petit, je suis un passionné du monde de l’audiovisuel : film, série, pub, jeux vidéo.

Etant passionné par l’image, j’ai fait le CFP Arts Genève où j’ai obtenu un CFC en Concepteur Multimédia. Ensuite, j’ai obtenu un Bachelor en Direction Artistique à CREA Genève.

Pendant ma formation j’ai été engagé par l’école pour créer du contenu vidéo, puis j’ai fait des stages dont un chez M&C Saatchi en tant que directeur artistique junior. Après l’obtention de mon Bachelor j’ai commencé à décrocher des mandats en tant que freelance.

Quels que soient les postes que j’ai décrochés, j’ai toujours pu valoriser mes compétences en motion design et vidéo. Ce sont celles qui ressortaient le plus de mon profil et qui en faisaient ma valeur ajoutée.

Par la suite, j’ai fait d’autres stages et je me suis lancé en tant qu’indépendant avant de rejoindre l’équipe 8bitstudio.

En parallèle, j’ai participé à des concours (SUP de Pub, Le Grand, 48 Hour Film Project) pour lesquels mes travaux m’ont valu des nominations et des prix.

Quel est ton talent caché, ce quelque chose qui fait que tu es unique?

Je ne sais pas si c’est un talent caché mais mon parcours montre que je suis assez polyvalent et que peu importe le secteur dans lequel j’ai travaillé, j’ai su trouver un sens aux missions qu’on m’a confiées.

Ce côté débrouillard et cette envie de toujours aller plus loin dans ce que je propose font peut-être partie de ce fameux talent caché dont tu parlais.

Quels sont tes sources d’inspirations quotidiennes et les sites qui stimulent ta créativité?

Les jeux vidéo, le cinéma et les séries me stimulent vraiment. Instagram reste en toute circonstance mon fidèle allié dans mes processus d’inspiration et de création car mon feed est rempli de tout plein d’univers qui me plaisent.

Quel est à tes yeux, l’élément indispensable qui t’aide à être performant dans ton travail?

Je ne considère pas ce que je fais comme un travail mais plus comme une passion. Quelque chose que je peux réitérer encore et encore sans vraiment devoir y mettre fin.

Du coup, je n’ai pas de besoins spécifiques pour me sentir bien dans un lieu de travail, si ce n’est la cohésion de groupe. Les rapports humains et entre collègues sont quand même primordiaux pour se sentir intégré dans une équipe.

Et puis, si j’ajoute à ça un peu de bonne musique pour rythmer davantage mon travail c’est l’idéal.

Cite-nous, une expérience qui a donné un tout autre tournant à ta carrière

En discutant avec un couple d’amis, je leur ai fait part de mes doutes liés au choix de ma formation et la direction que j’avais prise. Je sentais que je n’étais pas suffisamment stimulé par ce que je faisais pendant les cours.

C’est là, qu’ils m’ont fait comprendre qu’ils stimulaient leur esprit en créant autour d’univers qui les passionnent comme Star Wars, Star Trek, Jurassic Park et d’autres encore. Il ne fallait donc pas que je me contente de faire les devoirs qu’on me donnait en cours mais d’aller plus loin et me challenger.

Alors, j’ai commencé à me lancer des défis et à créer autour des univers qui m’ont toujours passionné. Je donnais du sens à ce que j’avais appris et j’ai appliqué ce que j’avais intégré pendant toutes ces années de formation.

Mieux encore, je stimulais constamment mon esprit. Une phase qui est très importante pour un créatif car sortir de ma zone de confort m’a aidé à agrandir mon champ de possibilités.

Que rôle joues-tu ici au sein de l’agence et quelle expertise apportes-tu?

J’ai rejoint 8bitstudio pour apporter mes connaissances en motion design. En effet, Vincent s’est rendu compte qu’il y avait une réelle demande de la part de nos clients en termes d’animation et je suis donc venu pousser ce service aux côtés de l’équipe.

Des projets en perspective?

J’aimerais réaliser une série ou un long-métrage. Un projet pas tout à fait mûr encore. Je n’en dis pas plus!

Vous avez un projet en tête ? Parlons-en !

Vincent Parisod Associé – Directeur Contactez-nous

The post Entrevue avec Dan, nouveau membre de l’équipe appeared first on 8bit.

Tout commence avec une mission 

La marque Evanea est née de la volonté de s’intéresser au bien-être de la femme. En effet, tout a commencé lorsque les deux fondateurs ont remarqué qu’il y avait peu d’intérêt manifesté envers celle-ci ainsi que son parcours de vie.

Pourtant, nous savons à quel point le cycle d’une femme est semé d’instants clés et qu’il n’est pas toujours aisé de les aborder avec légèreté. C’est alors qu’ils décident de proposer un accompagnement sur-mesure, et ce, grâce à des compléments alimentaires 100% naturels.

Le but ? Apporter à la femme tout ce dont elle a besoin en termes de nutrition afin qu’elle puisse aborder au mieux, diverses phases telles que les menstruations, la grossesse ou encore la ménopause.

Développement de l’identité visuelle

Le nom Evanea se voulait féminin et par extension trouver son équilibre entre féminité et effet cocooning. En tenant compte de cela, nous avons travaillé sur plusieurs typographies et écritures de police.

À mi-chemin, nous avons présenté une première ébauche du logo à notre client, ce fut le coup de foudre. À l’unanimité, nous avions une préférence commune pour l’une des deux variantes présentées.

Il fallait maintenant rendre le logo davantage raffiné et élégant. Pour ce faire, nous sommes partis de la typographie précédemment validée en modifiant légèrement l’épaisseur ainsi que la rondeur de chaque lettre.

Puis, pour apporter plus d’équilibre au logo, nous avons choisi une écriture entièrement en minuscule ce qui a davantage accentué son élégance.

Dans un deuxième temps, nous avons lancé notre réflexion quant aux emballages des produits. Étant donné que chaque produit avait son propre arôme et ses bienfaits particuliers, nous les avons accordés à des palettes de couleur bien distinctes.

Le résultat s’est avéré concluant puisqu’une fois tous les éléments réunis, l’ensemble s’accordait parfaitement au type de produit.

Résultats

Vous avez un projet en tête ? Parlons-en !

Vincent Parisod Associé – Directeur Contactez-nous

The post Travail de branding; Evanea appeared first on 8bit.

Vous le savez, cette année est signe de changements, et pour cause, la volonté d’accompagner vos projets sur d’autres aspects digitaux nous anime fortement.

Si l’UX/UI Design demeure notre cœur de métier, tenez-vous bien, le motion design, le community management et le copywriting seront des alliés sur lesquels nous allons davantage nous concentrer. Des fers de lance, qui nous semblent plus que jamais incontournables.

Focus sur 3 compétences

Animation : Nous donnons vie à vos contenus 

On le sait, communiquer de façon originale est le nerf de la guerre, la pièce maîtresse pour faire la différence sur les réseaux sociaux et faire de votre marque un univers bien à elle. 

Vous souhaitez donner vie à vos contenus, vous démarquer de façon différente ? Le motion design est un excellent moyen de véhiculer vos messages et d’offrir des expériences uniques à vos internautes. Il permet :  

• Flexibilité : peu importe la durée, le format ou encore le contenu il s’adapte avec aisance 
• Esthétique :  la créativité connaît peu de limites, telle est l’occasion de créer un univers unique et authentique avec des messages clairs autour de votre marque 
• Dynamisme : grâce à des contenus ludiques l’objectif est de captiver votre audience et de susciter des émotions  

Persuasion : Nous trouvons les bons mots pour vous

Si l’aspect esthétique de vos contenus digitaux demeure un point important, l’aspect textuel l’est tout autant. On pourrait même dire que l’un ne va pas sans l’autre et que tous deux se complètent parfaitement.

Trouver les bons mots tout en appliquant des techniques d’écriture persuasives, voilà ce qu’est le copywriting. Nous vous offrons donc la possibilité :

• D’améliorer le référencement et le positionnement de votre site web sur les moteurs de recherche tels que Google
• De rédiger du contenu selon les bonnes pratiques en référencement SEO
• D’imposer votre image de marque dans son domaine et de gagner en visibilité
• De récolter les fruits de ce minutieux travail : un chiffre d’affaires en progression, une meilleure conversion de vos prospects en client, une amélioration de votre retour sur investissement

Pas de panique, tout ça a l’air de ne parler qu’aux marketeurs voire aux matheux mais en réalité le copywriting réside essentiellement dans une volonté de communiquer de façon authentique.

Il faut y mettre son cœur et parler vrai car ce sont vos parcours de vie personnels et votre expertise qui feront la différence lorsque vos internautes vous liront.

Engagement : Nous vous rendons visible

Jamais 2 sans 3 comme on aime le dire. Une fois vos contenus prêts, il faut pouvoir les déployer minutieusement sur vos diverses plateformes digitales et réseaux sociaux. C’est une étape cruciale car il en va de la crédibilité ainsi que de la visibilité de votre entreprise.

L’aspect communautaire n’est pas à négliger puisqu’il est fondamental de communiquer avec vos abonnés et de créer des liens de confiance. Vous l’aurez compris, l’appartenance à un groupe s’avère être vitale.

Envie d’aller plus loin ?

Nos spécialistes seront ravis de pouvoir prendre connaissance de votre projet, vous conseiller et être force de proposition selon vos besoins.

Vous avez un projet en tête ? Parlons-en !

Vincent Parisod Associé – Directeur Contactez-nous

The post C’est officiel, on vous l’annonce appeared first on 8bit.

On lui souhaite plein de succès dans toutes les missions qu’on lui confiera et bien évidemment de prendre du plaisir dans cette nouvelle aventure professionnelle.

Peux-tu en quelques mots te présenter et nous raconter ton parcours?

Je m’appelle Emma et j’ai 22 ans. En sortant de l’école obligatoire, je ne savais pas encore vers quelle formation me tourner mais ce qui est sûr c’est que je voulais être dans l’art. Ça vient sûrement du fait que dans ma famille, on est plusieurs à être dans le domaine artistique et que depuis petite je baigne dans ce milieu-là.

J’ai donc choisi de me diriger vers le CEPV à Vevey et de faire un préapprentissage artistique de 1 an. Pendant cette année préparatoire, j’ai réfléchi à la suite de mon cursus et c’est comme ça que je me suis tournée vers le métier d’interactive media designer. De plus, à l’époque, j’avais un grand intérêt pour les jeux vidéo, c’était pour moi comme une suite logique.
 
J’ai donc préparé mon book pour l’ERACOM car on entre uniquement sur candidature, malheureusement je n’ai pas été acceptée. À partir de là, j’ai pris une année pour faire des petits jobs à droite à gauche en attendant de me représenter. Ensuite, je suis partie en Angleterre, à Londres pour faire fille aux paires et apprendre davantage la langue puisque je savais que l’anglais allait m’être indispensable pour ma carrière.

Quand je suis rentrée, j’ai fait une deuxième tentative et je me suis à nouveau présentée à l’ERACOM. Et c’est passé ! Mes expériences m’ont permis de me remettre en question et de réaliser que le monde du jeu vidéo me plaisait mais pas forcément pour en faire mon métier. 

Depuis, j’ai pour projet d’évoluer dans le UI/UX et design d’interface.

Qu’est-ce qui te plaît le plus dans ton domaine? 

Ce qui est chouette, c’est que je fais une formation qui touche à plusieurs disciplines. Et ce qui me plaît le plus c’est le design, la création de personas et de moodboards mais aussi cette idée de développer tout un univers autour d’un produit. Et puis, la phase où l’on design le produit est hyper stimulante bien sûr!

J’aime aussi la vidéo et la programmation même si je l’admets j’ai encore pas mal de choses à apprendre de ce côté-là (rires). 

Pourquoi as-tu choisi 8bitstudio? 

Les services que propose 8bitstudio m’ont tout de suite interpellé, c’était pile dans ce que je voulais faire et le cahier des charges s’alignait également à mes attentes.
 
Un plus non négligeable, lors de mon entretient j’ai reçu un accueil chaleureux. J’ai tout de suite senti que j’allais pouvoir évoluer dans une ambiance agréable et créer des liens forts avec les membres de l’équipe.

En tant que jeune créative et arrivante dans l’équipe, je me réjouis aussi d’apporter autant que possible mon aide et ma vision artistique à l’agence.

Quel est ton atout majeur, ce qui te définit le mieux? 

Je suis quelqu’un de sociable, pleine d’énergie et ambitieuse. Je considère le travail en groupe être l’un de mes atouts ce qui fait que la communication avec mes collègues se déroule toujours facilement. J’ai d’ailleurs du plaisir à apporter énergie et bonne humeur dans mon lieu de travail. 

De quoi te réjouis-tu le plus dans ton stage, quelle est la compétence que tu souhaites le plus développé et celle que tu as le plus envie de découvrir?

Découvrir le travail en entreprise, le contact avec les clients et en apprendre plus sur le design et l’UI/UX en général. J’ai aussi hâte de travailler sur Figma et d’assister Elisa dans la gestion des réseaux sociaux de l’entreprise.  

Quant à ton avenir, comment l’envisages-tu? Des projets et des rêves en perspective? 

Idéalement, à la fin de ma formation à l’ERACOM, j’aimerais assez rapidement pouvoir travailler en agence. Quitte à me former de manière continue par la suite.

Si j’ai la chance plus tard de pouvoir travailler à l’étranger, comme par exemple à Londres, ça serait génial mais pour le moment j’ai envie de bâtir mon expérience en Suisse.

Vous avez un projet en tête ? Parlons-en !

Vincent Parisod Associé – Directeur Contactez-nous

The post Bienvenue Emma! appeared first on 8bit.

Vous avez un projet en tête ? Parlons-en !

Vincent Parisod Associé – Directeur Contactez-nous

The post Meilleurs vœux 2022! appeared first on 8bit.

Aujourd’hui, le No Code promet une programmation avec peu ou sans code grâce à divers outils et de la programmation graphique adaptée.  

Focus sur cette nouvelle façon d’aborder la création numérique et comment nous la concevons ici à l’agence.  

Comment définir le mouvement No Code?

L’idée avec le No Code, c’est d’avoir à disposition des outils accessibles pour créer des sites web, des applications mobiles ou encore des jeux vidéo sans forcément devoir (ou presque) maitriser toutes les étapes de la programmation traditionnelle.

À l’aide d’une interface graphique, le fonctionnement se base sur un glisser-déposer. L’outil guide l’utilisateur dans ses divers tests et diverses réalisations afin que tout fonctionne comme il l’avait imaginé.

Vous l’aurez donc compris, le No Code offre cette capacité à créer un projet digital sans avoir à insérer la moindre ligne de code. Toutefois, il est toujours possible d’en intégrer selon la complexité et les besoins d’un projet.

Pourquoi utiliser du No Code?

S’affranchir du développement pur pour ne laisser place qu’à la créativité et l’imagination du créateur, c’est le pari fou qu’ont tenu les plateformes issues du No Code, et ce, afin de prôner l’accessibilité.

L’idée principale est d’accélérer et de simplifier grandement les processus de développement de projets. À savoir dévoiler des prototypes en tout genre (landing page, application, site web, …) à moindre coût et en à peine quelques heures.

Le tout est de garder cette notion d’accessibilité qui évitera à l’utilisateur de confier son projet à des développeurs ou à une agence web externe. En résumé, le No Code possède des atouts significatifs :

• Une baisse des coûts

Un aspect non négligeable pour les petites structures et start-ups puisque les coûts pour un outil No Code sont bien moindre que lorsque l’on doit engager une équipe de développeurs. Sans parler d’une éventuelle maintenance, qu’elle soit interne ou externe à l’entreprise.

• Une dimension agile

S’il y a bien une chose que l’on retient du No Code c’est sa flexibilité. En effet, cela permet de répondre à un besoin en un temps record et de tester les différentes versions d’un projet.

• Une productivité meilleure

À ce stade de la lecture, vous savez que le No Code est par définition ergonomique et intuitif. Il permet à ses utilisateurs de compléter leurs compétences et ressources web.

Quelle est la place du No Code à l’agence?

Aujourd’hui, nous pensons que le No Code n’est pas encore assez mature pour l’utiliser sur des projets de sites web qui demanderaient beaucoup de complexités et d’interactions.

Or, nous croyons à son potentiel pour concevoir rapidement des outils spécifiques, des mini-sites ou des prototypes pour accompagner la réalisation de projets digitaux.

C’est dans cette vision et avec l’aide de notre partenaire numera.swiss que nous mettons en place ces solutions dans nos divers projets.

Notre vision du No Code

C’est indéniable, le No Code répond à une problématique actuelle : rassembler les ressources humaines en développement peut prendre du temps et représenter des coûts importants. Le No Code est là pour soulager l’utilisateur de cela et simplifier sa vie.

Cependant, il faut garder à l’esprit que comme toute solution, celle-ci n’est pas parfaite ni même adaptée à chaque situation. Les contraintes résident dans divers aspects :

• La marge de fonctionnalités des outils No Code est limitée, c’est pourquoi il faut s’adapter aux possibilités offertes. Personnaliser et procéder à la migration d’un projet digitale peut donc devenir difficile si l’on ne possède pas des connaissances poussées des outils mis à disposition.

• Les modèles de site web proposés par les outils No Code sont majoritairement similaires et par défaut peu innovants. Bien que si l’on souhaite, on puisse créer un site de zéro.

• Utiliser du No Code c’est aussi se rendre dépendant de l’outil et donc de la plateforme choisie. Les problèmes que peut subir cette dernière se répercutent automatiquement sur notre projet. Si la plateforme No Code venait à disparaître, par exemple, cela pourrait engendrer des problèmes significatifs de migration mais aussi de fiabilité. Et, par conséquent, représenter une perte d’argent et de temps non-négligeable.

• Le dernier inconvénient qui pose problème encore aujourd’hui est le code généré par les outils No Code. Il est souvent peu optimisé et offre des performances moindres, à l’inverse donc du développement sur mesure.

Quelques outils

Des outils No Code, ils en existent beaucoup mais votre choix se fera selon vos besoins : application mobile, site web, chatbot.

Ainsi, on retrouve (parmi tant d’autres) les outils suivants :

• Webflow
• Softr
• Airtable
• Adalo
• Glide
• Notion
• Bubble
• PowerApps
• Zapier

Quelques exemples

Webflow, permet de créer des sites web professionnels et personnalisés sans code.

Ex. :

Airtable, permet de développer des applications à des fins de gestion de la relation client.

Ex. :

Zapier, offre la possibilité d’automatiser des tâches quotidiennes et répétitives.

Ex. :

Quel avenir pour le No Code?

Aujourd’hui, les outils No Code sont en pleine expansion et au fur et à mesure que les besoins évoluent l’écosystème autour de ces plateformes s’agrandit également.

Parallèlement à cela, nous croyons fortement qu’il existera toujours une demande en termes de code personnalisé, surtout pour des besoins complexes et précis.

Envie d’en savoir plus sur le No Code? Découvrez notre dernière interview avec Romain Boillat.

Vous avez un projet en tête ? Parlons-en !

Vincent Parisod Associé – Directeur Contactez-nous

The post Qu’est-ce que le No Code? appeared first on 8bit.

Comment as-tu découvert le No Code et qu’en penses-tu?

Pendant notre période universitaire, notre équipe était très active dans le monde associatif. Force est de constater que les budgets étaient limités et les demandes en besoins digitaux (sites web, visuels, applications, …) de plus en plus nombreuses.

Nous devions donc constamment trouver des solutions rapides et peu onéreuses afin de faire avancer les projets. Dans le cadre de nos premiers mandats, nous avons donc cherché à partager ces découvertes avec les différentes organisations de notre réseau. C’est ainsi que nous avons découvert le No Code.

À force de découvrir de nouveaux outils et d’implémenter des solutions, nous avons créé un système collaboratif autour de tous ces nouveaux outils. Dans notre approche, nous considérons le No Code comme une opportunité massive de limiter les dépendances des organisations avec l’externe.

En effet, en termes de capacités techniques avec de la volonté et du temps nous sommes tous aptes à travailler sur des solutions digitales personnalisées. Plus que de simples exécutants, nous pensons que les prestataires doivent apprendre à accompagner les organisations vers plus d’autonomie en matière digitale.

Comment expliquerais-tu cet outil à quelqu’un qui n’a jamais entendu parler de cela?

L’utilisation massive d’internet a rendu la création de sites, de visuels ou d’application accessible à tous. Pour ce faire, il a fallu proposer des interfaces qui permettent aux personnes n’ayant jamais fait de développement web de mettre en place des choses simples et performantes, sans connaissance technique préalable.

Le No Code est l’ensemble de cet écosystème d’outils, qui permettent à quiconque d’entrer dans un monde de création jusque-là réservé aux développeurs.

Qu’est-ce qui t’a amené à le maîtriser et à quel point a-t-il été intégré chez numera pour vos clients?

Lorsque nos clients nous contactent pour des projets qui leur semblent complexes à réaliser par eux-mêmes, notre mission est de leur démontrer qu’en réalité ils en sont capables.

Comment procède-t-on? Au fur et à mesure du projet, nous leur présentons les outils et les étapes par lesquelles nous sommes passées. À terme et avec ce qui a été mis en place, le but est de rendre le client le plus autonome possible.

Quant à la maitrise, notre équipe n’avait initialement pas de compétences dans le domaine du développement. Cette maîtrise du No Code est donc née d’un mélange de curiosité et d’envie d’apprendre. À ce jour, nous avons travaillé sur plus de 200 projets.

Quel conseil donnerais-tu à quelqu’un qui se lance dans le No Code?

D’expérience, la meilleure façon d’apprendre dans le domaine est de se lancer sur un projet à la fois concret et réaliste. Même si ce dernier ne verra jamais le jour, prenez par exemple un projet simple comme un site d’une page.

Le tout doit être suffisamment motivant pour se lancer et dépasser les nombreuses difficultés qui s’immisceront sur le chemin. Il s’agit ensuite d’utiliser la connaissance à disposition, que ce soit à travers des forums, des tutoriels ou des bases de connaissances.

En sommes, il ne suffit pas de se lancer uniquement dans la théorie, il s’agit surtout de pratiquer encore et encore. Afin de résoudre un par un les problèmes rencontrés. Si le projet vous motive suffisamment, les compétences No Code se développeront alors tout seul. Et ce, sans même que vous ne vous en rendiez compte.

À quoi ressemble l’avenir du No Code et comment évoluera-t-il selon toi?

Nous voyons très clairement que les logiciels No Code sont en pleine explosion. Nous en découvrons de nouveaux chaque jour, ce qui nourrit un écosystème de plus en plus complet et performant.

Certes, il existera toujours une demande et un besoin en matière de code personnalisé, surtout pour des besoins singuliers et non généralisables. Néanmoins, pour des raisons principalement budgétaires et de flexibilité, toutes les organisations vont progressivement s’orienter vers ces nouvelles solutions.

Dans les prochaines années, je pense donc que nous allons voir une augmentation rapide et significative des performances de ces différents logiciels. Le No Code a donc de beaux jours devant lui!

Vous souhaitez en savoir davantage sur le No Code ? Découvrez notre dernier article!

Vous avez un projet en tête ? Parlons-en !

Vincent Parisod Associé – Directeur Contactez-nous

The post Interview avec Romain Boillat; sa vision du No Code appeared first on 8bit.

La Conférence intercantonale de l’instruction publique de la Suisse romande et du Tessin est un organisme composé de Conseiller.ère.s d’Etat et Ministres en charge de l’éducation ainsi que de la formation professionnelle dans les cantons suivants : Berne, Fribourg, Genève, Jura, Neuchâtel, Tessin, Valais et Vaud.

Depuis 2018, la CIIP mène un processus fédéral de réforme de l’ordonnance des employé.e.s de commerce CFC. Dans le cadre de ce projet, l’objectif est de produire d’ici la rentrée scolaire 2023 un nouveau moyen d’enseignement utilisable en école professionnelle pour la formation des employé.e.s de commerce CFC.

Nous sommes fiers d’avoir été sélectionnés afin de participer à ce processus et de mettre sur pied ce projet d’envergure nationale.

En effet, grâce à l’étroite collaboration avec la CIIP et aux supports pédagogiques, nous avons pu mettre en pratique et réaliser ce qui était souhaité quant aux nouveaux manuels d’apprentissage CFC employé.e.s de commerce.

Le projet en quelques mots

L’ordonnance fédérale dit que les moyens d’enseignement doivent évoluer et refléter un aspect plus dynamique et numérique.

Nous avions pour mission de revoir la structure des manuels professionnels en rendant la formation davantage digitale et accessible, à la fois pour les élèves et les enseignants.

Pour ce faire, la CIIP nous a fourni comme référence de base le manuel destiné aux apprentis CFC employé de commerce. Base sur laquelle nous nous sommes penchés afin de développer les nouveaux layout.

Dans notre processus de création et mise en page print, nous avons également créé divers éléments comme, par exemple, des illustrations, des infographies ou encore des pictogrammes tout en conservant des ponts avec les aspects digitaux de la formation.

Les nouveaux layout maintenant existants, nous allons continuer notre collaboration avec la CIIP pour l’appliquer aux autres domaines de la formation professionnelle.

Qu’en est-il de la suite ?

Puisque l’éducation ainsi que la formation sont des sujets qui nous tiennent particulièrement à cœur, nous allons également accompagner la CIIP dans le cadre de la deuxième partie du projet.

Celle-ci est essentiellement focalisée sur le développement d’une toute nouvelle plateforme digitale sur laquelle les élèves pourront accéder à des informations supplémentaires quant à leur support de cours.

Restez connectés, nous en parlerons dans un prochain article!

Vous avez un projet en tête ? Parlons-en !

Vincent Parisod Associé – Directeur Contactez-nous

The post Un projet d’envergure, une collaboration en deux temps appeared first on 8bit.

Notre partenaire Numera.swiss a été mandaté pour réaliser l’UX Design et une partie de l’UI du site internet. L’Etat de Genève a ensuite décidé de lancer un appel d’offre, que nous sommes heureux d’avoir gagné, afin de finaliser la partie UI Design et effectuer le développement de la plateforme.

Une transformation importante dont nous sommes très fiers.
Merci à la Cité des métiers et numera.swiss pour leur confiance!

Découvrir le résultat

Vous avez un projet en tête ? Parlons-en !

Vincent Parisod Associé – Directeur Contactez-nous

The post Cité des métiers du Grand Genève : Une nouvelle plateforme! appeared first on 8bit.

Depuis quelques années, la Fondation Asile des aveugles possède un Blog nommé entrevoir, avec divers articles qui traitent à la fois de l’actualité liée à la Fondation et de celle de l’hôpital ophtalmique Jules-Gonin.

Apparition de Bienvu!

Parallèlement à cela, un nouvel élément est récemment venu s’ajouter à cet écosystème éditorial. En effet, lancé en début d’année 2021 par la Fondation Asile des aveugles, Bienvu! est un magazine trimestriel qui propose des sujets autour de la santé visuelle.

Les articles sont accompagnés de dessins de l’illustratrice locale Popy Matigot, ce qui rend le tout davantage ludique et agréable à lire.

Deux entités, une plateforme

Le challenge était de taille puisque nous avons dû faire en sorte d’intégrer le magazine Bienvu! au Blog entrevoir afin que les deux entités puissent coexister ensemble.

Nous avons donc repensé le Blog afin de le rendre plus actuel en proposant plus de clarté à toutes les personnes qui participent à sa rédaction ainsi qu’à tous ses lecteurs. À travers divers axes:

1.1 Une navigation facilitée

Nous avons facilité la recherche pour le visiteur grâce à des catégories principales telles que CHEZ NOUS ou SANTÉ puis des sous-catégories comme Communication ou encore Entretiens par exemple. Puis, afin d’affiner davantage la recherche nous avons pensé à des tags.

1.2 Une structure magazine

L’idée d’intégrer des encarts nous a semblé une évidence. Ils faisaient le lien avec la revue Bienvu! tout en donnant un aspect dynamique à la plateforme.

Il nous a également semblé important de conserver cette idée d’associer chaque édition à une couleur propre, et ce, dans le but de rapidement les identifier sur le Blog.

1.3 Des illustrations intégrées

Une mise en page agréable et vivante grâce notamment aux dessins de l’illustratrice Popy Matigot.

Un nouveau logo

Nous avons également profité de la refonte de la plateforme pour développer une nouvelle identité pour entrevoir. Les points suivants ont inspiré et guidé notre réflexion:

• L’écriture en Braille, d’où les “deux-points”
• L’idée du Blog, “Ouvrez les guillemets”
• La relation entre professionnels et patients
• Un espace de communication où l’on communique des informations et où l’on se met à jour
  

Et l’accessibilité ?

L’accessibilité était au cœur de nos préoccupations dès le début du projet. Nous avons donc apporté une attention particulière à la taille des textes pour les personnes malvoyantes. Le tout en modernisant et uniformisant la façon de rédiger les articles.

Découvrir le résultat

Tous ces changements, nous ont ensuite inspiré pour développer la home page de l’hôpital ophtalmique – Fondation Asile des aveugles. Nous en parlerons prochainement dans un autre article.

Vous avez un projet en tête ? Parlons-en !

Vincent Parisod Associé – Directeur Contactez-nous

The post Création du Blog :entrevoir appeared first on 8bit.

8bitstudio est fière d’avoir été choisie afin de revoir la ligne de communication pour proposer un nouveau site plus accessible à ses visiteurs, et ce n’est que le début…

On se réjouit de vous faire découvrir ce projet en fin d’année. 

Vous avez un projet en tête ? Parlons-en !

Vincent Parisod Associé – Directeur Contactez-nous

The post Un tout nouveau site pour LIRIS appeared first on 8bit.

Parle-nous de ton parcours ? 

Je suis né à Saint-Pétersbourg et j’ai également fait mes écoles là-bas. À part le russe, j’ai appris d’autres langues comme l’anglais, ce qui m’a été très utile plus tard dans ma carrière lors d’échanges avec mes clients.  

Comment es-tu devenu UX/UI Designer? 

J‘ai commencé ma carrière en 1998 lorsque Internet venait à peine de voir le jour en Russie. Imaginez en ce temps, Internet Explorer devait être installé séparément sur Windows 95 grâce à un disque… 

Ça a marqué un avant et un après concernant mon parcours. J’étais très impressionné par le nombre de possibilités qui s’offraient à moi, c’est comme ça que j’ai commencé à étudier tout ce qui touchait au développement Internet et à la conception de Sites Web.

Quelques années après, j’ai voulu mettre à profit toutes ces compétences et par la même occasion les renforcer. C’est là que j’ai intégré une agence en tant que concepteur Web. Ça m’a permis de gagner en expérience mais aussi en compétences pour ainsi devenir UX/UI Designer. Travailler avec les plus grands clients de l’agence a été une expérience super enrichissante.

Par la suite, j’ai eu l’occasion d’évoluer dans diverses grandes agences de ma ville natale, où les projets étaient également de plus grandes envergures.
   
Après avoir évolué plusieurs années en agence, j’ai voulu donner un autre tournant à ma carrière et me diriger vers les start-ups. Continuer à proposer mes idées tout en collaborant avec d’autres entrepreneurs, c’était ça l’idée. Avec un associé, j’ai dirigé deux start-ups et une équipe de 15 personnes. Il y a eu des hauts et des bas, des projets qui ont abouti et d’autres qui n’ont pas fonctionné.

C’est une étape de ma vie qui m’a beaucoup enrichi et qui m’a donné l’envie à mon tour de me lancer en tant qu’indépendant dans la conception numérique. Les missions ont été nombreuses et variées : branding, marketing, sites internet, applications mobiles, etc. Pendant 5 ans, j’ai proposé tous ces services à mes clients et j’ai mis en place divers projets. 

Pourquoi et quand as-tu décidé de venir t’installer en Suisse? 

J’ai toujours été en quête de challenges, et j’ai senti que j’avais besoin d’un gros changement dans ma vie. Comme je n’avais encore jamais eu la chance de travailler avec des entreprises étrangères, et qui plus est européenne, j’ai pensé « Et si on allait habiter ailleurs, découvrir une nouvelle culture et essayer d’avoir une autre qualité de vie? ». Nous avons donc déménagé en Suisse avec ma femme, et cela fait maintenant 3 ans et demi que nous sommes là.  
  
Où trouves-tu ton inspiration? 

À travers ce que font les marques! C’est pour ça que j’aime particulièrement travailler sur un produit, car il y a la facette UI/UX mais aussi packaging de celui-ci. On parle alors d’émotions, de sensations, etc.  

Parallèlement à ça, je m’informe sur ce qui se fait sur les réseaux sociaux, dans le domaine de la musique, le cinéma et sur des plateformes spécifiques comme Dribbble. Je garde quand même une certaine distance avec tout ce que je vois car de nos jours beaucoup de designers créent des concepts incroyables visuellement parlant mais on ne sait jamais s’ils vont réellement pouvoir être exploités sur le marché. Je fais donc en sorte de toujours rester sur la viabilité d’un projet.  
  
Parle-nous d’une période phare et qui t’a vraiment plu dans ta carrière? 

Ma période start-up! Les expériences et la culture y sont vraiment différentes parce que tu dois créer quelque chose de nouveaux plusieurs fois dans la même journée. Tu as également diverses réunions en l’espace de quelques heures et tu évolues constamment dans une ambiance dynamique.

Concrètement, j’aimais ne pas savoir ce qui m’attendait le lendemain et les jours qui suivaient. En parallèle, forcément ça signifie aussi plus de stress car en Russie, mes clients attendaient de moi que je sois super réactif et prêt à rendre leur projet quasiment dans l’immédiat.  
  
Maintenant que tu es chez 8bitstudio, qu’attends-tu de cette nouvelle étape? 

C’est un nouveau départ, l’occasion de découvrir une approche différente du travail sur les divers projets, d’aller à la rencontre de mes collègues et des clients qui parlent français mais aussi d’aborder un rythme de travail et une mentalité différente.

Je suis persuadé que mon expérience me permettra de proposer un travail de qualité tant à l’équipe 8bitstudio qu’aux clients. Il est très intéressant pour moi de comprendre les spécificités locales et de nouer de nouveaux liens ici en Suisse.

Vous avez un projet en tête ? Parlons-en !

Vincent Parisod Associé – Directeur Contactez-nous

The post L’équipe s’agrandit encore! appeared first on 8bit.

8bitstudio est fière d’avoir été retenue pour la réalisation de son site internet. Un défi conséquent puisque l’écosystème du site actuel de l’EPG réunit tous les espaces religieux existants à Genève. Nous devrons donc intégrer cela à notre réflexion pour relever ce super défi qui va nous occuper jusqu’à l’été 2022. 

Vous avez un projet en tête ? Parlons-en !

Vincent Parisod Associé – Directeur Contactez-nous

The post Une nouvelle plateforme pour l’Eglise protestante de Genève appeared first on 8bit.

Hello Greg, raconte-nous un peu ton parcours?

J’ai terminé mon école de graphisme à l’ERACOM en 2009, et tout de suite après j’ai décidé de me lancer en tant qu’indépendant. J’ai fait ça pendant 10 ans, ça m’a apporté pleins de ressources différentes et de belles compétences comme par exemple la relation client ou encore la gestion de projet.

Et puis avec le temps, l’envie de rejoindre une équipe s’est faite ressentir puisque on se retrouve assez seul en tant qu’indépendant finalement et selon moi l’échange est essentiel. Il faut dire que la force d’une équipe permet aussi de faire des projets plus conséquents et c’est pour ça que mon choix s’est porté sur 8bitstudio.

Qu’est-ce qui fait que tu t’es tourné vers le métier de UX/UI Designer?

C’était une évidence! Depuis mon plus jeune âge je suis créatif, j’ai toujours adoré dessiner et c’est d’ailleurs comme ça que tout a commencé. Malheureusement, j’ai vite compris que vivre du dessin allait être compliqué. Il fallait que je trouve un métier créatif et c’est par la suite que j’ai découvert celui de graphiste. Je me sens épanoui dans ce domaine et je trouve génial de pouvoir évoluer dans l’UX/UI au sein de l’agence.

Que fais-tu chez 8bitstudio?

Ça fait 5 mois que je suis là et mon rôle est de designer les interfaces de site web et d’applications.

D’ailleurs, j’ai récemment découvert un super logiciel, Figma, que je ne connaissais pas avant d’avoir intégré 8bitstudio. Je le trouve essentiel, agréable à utiliser et avec un gain de temps incroyable. C’est chouette parce que je me suis vite adapté tant à l’outil qu’à la discipline de l’UX/UI, ce qui facilite maintenant mon approche sur certaines choses.

À ce propos, comment passe-t-on de graphiste à UX/UI Designer?

Je ne crois pas qu’il faille complètement dissocier ces deux mondes. Quand j’étais indépendant et que je travaillais sur des sites internet, je le faisais de manière instinctive tout en collaborant avec un développeur.

Le fait d’avoir intégré 8bitstudio m’a permis de peaufiner et d’apprendre davantages de compétences techniques de façon à accompagner l’utilisateur et être sensible à l’accessibilité.

Toi qui as connu l’indépendance mais aussi le travail en équipe, qu’est-ce qui selon toi définit un « bon » UX/UI Designer?

Avant tout, je pense qu’il faut avoir cette qualité qui fait qu’on est sensible à l’humain tout simplement. Indéniablement, il faut être aussi ouvert à la communication, être à l’écoute des clients, des utilisateurs mais aussi des problématiques existantes. À partir de cette base, on peut établir une stratégie.

Où trouves-tu tes inspirations pour tes projets?

J’adore le cinéma, la musique et l’art. Ce sont des univers qui m’inspirent toujours lors des phases de création. Sans compter les tendances qui vont également influencer mes choix. Et puis, ça fait aussi parti du job mais je me renseigne régulièrement sur ce que font d’autres agences en termes d’interface web, certaines solutions sont très intéressantes.

Et donc, quelle est ta phase préférée d’un projet?

Sans aucun doute la présentation finale! Selon les projets c’est une grosse étape, et je trouve que c’est toujours un sentiment à la fois excitant et stressant, on présente notre bébé au final. Alors quand l’effet waouh se fait sentir c’est très gratifiant.

Vous avez un projet en tête ? Parlons-en !

Vincent Parisod Associé – Directeur Contactez-nous

The post Un nouveau talent rejoint l’agence appeared first on 8bit.

Nous avons d’un côté la synthèse soustractive (papier): en superposant les couleurs primaires cyan, magenta, jaune et noir nous obtenons toutes les couleurs possibles entre le blanc et le noir à l’exception des couleurs fluorescentes ou très vives que les encres Pantone peuvent remplacer.

La synthèse additive (écran), elle, est basée sur la lumière et non la matière. En additionnant le rouge, le bleu et le vert nous obtenons la lumière blanche (d’où la dénomination « additive »).

Dans le design web nous utilisons uniquement les couleurs RVB ou « synthèse additive » car nos travaux ne se consultent que sur des écrans qui fonctionnent avec de la lumière. Toutefois, ces couleurs peuvent être exprimées de différentes façons avec différentes logiques. En général nous utilisons les codes hexadécimaux (composés de six éléments) qui situent la couleur sur un spectre allant du noir (#000000) au blanc (#FFFFFF) en mélangeant lettres et chiffres.

D’autres systèmes existent mais, dans la volonté d’instaurer une nouvelle dynamique en faveur du design-system, nous allons désormais exploiter la dénomination HSL. Voici la description donnée par le site cascade.io sur le sujet: « HSL signifie Hue, Saturation, Luminosity, c’est-à-dire Teinte, Saturation, Luminosité. Ce sont les trois composantes que nous retrouverons dans le code hsl… »

Cela demande une autre conception du spectre de la couleur basée sur un cercle (ou cylindre) donc l’angle indique une position (dans le sens des aiguilles d’une montre) partant du rouge (0°) au vert (120°) en passant par le bleu (240°). Puis, la saturation de la couleur s’effectue du centre (blanc) vers l’extrérieur du cercle (couleur à 100%). Pour terminer il convient d’ajouter une notion de luminosité la notre couleur basée sur un axe central.

Pour comprendre le HSL dans son entièreté, une vue tridimentionnelle est nécessaire. On comprend alors mieux la disposition des 3 composants. On distingue clairement l’axe central allant du noir au blanc que la vision planaire n’offre pas.

Pour décrire cette fameuse couleur en HSL il nous faut utiliser cette description: H= teinte S:= saturation L= luminosité. Voici l’exemple d’un violet: HSL (270, 100%, 50%). La couleur se situe entre le bleu et le rouge, à 100% de sa saturation et à 50% de luminosité (soit une luminosité neutre). Le signe « % » doit toujours être présent même si la saturation ou la luminosité est à 0%.

Dans le schéma ci-dessous (représentant la palette de couleurs sur Figma) il est aussi possible d’ajouter la notion de transparence. Le deuxième tableau représente la même couleur exprimée dans sa dénomination hexadécimale et le troisième sa dénomination RGB.

Cette dénomination demande un petit peu de réflexion au départ mais, comme elle est centrée sur la couleur elle-même dans toutes ses variations, cela donne un meilleur contrôle et permet d’établir des palettes de façon mathématique.

Vous avez un projet en tête ? Parlons-en !

Vincent Parisod Associé – Directeur Contactez-nous

The post Explication des valeurs colorimétriques HSL appeared first on 8bit.

Snackbar

Les « Snackbars » sont des éléments de notification utilisés pour représenter des actions du système. Ils apparaissent pendant un court instant puis disparaissent. Ils fournissent des notifications ou peuvent être accompagnés par un « Call-to-action ». Ils sont utilisés, par exemple, pour valider une suppression dans Gmail. Ou encore, pour aller directement au panier après la sélection d’un article dans une boutique en ligne.

Call-to-action

Le « Call-to-action » ou appel à l’action est un bouton qui va inciter le visiteur à cliquer. Il va déclencher un engagement de la part de l’utilisateur qui clique. Cela peut-être l’inscription à une activité, une newsletter, le téléchargement d’un document ou encore l’ajout au panier d’un article en vente.

Chips

Les « Chips » sont de petits éléments utilisés pour filtrer le contenu, créer des sélections, entrer des informations ou déclencher des actions spécifiques. Les puces peuvent apparaître dans différents éléments de votre interface comme le module de recherche ou les filtres de contenu. Les sites webs comme les blogs utilisent également des puces comme attributs de contenu.

Backdrop

Pour avoir un « Backdrop » il faut avoir un calque en arrière-plan et un en premier-plan. Le terme « Backdrop » désigne la surface inférieure du système qui va afficher du contenu contextuel et actionnable, il va contrôler et avoir un effet sur l’avant-plan.

Stepper

Les « Steppers » sont les indicateurs de progression. Ils sont le plus souvent utilisés pour indiquer le nombre d’étapes lors d’une commande en ligne ou dans un « Onboarding ». Ils ont pour but de montrer à l’utilisateur l’état d’avancement d’un processus et le nombre d’étapes pour le réaliser.

Drawer

Le « Drawer » est un élément qui peut apparaitre après un mouvement de glissement sur le côté ou par clique sur une icône de menu de navigation. Il affiche généralement un menu ou des fonctionnalités liées au profil comme le changement de compte chez Google.

Skeleton screen loaders

C’est le fait d’afficher la structure de la page en Wireframe pendant le chargement des éléments visuels. L’utilisateur a ainsi une sensation d’instantanéité et cela permet de lui donner une idée de ce à quoi ressemblera la page une fois chargée. C’est une alternative au « Loading » ou barre de chargement et réduit la frustration liée au temps d’attente.

Shimmer

Procédé qui permet de représenter visuellement le fait que la page cherche le contenu à afficher. Quand on parle de « shimmers » on pense à l’animation en vague qui existe maintenant sur pratiquement tous les « skeleton screen loaders ». En utilisant cette animation en vague, les utilisateurs percevront la durée de chargement comme plus courte, contrairement aux chargements qui utilisent une animation de pulsation (l’opacité qui disparaît et réapparaît).

Cet article est bien sûr non exhaustif.  Nous vous invitons à garder un oeil sur notre blog pour ne pas rater la sortie de nos prochains articles #DicoUX.

The post Quelques termes importants à connaitre #DicoUX appeared first on 8bit.

Nous sommes fiers d’avoir participé à ce projet et vous invitons à découvrir le site: lesyeuxdesenfants.org

The post Les yeux des enfants, le portail d’information sur la vision des enfants appeared first on 8bit.

Afin de comprendre le défi à relever, les designers doivent poser de grandes questions à chaque étape du processus. Garett Kroll a établi une liste de questions (100 pour être exact) qu’il a trouvées utiles pour des projets couvrant des industries, des appareils et des personnes. Bien qu’elle ne soit en aucun cas exhaustive, elle devrait fournir un cadre pour la réflexion sur la conception à travers les différentes étapes d’un projet.

Réunion de lancement

Afin d’accorder l’équipe de mise en œuvre et les parties prenantes sur la vision et le plan du projet, il faut se poser les grandes questions. Évitez de sauter aux solutions, mais concentrez-vous plutôt sur les problèmes sous-jacents et les idées qui peuvent donner à l’équipe des connaissances fondamentales à concevoir ultérieurement.

• Quel est le problème ou le besoin que nous cherchons à résoudre ?
• Que doit faire le produit ?
• Quelle est l’opportunité commerciale ? (par exemple, acquisition, activation, rétention, recettes, orientation, etc.)
• Quels sont les indicateurs clés de performance (KPI) ?
• Comment définir autrement le succès de ce projet ?
• Comment ce produit s’inscrit-il dans la stratégie globale ?
• Qui sont les utilisateurs ou les clients ?
• Pourquoi est-ce important pour eux ?
• Pourquoi s’en soucient-ils ?
• Qu’est-ce que les utilisateurs essaient de faire ?
• Quels sont leurs points faibles ?
• Comment pouvons-nous atteindre les utilisateurs par le biais de ce processus de conception ?
• Y a-t-il des contraintes (technologiques, commerciales, etc.) ?
• En quoi sommes-nous meilleurs que nos concurrents ?
• Y a-t-il des produits pertinents que nous pouvons examiner ?
• Qui sont les principaux décideurs de ce projet ?
• Existe-t-il une documentation pertinente (personnages, flux d’utilisateurs, etc.) ?
• Existe-t-il des lignes directrices en matière de marque ?
• Existe-t-il un style guide ?

Entretiens avec les parties prenantes

Comprenez mieux l’entreprise et le marché en parlant avec des personnes qui ont un intérêt direct dans l’organisation et le projet. Beaucoup de ces questions peuvent être posées lors des lancements, mais si elles sont posées individuellement, elles peuvent donner de meilleures réponses.

• Quel est votre rôle dans ce projet ?
• Quelle est la seule chose que nous devons bien faire pour que ce projet en vaille la peine ?
• Comment allez-vous, personnellement, définir le succès de ce projet ?
• Quel est le rôle de ce projet dans cette réussite ?
• Quels sont les objectifs que vous devez atteindre dans le cadre de ce projet ?
• Qu’avez-vous essayé qui a/n’a pas fonctionné ?
• Qu’est-ce qui s’est mal passé dans ce cas ?
• Quels sont les principaux concurrents et en quoi vous inquiètent-ils ?
• Comment comptez-vous différencier ce produit ?
• Où voulez-vous que le produit soit dans l’année à venir, dans 5 ans ?
• Qu’est-ce qui vous tient éveillé la nuit par rapport à vos utilisateurs ?
• Quelles hypothèses pensez-vous faire au sujet de vos utilisateurs ?
• Que savez-vous avec certitude sur vos utilisateurs ?
• Quels sont les problèmes les plus courants auxquels vos utilisateurs sont confrontés ?
• Qu’est-ce qui vous préoccupe dans ce projet ?

Recherche sur les utilisateurs

Évitez les risques et les dépenses liés à la création de quelque chose dont les utilisateurs ne veulent pas en comprenant d’abord leurs objectifs et leurs points faibles. Les réponses à ces questions peuvent vous donner le « pourquoi » essentiel du comportement des utilisateurs. Il est préférable de les compléter par des observations (ce que les utilisateurs disent et font peut différer) et des analyses, si elles existent.

Le contexte

• Comment se déroule votre journée typique ?
• Parlez-moi de votre rôle au sein de votre entreprise.
• Quelles sont vos responsabilités quotidiennes ?
• Quelles sont les applications et les sites web que vous utilisez le plus ?

Le problème

• Comment procédez-vous actuellement [problème/tâche] ?
• Cherchez-vous une solution ou une alternative pour [problème/tâche] ?
• Parlez-moi de la dernière fois que vous avez essayé de [problème/tâche].
• Que faites-vous actuellement pour faciliter ce [problème/tâche] ?
• Avez-vous essayé des solutions de contournement pour vous aider à résoudre ce problème ?
• Avez-vous essayé d’autres produits ou outils ?
• Si oui, comment en avez-vous entendu parler ?
• Quel est l’aspect le plus frustrant de [problème/tâche] ?
• À quelle fréquence rencontrez-vous ou accomplissez-vous [problème/tâche] ?
• Combien de temps consacrez-vous à [problème/tâche] ?

Tests des utilisateurs

Validez vos hypothèses et améliorez l’expérience en observant de vrais utilisateurs interagir avec votre prototype ou votre produit. Bien qu’il s’agisse principalement de recueillir des informations qualitatives, il est possible de compléter ces résultats par des réponses qualitatives (par exemple, en les comparant à des mesures de succès).

Premières impressions

• Quelle est votre première réaction à cela ?
• Qu’est-ce qui vous vient à l’esprit en le regardant ?
• Comment cela se compare-t-il à vos attentes ?
• Que pouvez-vous faire ici ?
• À quoi cela sert-il ?
• Avez-vous des questions en ce moment ?
• Pourquoi quelqu’un utiliserait-il ceci ?
• Comment pensez-vous que cela va vous aider ?
• Quelle est la première chose que vous feriez ?

Centré sur la tâche

• Si vous vouliez accomplir [une tâche], que feriez-vous ?
• Que vous attendriez-vous à ce qu’il se passe ?
• Quels sont les aspects les plus/moins importants pour vous ?
• Comment pourrions-nous présenter les informations de manière plus significative ?
• Y a-t-il quelque chose que vous changeriez/ajouteriez/supprimeriez pour améliorer la situation ?
• Quelle a été la partie la plus difficile ?
• Y a-t-il eu quelque chose de surprenant ou d’inattendu ?
• Sur une échelle de 1 à 5, comment [adjectif] était-ce ?

Résumé

• L’utiliseriez-vous aujourd’hui ?
• Qu’est-ce qui pourrait empêcher les gens de l’utiliser ?
• Quel est le prix maximum que vous seriez prêt à payer pour cela ?
• Qu’est-ce que vous aimez ou n’aimez pas, le cas échéant ?
• Si vous aviez une baguette magique, qu’est-ce que vous changeriez ?
• Avez-vous l’impression qu’elle a été conçue pour vous ?
• Est-ce qu’il manque quelque chose ?
• Quels adjectifs utiliseriez-vous pour décrire cela ?
• Sur une échelle de 1 à 5, quelle est la probabilité que vous recommandiez le à un ami ?
• Puisque ce n’est pas terminé, que souhaiteriez-vous voir dans la version finale ?

Examens de la conception

Menées avec d’autres designers ou avec l’équipe de projet dans son ensemble, les revues de conception permettent de s’assurer que le « pourquoi » des décisions de conception est conforme aux objectifs des utilisateurs et des entreprises. Posez ces questions pour mieux comprendre comment un designer est arrivé à sa solution. Une bonne conception exige de l’intentionnalité.

Globalement

• Sur quelle partie de cette conception souhaitez-vous un retour ?
• Quelles sont les contraintes avec lesquelles vous travaillez ?

Design d’interaction

• Qu’est-ce que l’utilisateur essaie d’accomplir sur cet écran ?
• Quel problème cela résout-il ?
• Comment ce design pourrait-il échouer ?
• Comment êtes-vous parvenu à cette solution ?
• Quelle est la version la plus simple ?
• Y a-t-il quelque chose que nous pouvons supprimer ?
• Quelles supposition faites-vous ?
• Pourquoi ?
• Pourquoi cela est-il présenté ?
• Est-ce que cela vaut la peine d’être affiché par défaut ?
• Pourquoi l’écran est-il organisé de cette façon ?
• Pourquoi est-ce une meilleure solution que [modèle de conception établi] ?

Design visuel

• Quelle est votre hiérarchie de fontes ?
• Quels modèles UI utilisez-vous ?
• Quelles règles avez-vous définies pour ces modèles ?
• Y a-t-il possibilité d’être plus cohérent ?
• Quelles sont vos règles en matière de marge et de padding ?
• Quelles règles avez-vous définies pour la palette de couleurs ?

Examens des parties prenantes

Recevez des commentaires clairs, pertinents et utiles de la part des parties prenantes. Ils ne sont probablement pas experts pour vous donner un retour sur le design. Il est donc de votre responsabilité de poser des questions qui les orientent vers les objectifs du projet et les domaines dans lesquels ils sont experts.

• Cela répond-il aux besoins de vos utilisateurs ?
• Est-ce que cela répond efficacement aux [objectifs du projet] ?
• Est-ce que cela répond à toutes les exigences fonctionnelles ?
• Cela reflète-t-il efficacement la marque ?
• Pourquoi [demande de conception] est-elle importante ?

Réflexions sur la séparation

• Suivez les questions avec une bonne dose de « pourquoi » ou « dites-m’en plus ».
• Rappelez-vous ce que vous ne savez pas.
• Pensez à un produit que vous aimez. Puis pensez aux grandes questions que l’équipe de design a dû poser pour arriver à cette solution.

The post Les 100 questions que les designers devraient se poser appeared first on 8bit.

Pour vos prochains projets, nous vous recommandons de concevoir et développer en gardant en tête qu’une partie de vos utilisateurs est en situation de handicap et que l’accessibilité doit être prise en compte dès le départ dans tout projet numérique.

Nous vous laissons découvrir son interview ci-dessous

Manuel est non-voyant et utilise Twitter, YouTube et Yuka tous les jours sur son smarthone. Il nous explique comment ça marche pic.twitter.com/pzVJpE4Slm

— Konbini techno (@konbinitechno) August 13, 2020

The post Comment utiliser son smartphone quand on est non-voyant appeared first on 8bit.