L’application intègre des illustrations originales dessinées par Floriane Le Roux, DA chez lignetreize, pour la composition des menus et propose différents graphiques de résultats pour analyser la consommation carbone.

Il est possible d’imprimer ses résultats en PDF et d’utiliser l’application en plein écran.

L’outil a été développé avec le Framework Flex et compilé en éxécutable Mac et PC.

• Création graphique
• Un zeste de HTML 5 pour l’animation de la page d’accueil, qui devient donc compatible avec les plateformes Apple iOS (iPad et iPhone)
• Développement du site
• Mise en place du BAKO, notre CMS complet (arborescence et pages dynamiques, SEO) et modulaire (modules personnaliés répondant exactement aux besoins du client: gestion du catalogue des réalisation par exemple)

D’autres projets sont en cours avec Sonepro, abonnez-vous à notre flux RSS pour en être informé ou suivez-nous sur Facebook ou Twitter !

Découvrez les oeuvres de ces artistes à travers les galeries disponibles sur le site, ou à travers une page All Images où vous trouverez l’ensemble de toutes les photos.

Visionnez les films des réalisateurs gérés par l’Agence sur les galeries vidéos.

Au gré de votre visite, construisez votre propre galerie, téléchargez-la ou envoyez-la à vos amis !

Restez connecté aux actualités de l’Agence en souscrivant au RSS de leur blog ou en devenant fan sur Facebook.

Particularités techniques:

• Pas de Flash ! totalement compatible iPhone et iPad.
• Contenus et arborescence entièrement administrables via notre CMS, le BAKO.
• Optimisation pour le référencement avec les réécritures d’URL et la gestion des meta.
• Un vrai outil de blog intégré au CMS.
• Un outil complet de génération de newsletters HTML (création d’articles ou import d’articles du blog).

Cette stratégie de renaissance implique bien évidemment aujourd’hui un nouveau site internet et une communication efficace sur les réseaux sociaux.

Ainsi le groupe AMI nous a confié la conception graphique et la réalisation technique du site officiel de Vuarnet. C’est grâce à une collaboration efficace avec le staff de Vuarnet/AMI que nous avons élaboré ce nouveau site, au design moderne et à l’ergonomie parfaite.

Le site présente l’actualité de la marque, ses produits, son histoire et la valeur ajoutée de ses lunettes. Le tout dans 2 langues: le français et l’anglais.

Tous les contenus sont évidemment administrés par le client grâce à notre CMS sur mesure, qui permet également une optimisation du site pour le référencement.

Ce site davantage institutionnel sera complété très prochainement par un blog destiné à mettre en avant l’actualité et les ambassadeurs de la marque: Guerlain Chicherit, champion du monde de ski Freeride, Antoine Auriol, champion du monde de kitesurf, et le tout nouveau team français de Street Golf. Nous travaillons en relation directe avec nos amis de l’agence Proride (X-treme Sports Agency) qui nous livrent des contenus vidéo et des images magnifiques.

Fonctionnalités notables du site:

• Catalogue totalement dynamique via Ajax et jQuery: démonstration.
• Intégration d’une Google Map des shops revendeurs entièrement dynamique et interactive: trouver le shop Vuarnet près de chez vous !
• Intégration du plugin Facebook Like sur les pages des produits Vuarnet: exemple.
• CMS permettant la gestion des contenus texte, image, vidéo, en 2 langues: site français, site anglais.
• Intégration du service Google Analytics pour des rapports complets sur les statistiques de fréquentation.
• et bien d’autres encore !

Partenaire du Théâtre du Châtelet, Jeanine Roze Production nous a confié la refonte de son site internet.

L’occasion pour nous de mettre en place la toute dernière version de notre CMS qui permet une administration complète du site et de ses contenus par le client.

Nos prestations:

• Conception du cahier des charges
• Conception ergonomique
• Création graphique, reprenant la charte de la brochure de la saison
• Intégration HTML/CSS
• Développement Javascript
• Développement PHP/MySQL
• Mise en ligne
• Formation à l’utilisation du CMS

La SMEREP, mutuelle étudiante, et EMI Music France, organisent pour la deuxième année consécutive, un tremplin musical ouvert à tous les chanteurs et groupes amateurs. Ce jeu-concours, baptisé Smerep Music Live, propose cette année de reprendre la chanson Toi et moi de Guillaume Grand et de soumettre son interprétation aux votes du public et du jury.

Le site que nous avons développé est un site communautaire ouvert aux commentaires et aux votes des utilisateurs.

Chaque groupe ou chanteur(se) peut ainsi créer son profil en téléchargeant son avatar, renseigner sa biographie, ses influences, ses sites internet (myspace, twitter, facebook, blog). Après avoir téléchargé le mp3 de sa reprise de Toi et moi, 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. Des boutons « Partage sur Facebook » et « Like » permettent de faire monter le buzz autour d’un groupe ou d’un chanteur en particulier.

L’architecture technique du site repose sur le framework open-source CodeIgniter (PHP/MySQL) qui fait de ce site une application robuste et aisément réutilisable d’une édition à l’autre, ou pour un autre client…

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.

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.

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.