Notre concept

Internet ne portait-il pas à l'origine la promesse de faire tomber les frontières et nous faire rencontrer facilement de nouvelles personnes pour partager nos passions, nous divertir, débattre ?

La réalité est bien différente : nous restons relativement cloisonnés. Nos amis Facebook faisaient déjà quasiment tous partie de nos connaissances, et la plupart des sites de rencontre sont focalisés sur les rencontres amoureuses...

Nous sommes une équipe constituée de profils divers (créatif, technique, juridique, communicant), avec une mission qui, paradoxalement, n'est pas partagée par tant d'entreprises que cela :

Professionnels

Nous pouvons vous faire bénéficier de nos conseils et de nos réalisations pour mieux communiquer avec vos clients sur le web.

Internautes

Rejoignez notre communauté, JungleDee​.

Nous y testons nos innovations, nous discutons avec vous pour connaître vos attentes et notre challenge est de vous proposer petit à petit un espace où vous retrouverez sur le web l'esprit des soirées entre amis.

Nos Savoir-faire

Communautés internet

Communities be887bee0b6943eed084decaddbf0a4a31f39cbe8b6bef92c119635015865c91

Nous vous conseillons pour mettre à profit votre communauté afin d'obtenir retours et bonne réputation.

Nous vous aidons à faire émerger une communauté de clients si vous n'en possédez pas.

Espaces de discussion

Discussions 097267395fad3d245b656b427b021332d26b07412e8d3a1b90e26de900ab6f28

Nous proposons des espaces clé en main pour vos clients ou votre communauté.

Nous vous aidons à modérer vos espaces déjà existants.

Il n'est pas si facile d'avoir des conversations ou débats intéressants sur internet. Il faut faire face à certaines personnes venues se défouler, sous couvert d'anonymat, en déversant des messages injurieux ou extrêmes. Il faut aussi arriver à briser les barrières et réticences pour faire discuter ensemble des inconnus dans le respect de l'autre. Résultat : nous restreignons en majorité nos conversations web à nos proches, via Facebook ou l'email.

Les solutions classiques que nous connaissons tous, et sur lesquelles tout le monde se repose (forum, tchat, commentaires de blog) montrent vite leurs limites et ont besoin d'un bon dépoussiérage.

Chez Toxicode, nous disposons d'un espace de discussions, nommé JungleDee, qui nous sert à expérimenter des innovations dans l'ergonomie et la modération.

Jeux de société temps réel

Web games 2cf446816323f12454faa2445bb8e8f89673eee56864db4318685de45814e65c

Nous concevons des jeux en temps réel conviviaux autour de votre marque ou pour vos communautés.

Nous adaptons sur internet le jeu de société que vous avez créé.

Les jeux dits "sociaux" sont très à la mode. Mais nombre d'entre eux n'offrent au final que peu d'interactions entre les joueurs. Chez Toxicode, nous préférons l'esprit et la convivialité des jeux de société : l'intérêt vient davantage des liens de complicité qui se tissent entre les joueurs que du jeu lui même.

Nous développons actuellement une solution technique en Javascript permettant de créer et d'héberger facilement des jeux multi-joueurs en temps réel. Pour le moment nous avons quelques jeux de test (le petit bac, la photo mystère...), et nous organisons régulièrement des parties avec notre communauté pour recueillir des commentaires.

Réalisation de sites web

Http f1986dd71fba17710b5aae8b05adb0ff2633e1e6b08fb368395358ee3f9e991e

Nous réalisons votre projet de site internet sur mesure.

Notre activité principale, c'est l'innovation... mais nous pouvons tout aussi bien réaliser vos projets de sites web plus "classiques" !

N'hésitez pas à nous contacter pour un devis.

Innovation

Innovation 65aeeacc69a2e2edc4446596eb276d409c1931e48af46c742e2fb826fb747a29

Nous n'hésitons pas à remettre en question les solutions d'hier.

Il y a différentes manières de faire de l'innovation. Chez Toxicode, une de nos approches privilégiées c'est de ne pas hésiter à remettre en question les solutions déjà bien établies : tout le monde fait comme ça ? D'accord, mais pourquoi ne pas tester autre chose ? Quelles alternatives ? Comment apporter un regard neuf ?

Sur le web, nous avons par exemple été frappés de constater que les forums et les salons de tchat se ressemblent quasiment tous : ce sont devenus de grands classiques qui n'ont presque pas changé en 10 ans... alors qu'à nos yeux il y a tant à faire.

"Améliorer la communication entre les internautes" : la mission que nous nous sommes donné touche à de nombreux domaines. Technique / marketing / sociologie / nouveaux usages... c'est donc naturellement dans ces différents domaines que nous nous efforçons d'innover.

Marketing centré sur le client

Marketing b879ba97600e7cbcc5e533fda033f86381e232378493e79069ac8761bbf03fe8

Nous vous conseillons pour réagir aux critiques à votre encontre sur internet.

Nous vous aidons à créer un contact privilégié avec vos clients.

Le respect du client final est plus que jamais primordial sur le web. L'internaute a gagné en puissance, peut s'exprimer partout, critiquer votre marque sur les forums ou les sites de recommandations, et il ne se privera pas de le faire.

Trop d'entreprises ont encore peur de se confronter réellement à leurs clients, n'osent pas avoir de réelles discussions avec eux, et se cantonnent à du marketing de masse traditionnel, qui montre tous les jours ses limites.

Pourtant, les entreprises qui sautent le pas se rendent compte qu'il n'est pas si difficile de transformer des clients en ambassadeurs et de générer du bouche à oreille positif. Nous pouvons vous accompagner dans cette démarche.

Vous trouverez sur notre blog quelques articles sur ce thème.

W1siziisijiwmtqvmtavmjgvmdkvmdqvmtivmtmwl21hcc5qcgcixsxbinailcj0ahvtyiisijmwmhgzmdaixv0?sha=b3677dbe84f6c4be

Cartes pour les élections 2012

Accéder au projet

Au cours de précédents projets, nous avons acquis une bonne expérience dans le traitement et l'affichage de données cartographiques.

Nous avons décidé, lors des élections présidentielles et législatives, de les mettre à l'oeuvre pour générer des cartes de résultats.

Les cartes affichées traditionnellement dans les médias sont un peu toutes pareilles, et selon nous pas toujours très efficaces niveau lisibilité (par exemple le Front National et l'UMP sont souvent affichés dans des teintes proches, ce qui rend difficile de les distinguer au premier coup d'oeil).

Nous avons donc voulu nous démarquer un peu, en travaillant sur les codes couleurs, mais aussi en proposant des cartes inédites : où sont les candidats dits "régionalistes" ? en quelle position arrive le Front National ? dans quelles circonscriptions votre voix compte-t-elle le plus ?

Étant les seuls à proposer une carte des résultats du Parti Pirate, ça nous a valu d'être repris par un grand nombre de médias.

Côté technique, ces cartes sont des images générées en HTML5 par un mélange de Canvas et SVG, à partir de données servies par un programme en ruby.

Cette section "élections" était une sorte de démonstration de nos savoir faire, n'hésitez pas à nous contacter pour des projets de cartes, ou plus généralement d'affichage de gros jeux de données.

W1siziisijiwmtqvmdmvmtmvmtqvmzmvmtevmjqyl21pbmvjcmfmddjelnbuzyjdlfsiccisinrodw1iiiwimzawedmwmcjdxq?sha=26e50c951bd45919

Démo full CSS - Minecraft 2D

Accéder au projet

Pour cette mini démo, le défi technique était de montrer jusqu'où on peut aller en HTML et CSS sans utiliser un seul bout de JavaScript

Attention : ne tourne que sur Chrome (Firefox et Internet Explorer n'acceptent pas certaines instructions CSS employées).

Le code source est affreux, long et redondant, mais le rendu final est fonctionnel, preuve qu'on peut créer des comportements complexes en CSS.

Évidemment, la même chose réalisée avec du JavaScript serait énormément plus courte, plus élégante, et facile à programmer.

W1siziisijiwmtqvmtavmjgvmdkvmdevmdevmjmwl3ryawfuz2xllmpwzyjdlfsiccisinrodw1iiiwimzawedmwmcjdxq?sha=872558c1ef2d6e09

Triangle de Sierpinski

Accéder au projet

C'est fascinant comme souvent des règles très simples peuvent engendrer des structures complexes...

Cette démo construisant le triangle de Sierpinski en est un exemple typique.

En jetant un oeil au code source, les non programmeurs d'entre vous pourront déjà constater qu'il ne faut pas plus de quelques lignes de code pour générer cette image (seules 7 de ces lignes concernent vraiment la recette de fabrication, le reste est du pur affichage).

Les programmeurs, à vous de décortiquer le code pour comprendre la recette... ce que vous découvrirez vous étonnera probablement : il n'y a pas de fonctions récursives.

W1siziisijiwmtqvmdmvmtkvmdavmjivmtivnzyvymxhy2tfym94lnbuzyjdlfsiccisinrodw1iiiwimzawedmwmcjdxq?sha=35545077b2e26797

The Black Box

Accéder au projet

Dans ce petit jeu, initialement prévu pour mobile et réadapté pour le web, une boîte mystérieuse prend des nombres pour les transformer en d'autres nombres. À vous de deviner la règle !

Derrière ce concept simple, il y a une démarche éducative. Nous essayons de faire adopter au joueur une démarche scientifique : il observe un phénomène et essaie de comprendre la règle qui le régit. Il échafaude une théorie qui si elle est valide devrait, comme en sciences, l'aider à faire des prédictions.

Côté technique, ce jeu est codé en HTML, JavaScript et CSS, et ne présente pas de difficulté notable de réalisation.

W1siziisijiwmtqvmdmvmdkvmjavmdavmjqvmzyvy3nzx21py3jvz2ftzs5wbmcixsxbinailcj0ahvtyiisijmwmhgzmdaixv0?sha=227f0d3b4b2f0609

CSS micro game

Accéder au projet

Voici une (très) petite expérimentation. Le défi était de réaliser un jeu en HTML / CSS, sans JavaScript, avec un code minimal.

Si vous êtes développeur, vous serez probablement intéressés par jeter un oeil au code source.

Pour les autres visiteurs, passez votre chemin : outre le côté prouesse technique, le jeu n'a pas vraiment d'intérêt...

W1siziisijiwmtqvmdmvmtkvmtgvmzavmtqvmjqxl3bhcmfsbgf4zxmucg5nil0swyjwiiwidgh1bwiilcizmdb4mzawil1d?sha=014daf1539f6cb2e

Demo - parallaxes avancées

Accéder au projet

Cette réalisation date déjà de quelques années. Pas mal d'astuces CSS et JQuery avaient dû être utilisées à l'époque pour faire ce système de navigation commandé par un gros site, à partir de graphisme qui nous étaient fournis.

Avec un travail important sur les finitions des effets et sur la compatibilité, qui devait être large.

Parmi les points délicats : le changement de couleur des titres lorsque le rectangle de navigation passe partiellement dessus, ou les effets de survol sur du contenu d'arrières plan (alors qu'il y a des DIV au premier plan qui empêche d'utiliser :hover CSS).

W1siziisijiwmtqvmdmvmtkvmtgvndkvntkvnjg4l3plzwd6ywcucg5nil0swyjwiiwidgh1bwiilcizmdb4mzawil1d?sha=adf420804877a361

Zeegzag

Accéder au projet

Voici un petit jeu adapté aux mobiles, et pour lequel les contrôles sont minimalistes : un tap ou un clic fait changer la chenille de direction. Elle doit éviter les coccinelles.

Côté technique, c'est du HTML5, avec Canvas et JavaScript.

W1siziisijiwmtqvmdmvmtkvmdavmjkvndevodavc2vjb25kc19ndwvzcy5wbmcixsxbinailcj0ahvtyiisijmwmhgzmdaixv0?sha=bceacff4ae43f847

Seconds-Guess

Accéder au projet

Jeu réalisé par Pierre dans le cadre du Ludum Dare, compétition mondiale pour laquelle chaque participant doit créer seul et entièrement un jeu en 48h, sur un thème annoncé au dernier moment.

Le thème de cette édition était "10 seconds", et le jeu porte sur la perception du temps.

Il a été bien classé parmi les 1436 jeux soumis, notamment dans les catégories :

  • Utilisation du thème : 6 ème
  • Musique et audio : 7 ème
  • Caractère innovant : 58 ème
  • Général : 63 ème

Pour la technique, il s'agit de HTML et JavaScript, les animations et le style étant purement CSS3 (pas de Canvas). Plus de détails ici.

Pour ce genre de concours, où l'on crée sous pression en temps limité, porter une attention à la qualité du code est plutôt superflu, mieux vaut foncer. Ceci dit, ça peut être aussi vu comme une bonne occasion d'essayer de nouvelles choses, de nouvelles façons de coder, de se mettre en difficulté.

Là, ce fut l'occasion d'expérimenter une architecture très centrée sur de l'événementiel, en découplant un maximum les composantes : moteur du jeu, niveaux, rendu graphique.

Le code source est plutôt propre, et disponible sur Github.

W1siziisijiwmtqvmdmvmjivmtkvmdcvmtevndgyl2f4ys5wbmcixsxbinailcj0ahvtyiisijmwmhgzmdaixv0?sha=ff0ee18907a09e10

Eureka - Pour satisfaire vos clients

Accéder au projet

Nous participons de temps en temps à des hackathons, comme celui d'AXA, dédié à la relation client.

Notre proposition a été nominée et présenté à deux reprises à des responsables d'AXA France.

Il s'agit de proposer aux clients de soumettre des idées pour améliorer les services, et de voter pour celles qu'ils soutiennent. Bien que le principe soit simple, ce sont les détails d'implémentation et la politique de communication avec les clients qui détermine le succès d'une telle initiative.

Un exemple de projet de ce genre qui a bien réussi, c'est Ideastorm de Dell, qui leur a permis il y a quelques années de renverser la mauvaise réputation qu'ils commençaient à avoir au niveau de leur service client.

Techniquement, notre projet est en HTML5, interfacé avec Salesforce.

W1siziisijiwmtqvmdmvmtkvmtuvmdgvmtkvnzc4l1njcmvlbl9tag90xziwmtrfmdnfmtlfyxrfmtyumdcumjyucg5nil0swyjwiiwidgh1bwiilcizmdb4mzawil1d?sha=75fc83261c406dd2

Demo - Canvas vidéo

Accéder au projet

Avec cette démo, nous voulions savoir si l'on pouvait reconstruire une animation avec l'api Canvas à partir d'une suite de d'images exportées d'une vidéo, et quelle fluidité et vitesse de chargement ça nous donnerait.

Fiole 3

Circonscriptions Législatives

Accéder au projet

A l'occasion de l'établissement de nos cartes pour les législatives, nous nous sommes rendus compte que les limites géographiques des circonscriptions ne sont disponibles gratuitement nulle part (l'IGN et le ministère de l'Intérieur de les fournissent pas).

Un travail assez fastidieux, mais heureusement accéléré par nos outils interne de cartographie, a alors été entamé pour reconstruire ces contours, afin de proposer nos cartes.

Un des buts de cette opération, pour Toxicode, était de pouvoir proposer en exclusivité nos cartes aux médias, qui en étaient logiquement dépourvus aussi.

Ayant lancé tout ça pas plus de 3 semaines avant les législatives, et sans grande connaissance du milieu des rédactions des grands journaux, nous n'avons au final pas réussi à tirer de profit financier de nos efforts.

Nous avons alors décidé de mettre ses données à disposition du public, gratuitement sous licence OpenData.

Depuis, ces données ont été utilisées par des initiatives comme le site Nos Députés, mais aussi reprises ici ou sur la plateforme gouvernementale data.gouv.

La licence que nous avons associée à nos données permet un usage gratuit, à condition de citer les sources. Au vu des centaines de téléchargements que nous avons enregistrés, il semblerait que de nombreux utilisateurs n'aient pas joué le jeu... il nous est d'ailleurs arrivé de tomber par hasard sur des cartes dans la presse établies avec notre jeu de données, sans nous citer. Pas très fair play...

Voici, sans ordre particulier, quelques expérimentations techniques et idées que nous développons dans la partie labo de Toxicode.
W1siziisijiwmtqvmtavmjgvmdkvmdqvmtivmtmwl21hcc5qcgcixsxbinailcj0ahvtyiisije3mhgxnzajil1d?sha=960fb6acef7686f9
Cartes pour les élections 2012
W1siziisijiwmtqvmdmvmtkvmtgvmzavmtqvmjqxl3bhcmfsbgf4zxmucg5nil0swyjwiiwidgh1bwiilcixnzb4mtcwiyjdxq?sha=8a3ef4aa50e4fb26
Demo - parallaxes avancées
W1siziisijiwmtqvmtavmjgvmdkvmdevmdevmjmwl3ryawfuz2xllmpwzyjdlfsiccisinrodw1iiiwimtcwede3mcmixv0?sha=507fcbaab1a178ed
Triangle de Sierpinski
W1siziisijiwmtqvmdmvmtkvmtuvmdgvmtkvnzc4l1njcmvlbl9tag90xziwmtrfmdnfmtlfyxrfmtyumdcumjyucg5nil0swyjwiiwidgh1bwiilcixnzb4mtcwiyjdxq?sha=b31355c9632fdc65
Demo - Canvas vidéo
W1siziisijiwmtqvmdmvmjivmtkvmdcvmtevndgyl2f4ys5wbmcixsxbinailcj0ahvtyiisije3mhgxnzajil1d?sha=b7cf8e33a93aeee0
Eureka - Pour satisfaire vos clients
W1siziisijiwmtqvmdmvmtmvmtqvmzmvmtevmjqyl21pbmvjcmfmddjelnbuzyjdlfsiccisinrodw1iiiwimtcwede3mcmixv0?sha=528439529704ddc4
Démo full CSS - Minecraft 2D
W1siziisijiwmtqvmdmvmtkvmtgvndkvntkvnjg4l3plzwd6ywcucg5nil0swyjwiiwidgh1bwiilcixnzb4mtcwiyjdxq?sha=ab7c1c9e53b0bbbc
Zeegzag
W1siziisijiwmtqvmdmvmtkvmdavmjivmtivnzyvymxhy2tfym94lnbuzyjdlfsiccisinrodw1iiiwimtcwede3mcmixv0?sha=c020407bca4ba68f
The Black Box
W1siziisijiwmtqvmdmvmdkvmjavmdavmjqvmzyvy3nzx21py3jvz2ftzs5wbmcixsxbinailcj0ahvtyiisije3mhgxnzajil1d?sha=3e013b8bc539ca6f
CSS micro game
Fiole 3
Circonscriptions Législatives
W1siziisijiwmtqvmdmvmtkvmdavmjkvndevodavc2vjb25kc19ndwvzcy5wbmcixsxbinailcj0ahvtyiisije3mhgxnzajil1d?sha=d93621bfb9bec951
Seconds-Guess