Voici la liste des sites web d’étudiants réalisés en rendez-vous de suivi de projets à l’Atelier Numérique, cette année académique 2011-2012.
33 sites au total.
Année 5 DNSEP : 20 étudiants,
année 4 : 2 étudiants,
année 3 DNAP : 7 étudiants,
année 2 : 4 étudiants.
Option Art (19) : Objet => 12 / Autre => 7.
Option Communication (12) : Communication Graphique => 7 / Illustration => 5.
Option Design : 2.
WORDPRESS (4)
Collectif, Julia Chantel, diplômée de Communication Graphique ESADS 2012
– Thème WordPress sur mesure, sur le cahier des charges défini en collaboration avec Julia.
Fonctionnalités :
– jQuery pour tous les effets.
– Logo du site en aléatoire
– les couleurs changent dynamiquement en fonction des catégories.
– Les articles “news” de l’accueil se présentent sous la forme de fenêtres “post-it” déplaçables et fermables, elles changent de position aléatoirement dans un espace défini en rechargeant la page.
– Un bouton “ScrollToTop” en bas à gauche pour remonter en haut de page.
– Le blog s’appuie sur Isotope Relayout (http://isotope.metafizzy.co/demos/relayout.html) : chargement long (beaucoup d’images) puis un clic agrandit l’image sélectionnée et ré-organise la “planche” de vignettes. La “mécanique” de la page consiste dans un roulement sur 3 taille d’images définies, l’agrandissement correspond aussi à 3 tailles définies. Intégrer ce roulement de tailles était en soit plus un challenge qu’implémenter Isotope Relayout.
Evgenia Bobonevert, Année 5 Communication Graphique ESADS 2012
– WordPress s’appuyant sur Zoomooz (http://janne.aukia.com/zoomooz/), permet de zoomer sur un image.
En cours de développement, long à charger pour l’instant.
Camille Brisset, diplômée Option Art Matériaux Souples ESADS 2012
– Thème WordPress personnalisé,
– après inscription, Camille délivre un code d’accès, les utilisateurs sont redirigés sur une page offrant une prévision de chiffres du tiercé.
Un wordpress extrêmement simple et personnalisé dans la mesure où presque toutes les fonctionnalités sont enlevées ou masquées. La redirection et gestion des utilisateurs se fait avec le plugin Peter’s Login Redirect (http://wordpress.org/extend/plugins/peters-login-redirect/).
Pas très spectaculaire à regarder, en effet.
Nicolas André, Diplômé d’Illustration ESADS 2012
– Thème WordPress personnalisé en très peu de temps (3h), nécessite une optimisation.
Développement personnalisé mySQL / PHP (2)
lysiane.com, déjà demain
Lysiane Bollenbach, Diplômée de Communication Graphique ESADS 2012
Un questionnaire sur plusieurs thèmes permet de construire dynamiquement un magazine en ligne dont les articles correspondent aux réponses effectuées.
– jQuery pour tous les effets,
– jQuery ScrollTo pour les déplacements des “slides” du questionnaire,
– Isotope Filtering pour l’affichage des rubriques du magazine.
– Développement personnalisé Javascript pour la gestion des choix aux questions,
– Développement personnalisé mySQL et Php pour stocker les choix et générer dynamiquement le magazine.
Benjamin Just, Année 2 Bois ESADS 2012
– développement personnalisé, marche avec l’outil Webfolio
– Flexcroll pour les barres de scroll personnalisées : http://www.hesido.com/web.php?page=customscrollbar
– jQuery pour tous les effets,
– Anything Slider (rubrique Presse) : http://css-tricks.com/anythingslider-jquery-plugin/ . Très compliqué à implémenter et personnaliser, je ne le recommande à personne !
INDEXHIBIT très personnalisés (5)
Laetitia Oser, Diplômée de l’Option Art Atelier Livre ESADS 2012
– Indexhibit, Google Web Fonts, personnalisation des feuilles de styles.
– Création d’un modèle de galerie personnalisé pour l’accueil, et d’une combinaison sur mesure de “horizontal” et “slideshow”.
– Menus déroulants personnalisés à l’horizontal et centré, affichage d’images à la place des noms des rubriques.
Jérôme Agez, Année 4 Design ESADS 2012
– Indexhibit, personnalisation des feuilles de styles : 3 colonnes, centré horizontalement dans le navigateur,
colonnes du menu et de la description (droite) fixes.
– Logo en image.
– Jérôme se sert de la rubrique news comme d’un blog avec l’ajoût d’images sur un modèle qu’il a créé.
– Menu déroulant personnalisé.
– Optimisation du format pour iPhone / iPad.
Axel Gouala, Année 3 Terre, Diplômé DNAP ESADS 2012
– Indexhibit, Google Web Fonts, personnalisation des feuilles de styles.
– Page d’accueil avec fond plein écran qui s’adapte à la taille de la fenêtre.
– Menus déroulants personnalisés.
– Création d’un modèle personnalisé en implémentant jquery exposure dans indexhibit :
http://exposureforjquery.wordpress.com/demo/ (de fortes chances que personne d’autre ne l’ait fait vu la complexité ! Le but était de relever le challenge).
Alice Gauthier, Année 3 Livre, Diplômée DNAP ESADS 2012
– Indexhibit, Google Web Fonts, personnalisation des feuilles de styles.
– Menus déroulants, transparence sur le menu.
– Page d’accueil des projets en “format vignettes”.
– De nombreuses ruses pour afficher le menu des projets seulement lorsque souhaité, donnant l’impression qu’il y a un sous-niveau supplémentaire à cet indexhibit.
Noémie Kukielczynski, Diplômée de l’Option Art Atelier Livre ESADS 2012
– Indexhibit, Google Web Fonts, personnalisation des feuilles de styles.
– Menus déroulants, transparence sur le menu.
– Création d’un modèle horizontal stylé sur mesure dans lequel on se déplace horizontalement avec la molette de la souris, et d’un modèle pour les vidéos.
– Ajout des vidéos avec flv-player.net (ne passe pas par Youtube etc, compresse les FLV elle-même).
INDEXHIBIT personnalisés (8)
Florie Frayssinet, Année 4 Communication Graphique ESADS 2012
– Indexhibit, Google Web Fonts, personnalisation des feuilles de styles.
– Menus déroulants personnalisés.
– insertion de videos (embed, Vimeo)
– insertions de iframe appelant des pages créées à la main (ex : Interactivité > Virelangue)
Giulia Francini, Année 3 Métal, Diplômée DNAP ESADS 2012
– Indexhibit, Google Web Fonts, personnalisation des feuilles de styles.
– Menus déroulants, transparence sur le menu.
– Création d’un modèle horizontal stylé sur mesure et d’un modèle pour les vidéos.
– Ajout des vidéos avec flv-player.net (ne passe pas par Youtube etc, compresse les FLV elle-même).
Camille Louzon, Diplômée d’Illustration ESADS 2012
– Indexhibit, Google Web Fonts, personnalisation des feuilles de styles.
– Logo en image.
-Menus déroulants.
Laura Ancona, Diplômée d’Illustration ESADS 2012
– Indexhibit, Google Web Fonts, personnalisation des feuilles de styles.
– Logo en image.
– Menu déroulant centré verticalement.
– Création d’un modèle en déroulement horizontal dont le contenu est centré verticalement dans la page.
Marine Angé, Diplômée d’Art ESADS 2012
– Indexhibit, Google Web Fonts, personnalisation des feuilles de styles.
J’ai installé indexhibit, Marine a fait la personnalisation elle-même.
Maiko Shinagawa, Année 5 Option Art Atelier Bijoux ESADS 2012
Indexhibit, Google Web Fonts, personnalisation des feuilles de styles.
Marius Pons de Vincent, Diplômé d’Art ESADS 2012
Indexhibit, Google Web Fonts, personnalisation des feuilles de styles.
Baptiste Desjardin, Année 2 Option Art / Objet ESADS 2012
– Indexhibit, personnalisation des feuilles de styles.
– Logo en image.
INDEXHIBIT peu ou pas personnalisés (5)
elisa-martin.com
Elisa Martin, Diplômée d’Art ESADS 2012
– Indexhibit, personnalisation des feuilles de styles.
– Ajout d’une page d’accueil avant le portfolio indexhibit.
elsafarbos.com
Elisa Martin, Diplômée d’Art / Objet ESADS 2012
juliettesteiner.com
Juliette Steiner, Art / L’Atelier ESADS 2012
johnmirabel.com
John MIrabel, Art / Equipe 1 ESADS 2012
charlinecollette.com
Charline Collette, Diplômée d’Illustration ESADS 2012
guillaumedeloizon.com
Guillaume Deloizon, Diplômée d’Illustration ESADS 2012
baptistedelespinay.fr
Baptiste de L’Espinay, Diplômé de Communication Graphique ESADS 2012
perrinedetrie.com
Perrine Détrie, Diplômé de Communication Graphique ESADS 2012
juliegaland.fr
Julie Galand, Diplômé de Communication Graphique ESADS 2012
lecollectifdelheurebleue.com
Collectif, Irène Tchernooutsan, Diplômée de Design ESADS 2012
melodiemeslet.com
Mélodie Meslet-Tourneux, Année 3 Diplômée Art DNAP ESADS 2012
marineventura.com
Marine Ventura, Année 3 Diplômée Art DNAP ESADS 2012
clementdebras.com
Clément Debras, Année 2 Art / Métal ESADS 2012
agathekervadec.com
Agathe Kervadec, Année 2 Art / Pôle 2 ESADS 2012
