Le parcours représenté par les étagères d’une bibliothèque est constitué de 42 cases. En lançant le dé, vous avancez sur ce plateau virtuel et vous pouvez tomber sur une case « question », sur une case « échelle », qui vous fait avancer plus en avant sur le plateau, ou sur une case « tobogan », qui au contraire vous fait reculer.

Vous incarnez au choix un garçon ou une fille et vous devez répondre à des questions, ouvertes ou à choix multiples, portant sur votre livre préféré ou sur la littérature jeunesse en général.

Les animations du personnage (marche, montée d’échelle, descente de tobogan, victoire) et une série de bruitages (réalisés par nos soins) participent à créer l’atmosphère ludique du jeu.

Ce jeu a été développé en 2 couches distinctes et quasi-indépendantes : la couche graphique et la couche logique. Il pourra donc être très aisé d’en reprendre la structure et de l’adapter à un univers visuel ou un projet entièrement différent.

Notre mission reposait sur 3 objectifs:

• concevoir un design plus contemporain en adéquation avec la nouvelle charte graphique du festival
• imaginer une navigation plus légère tout en conservant l’ensemble des contenus du site précédent
• intégrer les outils de partage (partage facebook, twitter, myspace, envoi à un ami, flux RSS) aujourd’hui indispensables sur un site de contenu et de promotion comme celui du festival.

Les maquettes ont ensuite été livrées au prestataire technique qui a procédé à l’intégration et au développement.

Voir le site du Festival Paris Cinéma.

Le site que nous avons développé est un site communautaire profitant de la fonctionnalité Facebook Connect pour s’inscrire et s’identifier rapidement grâce à son compte Facebook.

Chaque groupe peut ainsi créer son profil en téléchargeant son avatar (photo personnelle ou avatar facebook), renseigner sa biographie, ses influences, ses sites internet (myspace, twitter, facebook, blog). Après avoir téléchargé le mp3 de sa reprise de Get Around Town, le groupe ou le chanteur apparaît dans la liste des morceaux participant au tremplin musical et sa reprise est soumise aux votes des internautes. Un bouton « Partage sur Facebook » permet de faire monter le buzz autour d’un groupe ou d’un chanteur en particulier.

Le site est principalement développé en XHTML/CSS et PHP/MySQL. Les modules d’écoute et de parcours des morceaux ont été développés rapidement grâce au framewok Flex et sécurisés grâce à Flash Media Server. Enfin, comme annoncé plus haut, le site Smerep Music Live utilise largement l’API Facebook Connect pour les inscriptions et les identifications.

Un back-office offre à chaque membre du jury une interface simple et légère pour écouter les soumissions des participants, faire sa sélection, et retenir enfin le gagnant du concours.

Tout commença lorsqu’un site recensant les plus beaux thèmes WordPress cita le blog de lignetreize. Une publication qui eu pour effet d’attirer l’attention des graphistes et webdesigners sur ligne13.com… et de faire boule de neige : nous vîmes ainsi se multiplier les posts liant vers notre site, ici pour son design spatial, là pour le graphisme de son footer ou l’originalité de son skin WordPress.

Une publicité inattendue qui ravit Louise, notre DA, et contribue, aujourd’hui encore, à faire grimper nos visites comme notre pagerank. En guise de remerciements, une petite longue liste de liens pointant vers tous nos prescripteurs :

• advancedweb.fr – Découvrez le portfolio de l’agence lignetreize
• designbombs.com
• designreviver.com – 20 sites using amazing lighting effects
• designshard.com – 25 examples of light and space effects in web design
• instantshift.com – perfect ending of modern website design footers
• welovewp.com
• designyourway.net – weekly 30 inspirational websites
• hv-designs.co.uk – 20 examples of impressive footers
• dejurka.ru – light and space effects in design/
• cssillustrated.com
• designfridge.co.uk
• designophilie.com
• blogdesignlab.com
• webinspir.com
• sj33.cn
• stephenkui.com – 20 amazingly designed and unknown wordpress sites
• wpfloat.com
• csswow.com
• edesignerz.net – 20 sites using amazing lighting effects
• guidesigner.net – best collection of wordpress business themes
• orcunkilic.com – 10 muhtesem modern footer tasarimi
• wpcrowd.com – business themes in wordpress
• orcunkilic.com – 10 muhtesem modern footer tasarimi

Ce nouveau site en Flash présente le plus célèbre des pastis : son histoire, des idées recettes et cocktails, les secrets de fabrication. Tout cela au travers d’une interface animée et ludique. Et pour être certain de toujours pouvoir commander un Pastis où que vous vous trouviez dans le monde, n’oubliez pas de faire un tour sur la page « Dites 51″ où vous apprendrez par exemple que 51 se dit « wouche i » en chinois ou « pitdissiat adine » en russe.

Un club et une boutique

La boisson a ses afficionados et ceux-ci seront comblés en allant dans le Club pour découvrir les toutes dernières actualités et participer régulièrement à des concours pour gagner des lots inédits. Une boutique sera très bientôt mise en ligne pour commander les produits dérivés de la marque : bobs, parasols, carafes, etc, à portée de clic !

Nos prestations

• Conception graphique et ergonomique
• Intégration et animations Flash
• Développement Flash
• Mise en place de notre BAKO pour la gestion des contenus dynamiques, des concours et de la boutique.

Si vous êtes majeur rendez-vous sur pastis51.fr !

Le site que nous avions réalisé en 2008 devait suivre un objectif d’évolutivité pour les saisons prochaines. Pari réussi avec la mise en ligne rapide du site de la nouvelle saison 2009 : l’architecture du site reste la même, toujours aussi complète, seul le design a changé. Grâce à une structure HTML et CSS bien pensée, le site peut revêtir facilement un nouvel habillage graphique.

Quelques modifications mineures ont tout de même été apportées à certaines pages, afin d’améliorer l’ergonomie du site et l’expérience utilisateur.

Un BAKO tout neuf en 3 clics !

Et oui, notre BAKO, l’outil de gestion de contenu « hand-made » by lignetreize, est également évolutif. Il a parfaitement géré la saison 2008 en répondant aux besoins éditoriaux du festival. En 3 clics (ou à peu près), nous avons installé une nouvelle instance identique du BAKO pour la gestion de la saison 2009. Pas de surcoût pour cette opération de maintenance standard.

Nouvelle identité visuelle, nouvel habillage graphique

Le festival voulait que son site soit un investissement, pas un puits sans fonds à combler chaque année. C’est pourquoi, dès le début de notre collaboration en 2008, il évoquait le désir d’avoir un site évolutif. Une structure identique chaque année pour la gestion de la programmation et des pages de contenus, mais un habillage nouveau aux couleurs de chaque nouvelle saison. 2009 est la preuve que ce système est possible et que le site du festival est un réel investissement pour l’avenir.

Disposant de leur propre CMS (outil de gestion de contenu), nous ne sommes intervenus que sur la conception graphique et sur l’intégration des pages HTML.
Le site est aux couleurs de l’univers de l’artiste : pots de peintures flashy dégoulinants, objets insolites disséminés ça et là, polaroïds psychédéliques, les fameux cupcakes et donuts qui fascinent le chanteur.

Vite ! Tous sur sliimy.com !

Warner Music nous a fait confiance pour la conception et la réalisation d’un jeu-concours en Flash lancé en même temps que la sortie de l’album de Sliimy : le Sliimy’s Magic Game

Parmi les différentes propositions que nous avions soumises, c’est un concept dont le gameplay s’inspire du très populaire Guitar Hero qui a été retenu. Un jeu de rythme sur fond de « Wake Up », le premier single de Sliimy, et 4 touches de clavier pour jouer les « notes » en collant précisément à la cadence de la bande son.

L’univers du jeu s’inspire de celui de l’artiste : couleurs flashy, dessins naïfs et en guise de décor une Cupcake Factory où Sliimy va pouvoir goûter à toutes les variétés existantes de cupcakes, ces petits gateaux multicolores à la crème onctueuse dont il raffole. Le single « Wake Up » donnant le rythme, le joueur devra jouer du clavier pour tenter de récupérer, lorsqu’ils passent à portée, les cupcakes qui défilent sur les tapis roulants de l’usine.

Création graphique totale et originale

Afin de coller à l’univers fantasque et amusé de Sliimy tout en reprenant la direction graphique des petites créations que lui-même poste sur son blog et son myspace, nous avons pris le parti d’une charte graphique entièrement dessinée à la main et vectorisée. Un décor très cartoon, du design à l’animation, habité par un Sliimy tantôt rieur, tantôt désapprobateur, selon que les performances du joueur.

Développement AS3

Premier projet majeur de lignetreize en Actionscript 3.0, ce jeu a été développé de manière à pouvoir être facilement réexploité pour d’autres chansons, d’autres univers graphiques, et donc d’autres artistes…

Fonctionnalités virales

S’ajoutant à la promotion externe, nous avons mis en place quelques outils destinés à soutenir la viralité du projet :

• défier un ami : en fin de partie, le joueur peut envoyer son score à un de ses amis pour l’inciter à venir jouer et tenter de le battre.
• inviter un ami, d’autant plus motivant qu’un concours est adossé au jeu.

A vous de jouer !

Rendez-vous sur le Sliimy’s Magic Game, inscrivez-vous et tentez de ganger un iPod Touch, un album dédicacé ou des goodies Sliimy !

Le team Proride est notamment constitué de Candide Thovex, Guerlain Chicherit, Antoine Auriol, Kevin Rolland.

Notre intervention

• Création du nouveau logo de l’agence.
• Conception graphique du site.
• Développement PHP.

Le site est entièrement dynamique, alimenté en contenus – textes et visuels – par BAKO, l’outil d’administration made by lignetreize. Il intègre également une solution de paiement sécurisée, ici via Paypal, destinée à la commercialisation du DVD Early Times d’Antoine Auriol.

Zone Franche, le réseau des musiques du monde, est une association qui compte plus de 180 structures réparties dans plus de vingt pays. Une centaine en France, plus de quarante en Afrique, une vingtaine en Amérique du Nord, aux États Unis et au Canada, et encore une vingtaine en Europe (Hors pays francophones), Allemagne, Pays Bas, Italie… Se regrouper au sein du réseau Zone Franche leur permet d’échanger, de s’informer et d’agir ensemble.

Notre intervention

Le nouveau site de Zone Franche est un réseau social animé par les personnalités du réseau, les structures adhérentes, les partenaires. Chacun, via sa fiche personnelle, peut diffuser son actualité, présenter son activité, contacter d’autres membres et se constituer son propre réseau dans le réseau.

Grâce à l’utilisation de notre outil d’administration, le BAKO, et au développement d’une interface des gestion dédiée aux utilisateurs du site, nous avons offert à Zone Franche un contrôle total sur les contenus et les fonctionnalités du site. Le BAKO offre également un outil de génération et d’envoi de newsletters aux membres du réseau (plus de 500 destinataires).

Soutenu par l’utilisation de services tiers (API Google Search, Google Maps, JW Player) et de la technologie Ajax, le site offre une expérience utilisateur complète, moderne et facile.

D’autre part, à l’occasion de la refonte complète du site, nous avons également conçu le nouveau logo de l’association.