Portfolio Sites internet :

Transcription

1 Portfolio Sites internet : 2010 ARA architecture Type : Portfolio d architecte Fonctionnalités principales : Galerie de projet d architecture, Actualités, Textes sur l agence, Contact, Newsletter Modules Drupal : 1 module pour personnaliser les formulaires Brief: ARA est une importante agence de Guyane francaise, qui a réalisée de nombreux bâtiments depuis une trentaine d année sur ce territoire amazonien. Elle souhaitait un site simple et efficace afin de promouvoir ses projets. Reponse : J ai choisi un design clair et minimaliste avec comme objectif de faire correspondre une fiche projet avec une seule url. Des vignettes utilisant le module galleria permettent de naviguer de manière rapide et intuitive entre les images du projet. Le texte et le bloc d information sont toujours visibles, optimisant ainsi le reférencement de la fiche projet. Le site propose d autres contenus simples comme des brèves d actualité et des textes de présentation de l agence. Enfin les visiteurs peuvent s inscrire à une newsletter ou contacter l agence via un formulaire. Estelle Lagarde - Photographe Technologie : php/mysql/css/javascript Fonctionnalités principales : Galerie de photos, Actualités, Bio, Video, Publications Brief : Estelle lagarde est une jeune photographe française, rencontrant depuis quelques années un succès croissant. Elle avait besoin d un site au design sobre présentant ses séries photographiques. Le site a été conçu dans un esprit minimaliste privilégiant l élégance et évitant toute surcharge.

2 Réponse : La mise en page est simple et s adapte grace à Javascript à la taille des écrans, notamment pour permettre que les photos les plus larges apparaissent sur un seul écran, en évitant le défilement horizontal. La navigation dans les séries est intuitive et ne comporte aucun bouton. Ce site sera prochainement converti en drupal, afin de faciliter la mise à jour de son contenu. Rew architecture Type : Portfolio d architecte Technologie : Drupal /php/mysql/css/jquery Fonctionnalités principales : Galerie de projet d architecture, Actualités, Textes sur l agence, Contact Modules Drupal : un module pour permettre la création automatique des menus, un autre pour personnaliser les formulaires Brief : Agence rew est une jeune agence d architecture fondée par deux architectes parisiens. Ils voulaient un site porfolio au format fixe similaire aux sites en flash, populaires chez les architectes. De plus ils souhaitaient pouvoir avoir une flexibilité dans la manière de structurer le contenu de leur projets. Reponse : Ce site d apparence simple a demandé un travail important dans sa partie administration, pour permettre la flexibilité demandée par le client. Ainsi chaque projet architectural est présenté en plusieurs écrans fixes de 950x435 pixels, qui sont composés d une image, d un paragraphe de texte ou d un bloc d informations techniques sur le projet. Un affichage conditionnel est mis en place, afin d adapter la taille de l image au reste du contenu. S il n y a pas de texte, l image s affiche ainsi en grand. La page d accueil est constituée d un diaporama d images, sélectionnées parmi les actualités ou les projets. L ordre d affichage est modifiable au moyen d une vue utilisant le module draggable view.

3 Archiref Type : Portail dédié à l architecture / Agence Photographique Fonctionnalités principales : E-commerce, Newsletter, Galerie d image, Galerie de projet, Page admi multiutilisateur (architecte, photographe...), Workflow de publication, Internationalisation Brief : Archiref est un projet ambitieux de portail dédié à l architecture. Le contenu est apporté par différents intervenants : les photographes y vendent des droits d auteurs sur leurs images, les architectes y font la promotion de leurs projets, les fabricants de produits de construction y cherchent à promouvoir leur produits. Réponse : Une des difficultés de ce projet est la gestion des différents intervenants et du workflow spécifique à chaque contenu. Chaque intervenant apporte une partie de l information sur les projets, qui doivent être mises en relation afin de générer une base de connaissance collaborative sur les projets d architecture. Sa mise en oeuvre est réalisée à plus de 60%. Ia image Type : Portfolio d une agence de communication Technologie : Drupal 7/php/mysql/css/jquery Fonctionnalités principales : Portfolio de travaux, Contact Brief : En mai 2010, j ai crée la société IA image, qui rassemble des compétences autour de l image d architecture. En association avec l agence de graphisme Nabydesign ainsi que d autres intervenants extérieurs pour la video et la 3D, IA image propose une offre globale de talents au service des architectes. Pour faire la promotion de son activité, IA image avait besoin d un site simple mais fonctionnel, en l attente d une version en Drupal qui lui donnera plus de fonctionnalités et de souplesse. Réponse : Ce site est en cours de refonte sur Drupal 7 et présente de manière succinte et synthétique les services de l agence, en faisant lien avec les références de chacun de ces membres.

4 Sébastien Lucas - Photographie v3 Fonctionnalités principales : E-commerce, Newsletter, Galerie d image, Internationalisation, CRM / Intranet Brief : Pour faciliter la mise à jour du site et permettre des fonctionnalités avancées tel que le e-commerce, la gestion des newsletters, j ai la volonté de passer mon site de photographe en drupal. Reponse : Le site en cours de refonte utilisera les modules panels pour la page d accueil, le module simplenews pour la gestion de newsletter, ubercart pour réaliser une galerie de tirage à vendre. Il est d autre part associé à un système de CRM, que j ai developpé avec Drupal afin de suivre mes relations avec mes propects et clients. Cette partie du site est utilisé comme un intranet, et fourni notamment une base d adresse pour les campagnes d ing. Sébastien Lucas - Photographie v2 Technologie : php/mysql/jquery/css Fonctionnalités principales : Galerie de photos, Newsletter, Contact, Bio, Blog, Internationalisation Brief : En plus du Web, je poursuis depuis plusieurs années une activité de photographe indépendant avec une dominante dans la photographie d architecture. J avais besoin d un site dont la mise à jour soit plus simple et dont le design sobre mette en valeur les photographies. Réponse : Le thème de ce site a été réalisé sur la base du framework css grid 960. Il est volontairement étroit, basée sur la largeur des photographies de 600px. Cela lui permet de s afficher sur tous les écrans, notamment ceux des i-phone, tout en ayant une apparence faisant référence aux takemonos japonais. La page d accueil reprend les contenus répartis dans l ensemble du site et met notamment en valeur les dernières séries. Il est traduit en trois langues, qui occupent chacune un sous-domaine. Enfin la partie principale du site, les galeries de photographies, a été conçu dans le but de permettre une consultation rapide et efficace de chaque série.

5 Nabiseb.com Type : Galerie de photo Technologie : php objet/mysql/css Fonctionnalités principales : Galerie de photos Brief : Ce site de photographies relate un voyage de deux mois, que j ai réalisé en 2008 en Amérique Latine. Les photographies sont classées par ville, pour retracer le voyage au moyen d une sélection exigeante de photographies. Réponse : La mise en page moins sobre que dans mes sites précédents, donne à ce site de voyage un aspect ludique et attrayant. Ce site a été réalisé entièrement en php objet, avec une base de donnée minimaliste d une seule table. Les objets imbriquées les uns dans les autres, correspondent aux entités géographiques, qui structurent le site (pays, ville...). Seb s Drupal blog.archizone.fr/ Type : Blog Technologie : Wordpress/php/mysql/css Fonctionnalités principales : Blog Brief : J avais besoin d un blog pour diffuser mes conseils et tutoriels sur Drupal et de Linux. Je voulais toucher un public assez large ce qui m a motivé à écrire plutôt en anglais. Réponse : J ai choisi worpress car je voulais un résultat rapide et acquérir des notions sur ce CMS reputé pour son efficacité. Cela a été je pense un bon choix et m a permis de mettre en ligne ce blog en un jour. Le thème est une personalisation d un thème wordpress existant.