L’enjeu était de fournir à l’OVE un site entièrement dynamique tant au niveau du contenu que de l’arborescence. Notre BAKO, le CMS libre de Ligne 13, dans sa toute dernière version permet une manipulation totale de l’arborescence (rubriques, pages et blocs structurels), et une gestion facile de tous types de médias (textes, images, vidéos).

Le projet a d’abord commencé par la création d’une nouvelle charte graphique adaptée à la nouvelle communication de l’OVE: une image plus jeune et plus dynamique. L’habillage graphique du site repose par conséquent sur des tons plus clairs et lumineux que ceux du site précédent.

Nous avons ensuite migré la base de données (plus de 8000 entrées) de l’ancien site vers une nouvelle structure plus performante et adaptée à notre BAKO.

L’intégration HTML et CSS respecte les standards du W3C.

A noter, l’utilisation d’une liseuse de PDF via le webservice d’ISSUU.

Toujours fidèle à l’objectif initial d’évolutivité à chaque nouvelle saison, le site web du festival a subi un rapide relooking pour coller à la communication et à la charte graphique de l’édition 2010. Duplication du site, création d’une nouvelle base de données et modification de la feuille de styles CSS et le tour est joué: un site tout neuf en 3 clics (ou presque)!

Nouveauté de 2010:

• une gestion multi-dates et multi-salles des spectacles.
• intégration d’un système de billetterie en ligne.

Libération.fr nous a contacté pour une prestation de conception et de développement d’une application internet de génération de quiz destinés à être intégrés dans leurs pages d’articles de leur site.

Disposant d’un outil d’administration facile et ergonomique accessible en ligne, les journalistes des sites Libération.fr et Ecrans.fr peuvent créer des quiz et y associer des questions à choix multiples, en texte ou en image.

Chaque quiz propose éventuellement au joueur d’enregistrer du score pour des participer à un tirage au sort. La participation se fait via un formulaire standard de saisie des coordonnées ou via FacebookConnect pour jouer avec son compte Facebook et le faire savoir à ses amis sur le réseau social.

Les administrateurs peuvent ensuite récupérer les participations dans un fichier Excel.

Exemples de quiz réalisés avec notre outil et intégrés dans le site Libération.fr:

• Quiz summer of the 60′s
• Quiz spécial Roots
• Quiz spécial Dance/Surf

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.

A cette occasion, le Centre National du Livre nous a confié la réalisation du site internet de la manifestation. Au programme :

- La mise en place d’un outil dédié aux organisateurs en France et à l’étranger, leur permettant d’inscrire leurs manifestations au programme d’A Vous de Lire!, d’alimenter un annuaire des auteurs participants et d’apparaître sur la carte des événements. Un outil disposant d’un double niveau de validation/modération : par les DRAC au niveau régional et par le CNL au niveau national.

- La conception/réalisation du site internet de la manifestation sur une instance de BAKO, le CMS made by lignetreize, avec entre autres le développement de scripts spécifiques pour la gestion du programme, d’un panier de manifestations, ou encore la mise en place d’un module « près de chez vous » tirant partie de l’API Google Map et diverses connexions avec les réseaux sociaux, Facebook et Twitter en tête.

Lignetreize signe également la conception / réalisation du jeu Mon Livre Préféré en ligne, qui revisite le concept de Snakes & Ladder autour des questions de la version de Mon Livre Préféré distribuée, en partenariat avec le Ministère de l’Education Nationale, dans les classes de CM1/CM2.

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 dispose d’un outil d’administration basé sur notre BAKO permettant à Tandem de mettre à jour facilement les contenus de son site : marques, collections, photos, offres d’emploi, etc. Le tout en deux langues puisque le site est bilingue français-anglais.

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.

Ce projet a pour nous été l’occasion de renouveler notre partenariat avec l’agence de design Autrement le design* (ALD) avec qui nous avions déjà travaillé sur la réalisation du site de nos amis de PocketStudio — prochainement en ligne . ALD a pensé l’ergonomie du site et en a réalisé le design.

Le site de Bobine tourne sur la dernière version de notre BAKO (3.1), qui permet la mise à jour complète et dirigée des contenus du site, de la gestion de la palette des couleurs attribuées aux artistes jusqu’au détail de l’optimisation pour le référencement de chacune des pages.

EMI nous a donc confié la réalisation flash/as3 de son site Noël 2009. Un site animé et musical, à mettre en place dans des délais tendus comme un caribou un 24 décembre : le père Noël n’attend pas !

Profitant d’une campagne Google et d’un emailing ciblé pour se faire connaître, le site proposera également l’intégration des API Facebook, permettant aux visiteurs de partager en un clic (via Facebook connect) leurs envies de cadeaux sur leur profil.

Alors s’il vous plaît, plus de chaussettes cette année !

Ajax, jQuery, sIFR, plug-ins variés… la nécessaire refonte ergonomique du site est soutenue par le déploiement d’un ensemble de solutions  techniques qui ne sacrifient pourtant ni l’accessibilité (le site reste navigable tout javascript éteint) ni le respect des normes W3C.

L’une des grandes nouveautés de cette version est la mise en place d’un espace adhérent, interfacé aux webservices du système de réservation du Théâtre : mise en avant des « cartes adhérents », contenus exclusifs, mais aussi tracking du comportement des internautes et système de recommandations sur mesure.

Outre les nombreuses autres nouveautés du site, lignetreize s’est également chargée de la mise à jour du BAKO – le CMS made by lignetreize – utilisé par le Théâtre du Châtelet depuis plusieurs années, et de la refonte complète de la SEO du Théâtre, pour une optimisation beaucoup plus pointue du référencement.

Une collaboration qui se prolongera par la mise en place prochaîne de nouveaux outils : plus d’informations très prochaînement !

Suivre notre actualité dans le train, sur la plage, dans votre cuisine ou sur un banc public est désormais possible ! Connectez-vous à http://www.ligne13.com/blog depuis votre iPhone, et vous parviendrez automatiquement à notre blog WordPress dans son « thème » dédié au merveilleux mobile. Et pour tous ceux qui n’en possède pas, quelques screenshots qui vous donneront envie, c’est certain, de passer rapidement par la case Apple.

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 !

Spécialiste dans l’investissement immobilier haut de gamme dans le centre de Londres, SW Property Group nous a confié la réalisation d’un site plaquette destiné à présenter et promouvoir ses activités. Au programme, un site en flash full screen qui démontre, par le visuel, la qualité des biens et du travail de SW.

Premier pas en terre anglaise pour lignetreize, ce site doit être étoffé début 2010 par la mise en place de nouveaux contenus et l’installation d’un panel complet d’outils de relation client.

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.