| |
Le laboratoire Vangardis |
|
| |
Mise en place d’un projet (car il s’agit bien d’un projet et non d’un site officiel) ayant pour but de proposer une galerie de design d’interfaces graphiques. Si ce projet est porté à terme, les futurs clients de Vangardis pourront faire leur choix parmi les interfaces proposées, ou du moins se servir des présentations comme base de départ à la création de leur futur site.
Ce site de laboratoire propose un large header en flash, au design sobre et abstrait et avec des boutons réalisés grâce à After Effects, le logiciel d’effets spéciaux du cinéma.
|
|
|
| |
Lambdavote. |
|
| |
"Vote à venir vous appartient"
C'est autour de ce slogan que les jeunes du Collectif LAMBDA VOTE, ont décidé d'œuvrer.
Le site de Lambdavote est un site typique de communauté comportant tous les outils nécessaires à la communication, l’information et l’échange.
Le site a été construit autour de l’idée du logo et des couleurs de base décidées par le collectif Lambdavote. Il a donc fallu respecter ces indications de départ. Le résultat définitif lie sérieux et convivialité, simplicité de lecture et multiplicité d’informations.
Grace au cms Kwsphp le site dispose d’une interface de gestion qui permet au collectif Lambdavote d’administrer le site sans l’aide d’un webmaster. Le cms a été enrichi de nombreuses fonctionnalités afin de permettre cette prise en main simple et efficace.
La gestion des news, des newsletters, des articles, du forum, de l’agenda, des sondages, de la galerie d’images etc, tout est supervisé depuis le site et modifiable à volonté. Des fonctions statistiques permettent de connaître le nombre de visites, l’origine des visites, les liens qui mènent au site, les adresses IP des visiteurs, les pages les plus visitées etc.
Vangardis, il va sans dire, est fier d’avoir collaboré à ce projet démocratique.
|
|
|
| |
Mmo-Trade |
|
| |
 MMo-Trade est un site d'échanges, ventes, recherches, services de tout mmorpg actuel et à venir. Il fallait trouver un design qui sorte de l'ordinaire des sites traitant de jeux en ligne style Wow. Le fond noir ou de type vieux parchemin ayant été re-re-reservi des centaines de fois.
J'ai opté pour des teintes beaucoup plus reposantes.
Le site devant servir de lieu d'échanges et de discussion j'ai pensé que la partie design ne devait pas trop occuper de place à l'écran: j'ai donc opté pour un header assez fin mais enrichi d'une animation Flash. J'ai ensuite incrusté un personnage au dessus du menu général, personnage qui tient en main une torche faite en Actionscript.
Le site est actuellement construit autour du Cms Kwsphp, comme souvent, et j'ai fait certaines modifications du moteur du site et des modules pour les besoins spécifiques du client.
Actuellement ce site génère plus de 1000 visites par jour.
|
|
|
| |
Wallpapers visions violentes |
|
| |
Une nouvelle série de fonds d’écran sortie des ateliers Vangardis. Servez vous au passage autant que vous voulez, ces wallpapers sont là pour être distribués.
Ils sont dans la galerie d’images ici.
Je pense que ces (actuellement) 12 walls seront le début d’une longue série car ils explorent une région de l’imaginaire qui m’est chère : la beauté mêlée à la violence, l’étrangeté mêlée à la sensualité.
|
|
|
| |
Action-noir: le site |
|
| |
 De tous jeunes musiciens passionnés m’ont demandé de réaliser un site grâce auquel ils pourraient parler de leurs passions et distribuer leur musique. Voici donc le site d’Action-Noir...
Quoi de plus normal que de choisir le Noir comme couleur dominante ? Mais le style punk rock de ces jeunes n’étant pas l’expression de violence gratuite ou d’instinct bassement primaire (je le sais pour les avoir rencontrés), je me devais de trouver une présentation générale propre et organisée et un impact visuel le plus pro possible afin d’éviter que les préjugés ne prennent le dessus au premier coup d’œil.
De plus, vu le jeune âge de l’équipe qui allait administrer le site il a fallu que je rende l’interface d’administration la plus instinctive possible. J’ai du aussi intégrer un éditeur wysiwyg le plus perfectionné possible de façon à pouvoir modifier les contenus du site sans devoir faire appel à des connaissances en langage php ou html.
Pari réussi grâce à l’intégration (assez complexe) de FckEditor au cœur du CMS Kwsphp, le tout habillé dans un thème graphique dont l’impact visuel respecte mes objectifs ainsi que les attentes des clients.
Technologiquement ce site est l’aboutissement d’années de travail acharné : gestion professionnelle et efficace des contenus, sécurité optimale grâce à Kwsphp, envoi automatisé de mails personnalisés aux couleurs du site (inscrivez vous pour voir ça), optimisation des fichiers pour un meilleur référencement du site, validité Xhtml du code et rapidité de chargement des pages.
|
|
|
| |
webxtrm |
|
| |
Issu d’une collaboration entre plusieurs acteurs du web le projet webXtrm a pour objectif le développement de sites internet au look extrême. Développé par Vangardis multimédia, le site est un hybride php-MySql-Flash.
Une interface graphique vraiment travaillée pour produire un effet d’incrustation dans un mur, réalisée avec une succession d’images réalisées sous Photoshop et intégrées ensuite dans Flash. Le tout mis en son pour un effet des plus suggestifs.
Le projet webXtrm servira à développer des sites au look peu commercial mais avec une forte identité visuelle.
|
|
|
| |
Vangardis 2007 |
|
| |
Fidèles à notre habitude de ces dernières années nous avons décidé de refaire le site de Vangardis à neuf pour la nouvelle année.
Plus qu'un simple changement graphique, l'entière structure du site a été refaite : meilleur codage, meilleure sécurité, temps de chargements réduits, plus de fonctionnalité et de nouvelles rubriques.
Un énorme travail a été fait pour rentrer dans les normes actuelles de validité W3C avec succès.
Vous trouverez entre autres :
- Des sections "sites internet", "créations graphiques", "animations" et "musique" refaites à neuf et plus lisibles.
- Une présentation originale de nos créations dans des portfolios distincts.
- Un forum entièrement refait et plus lisible.
- Une section wallpapers qui propose des créations originales mais que n'est pas encore remplie car notre espace d'hébergement est satué...
- Une sélection de liens où vous pourrez proposer votre site.
- Une toute nouvelle section web-awards où nous proposons une sélections des sites que nous trouvons les plus originaux du web.
- Un espace-clients renouvelé avec une messagerie plus ergonomique.
- Des formulaires de contact personnalisés.
- Et comme toujours, une utilisation autant que possible de multiples technologies.
|
|
|
| |
tawow |
|
| |
Une idée intéressante : refaire le thème graphique du site de Tawow en en gardant l’essentiel au niveau de l’idée mais en lui donnant une touche plus propre, plus pro, plus agréable.
J’ai donc repris l’idée de base et les couleurs générales de l’ancien design et j’ai refait un thème graphique made in Vangardis. Ombrages sous les blocs pour accentuer la tridimensionnalité, refonte de la bannière avec un détail du personnage qui sort du cadre pour rompre la monotonie, restructuration de toute l’architecture interne du site pour un affichage plus rapide.
Un énorme travail a été fait pour rentrer dans les normes actuelles de validité W3C avec succès.
Le site propose des Tutoriaux pour les AddOns de World Of Warcraft.
|
|
|
| |
Optiform |
|
| |
J’ai été contacté par le gérant d’Optiform, salle de fitness et de musculation, pour la réalisation de son site internet. Le choix final s’est porté sur un Site hybride flash/php/MySQL, entièrement administrable par le client.
Pour accentuer le dynamisme général une intro en Flash a été placée sur la page d’accueil du site.
Le choix du design a été fait pour sortir le site des présentations habituelles tout en conservant le logo de la société : des teintes reposantes et à la fois dynamiques, des formes douces et arrondies pour rompre avec l’organisation en colonnes du site.
Le choix d’un site entièrement administrable par le client n’a pas été nécessairement un bon choix car à ce jour le propriétaire du site, probablement par manque de temps, n’a pas pris en main son site. Il semblerait qu’une solution de gestion par Vangardis aurait été meilleure. Comme quoi, vouloir à tout prix rendre les clients autonomes et indépendants n’est pas toujours une bonne chose.
|
|
|
| |
Lycée professionnel du Nivolet |
|
| |
Gros chantier et dans l’urgence pour ajouter au plaisir…
Le Lycée professionnel du Nivolet désirait avoir un site internet. J’ai donc été, dans un premier temps, convié à participer au groupe de réflexion pour l’élaboration du projet. Mais il avait été convenu que je ne m’occuperais pas de la construction du site en lui-même. Le projet devait être mis en main à des élèves d’une école de commerce et communication, un truc avec un nom super pompeux.
Les quatre (4 !!!) personnes chargées du développement, chacun avec un titre à rallonge qui sonne méga-pro (genre « responsable de l’intégration des contenus et de la coordination du travail ») se sont donc mis au travail après nous avoir promis un site super-design, super-technologique-, super-sécurisé, avec des animations Flash en 3d...
Six mois plus tard, après des réunions de présentation de potentielles possibilités de possible mise en place... le site nous est enfin présenté. Enfin, une version pas vraiment finalisée car encore pleine de bugs qui allaient être corrigés bientôt, très vite, peut-être, demain, ou la semaine prochaine... et franchement, sans aucune des options promises
Les autorités du Lycée on finalement compris qu’elles avaient eu tort de faire appel à des gens dont ils ont compris un peu tard qu’ils n’avaient encore jamais fait de vrai site internet.
On m’a donc demandé de prendre la relève et de faire un site heuuuu...pour demain c’est possible ??
Le résultat actuel a été en ligne 3 semaines plus tard ! Il s’agit d’une version complètement fonctionnelle mais de transition. La version définitive du site étant prévue pour 2007 avec une interface d’administration évoluée pour permettre aux secrétaires du lycée de prendre facilement en main l’administration du site.
|
|
|
| |
Le salut |
|
| |
Une pochette de CD réalisée pour le label mustrecords à l’occasion de la sortie d’un single de Marginal Sosa et Julio sur le thème de l’Afrique.
Un travail fait dans l’urgence en une nuit mais dont le résultat fut inespéré.
|
|
|
| |
Dance scholl Csilla |
|
| |
Relooking complet pour le site de Dance scholl Csilla avec redisposition de certains éléments (le bloc de connexion dans le header), modification du bloc menu afin d’avoir de vrais boutons et création d’une intro en Flash sur la page d’accueil.
Le site est administré par un ami (Ditch) et propose des infos sur une école de danse.
Une attention particulière à été apportée à certains éléments, d’habitude délaissés par les graphistes, comme les champs de saisie, les boutons et les champs de texte ( voir le forum).
|
|
|
| |
Vitalcity |
|
| |
Relooking complet pour le site de Vitalcity. Un header en Flash avec une horloge incorporée, des blocs en 3d avec ombrages et toute une série d’éléments graphiques pour ajouter de la tridimensionnalité.
Le choix des teintes a été difficile car il fallait rester sur le bleu et, sincèrement, il ne s’agit pas d’une de mes couleurs préférées. Mais la volonté étant de rester dans des teintes reposantes à dominante de bleu, j’ai exploré une dimension nouvelle qui m’a finalement réconcilié avec ces teintes.
Le site est administré par un ami (Ditch) et propose des jeux de toutes sortes pour une ambiance détendue et amicale. Il propose aussi toute une série de services comme l’aide à l’informatique etc.
Les jeux en Flash permettent aux membres de cumuler des points que le site garde en mémoire.
Le support du forum est très efficace.
Avec près de 1500 membres et 2 à 3000 visites par jour vitalcity est un site très populaire.
|
|
|
| |
Mustrecords |
|
| |
Création du site Mustrecords, label indépendant. Le choix s’est porté sur un site totalement en Flash avec intro à l’arrivée sur le site.
A mon grand plaisir les choix graphiques et de navigation ont eu un impact très fort sur le public. L’animation d’intro au rythme très dynamique, le design général ainsi que le pad volant servant de menu ont donné une véritable identité visuelle au site.
Note de l’auteur : ce site est resté deux ans en ligne. Actuellement la société a décidé de changer de support. Nous mettons donc en ligne une version à titre d’illustration bien que ce ne soit plus la version actuelle du site.
|
|
|
| |
vangardis 2006 |
|
| |
Fidèles à notre habitude de mettre en ligne une nouvelle version du site de Vangardis chaque année, je me suis lancé dans un souhait de longue date : Faire dialoguer Flash, Php et MySQL. Le travail a été énorme avant de trouver la bonne méthode car je voulais en prime garder la structure du Cms Kwsphp. Sans l’aide de Ditch de Vitalcity je ne m’en serais jamais sorti.
Mais après de longues heures d’essais et de travaux, le site hybride était enfin né. Non que ce ne soit une grande première car le dialogue entre ces langages se faisait déjà, mais je n’avais pas encore vu de vrai site, fonctionnel et complet utilisant cette technologie. J’avais finalement réussi à mixer le côté fantastique et vivant de flash avec le côté fonctionnel et les taches automatisées du Php.
Je m’en suis donc donné à cœur joie pour la création de ce nouveau site. Ambiance sombre et mystérieuse, anim d’intro tout aussi profonde et étrange, et interface principale en flash avec des « boutons volant » qui ont fait parler d’eux à plus d’une occasion.
La grosse complication technique fut de permettre la lecture de l’intro au premier passage sur la page d’accueil, pour ensuite ne pas la relire au retour sur l’index du site, mais en laissant la possibilité grâce à un bouton de la relire quand même.
Note : cette version n’est plus en ligne actuellement car elle al été remplacée par la nouvelle mouture, mais j’essaye de temps en temps de travailler pour la remettre en ligne. Il faudrait que ce site fonctionne en parallèle avec l’actuel et utilise la même base de données, sans créer de dysfonctionnement. Les deux sites n’utilisant pas la même technologie de base cela est actuellement impossible mais je ne désespère pas de réussir un jour.
|
|
|
| |
JeaceRP |
|
| |
Ce site est en cours de réalisation. Il n’est pas disponible actuellement.
|
|
|
| |
Absolution |
|
| |
Absolution est au cdrom de présentation des travaux photographiques de deux photographes. Etant à la base un Cdrom, le poids de cette animation est assez lourd, de plus certaines choses ont été modifiées de façon à pouvoir la publier sur le net. Dans l’ensemble ça respecte le produit de départ.
L’idée de départ était de réaliser une simple présentation sous forme de galerie classique des images, mais après réflexion j’ai proposé aux photographes de créer une atmosphère particulière et appropriée à leurs clichés et de présenter les images sous forme d’une animation inspirée de génériques de films tels que seven. Le titre « absolution » est né naturellement à cause des clichés.
|
|
|
| |
Jacknikolson créations web |
|
| |
Une présentation tout en Flash de site internet. Animation, présentation des interfaces, des animations, formulaire de contact etc. Tout y est, dans une présentation qui met bien en valeur ce qu’il y a de positif dans le site en Flash : l’originalité du cadre, du décor, de la mise en scène.
Ceux qui veulent comprendre l’intérêt d’un site en Flash le comprendrons surement avec cet exemple. Le gros souci c’est que les mises à jour sont longues car elles ne peuvent pas être faites en ligne et nécessitent des logiciels spécifiques. Le choix du site en Flash se fait principalement pour des sites qui n’évolueront pas, ou peu dans le temps. Des sites publicitaires principalement.
|
|
|
| |
Personne n'en parle |
|
| |
Réalisation pour Bruno Kourouma d’un générique d’ouverture pour un projet d’émission télévisée.
Réalisé avec Flash, ce travail prend aussi appui sur After Effects, logiciel d’effets spéciaux du cinéma pour la désintégration finale du titre de l’émission (qui se transforme en cendres).
La bande son est faite aussi par vangardis.
|
|
|
| |
JT 20h Direct8 |
|
| |
Réalisation pour Bruno Kourouma d’un générique de journal télévisé, dans le cadre d’un projet de restructuration (de relooking) de chaine télé.
Réalisé avec Flash, ce travail prend aussi appui sur After Effects, logiciel d’effets spéciaux du cinéma pour la structuration du logo qui part de particules qui voyagent dans l’espace et se regroupent pour former le logo.
La bande son est faite aussi par vangardis.
|
|
|
| |
Kwsphp |
|
| |
Kwsphp est un CMS open source.
Découvrez ses atouts majeurs dès l'installation : une mise en place d'une grande facilité via une interface ergonomique, simple et intuitive.
Vous êtes guidés pas à pas dans l'installation pour vous retrouver devant un vrai site Internet vierge, prêt à être rempli selon vos envies.
Pour modifier votre site et ajouter des éléments l'espace membre de KwsPhp met à votre disposition un éventail complet de fonctions et de rubriques.
Vous pouvez modifier les menus, les tags, gérer le forum, rédiger une FAQ, etc.
Découvrez vite le plaisir de créer et de gérer vous-même votre site Internet avec KwsPhp.
pour fêter le passage à l’année 2007 le cms kwsphp change d’habillage. Vangardis crée pour cette occasion un design aux tons reposants, aux graphismes professionnels, le tout dans une structure qui améliore les temps d’affichage du site.
Notre choix s’est porté vers un habillage focalisé sur une teinte unique (orange virant au marron) à laquelle s’ajoutent le blanc du fond et le noir des textes ainsi qu’un gris très clair pour les ombrages.
Muni d’un nouvel édito lui-même enrichi d’une image abstraite évoquant la construction libre le site prend de vraies allures professionnelles.
Vangardis utilise KwsPhp pour ses réalisations de sites administrables. Nous occupons la position de chef de pôle responsable du graphisme de cette équippe. Une aventure stimulante.
|
|
|
| |
Amélie makup-model |
|
| |
Un site en Flash dans la parfaite lignée de ce que j’aime faire : ambiance sombre, effets magiques, transitions etc... Ce site présente d’une part des travaux de maquillage réalisés dans une école de maquillage pour le spectacle (des maquillages et effets pour le cinéma, la télé, la mode etc.) et d’autre part des clichés d’Amélie, jeune modèle au sens artistique du tèrme.
|
|
|
| |
Jacknikolson Phostgraphies |
|
| |
Présentation dans un site tout en Flash de travaux photographiques de Jacknikolson. Graphismes du site, effets et musique made in Vangardis.
|
|
|
| |
Jacknikolson créations musicales |
|
| |
 Comment présenter des réalisations musicales dans une ambiance sobre mais surprenante ? Tel était le point de départ de ce site internet.
Rapidement un autre souci c’est posé : comment mettre en ligne la musique ? Quel choix pour l’organisation, l’écoute, la présentation des morceaux ? A l’époque de la construction de ce site les lecteurs tout faits n’existaient pas ou peu, et les rares que l’on trouvait était pauvres en options et affreux sur le plan graphique. Il a donc fallu créer de toute pièce un player.
Je me suis inspiré du fameux player Winamp, pour son côté compact et pratique et son design recherché. Une fois le choix de l’interface graphique du site fait, j’ai créé un design pour le player qui soit en harmonie avec le tout. Le résultat me semble assez bon.
Cela permet d’écouter les compostions musicales de jacknikolson directement depuis le site, comme avec Winamp. Cela évite de devoir télécharger le morceau ainsi que tout problème de compatibilité avec les players multiples de chaque utilisateur.
Le site propose aussi une série de bruitages et effets spéciaux sonores, car la vocation de jacknikolson dans le domaine musical est de travailler dans le domaine de ce qui s’appelle le son à l’image, c'est-à-dire toute la partie de la création sonore destinée à faire support aux images, films, clips, pubs etc.
Du coup, le site est un bon moyen de mettre à disposition rapidement et facilement les productions de l’artiste de façon à démarcher des collaborateurs. Ce n’est pas la peine d’envoyer un cd qui probablement ne sera pas écouté ou qui sera oublié dans une pile de centaines d’autres cd. Ici il suffit d’envoyer l’adresse du site et les partenaires y vont quand ils veulent, d’où ils veulent. Et si le site est accrocheur sur le plan visuel, l’impact sonore n’en sera que meilleur.
|
|
|
| |
Vangardis 2005 |
|
| |
 Ceci est une des premières versions du site de Vangardis. Une version toute en Flash, donc assez spectaculaire mais assez compliquée à mettre à jour.
La version normale prévoyait un formulaire de contact mais comme ce site n’est plus qu’une pièce de musée j’ai supprimé ce formulaire. Il y avait aussi une page de présentation des réalisations. C’est une des raisons qui m’ont poussé à préférer le php pour la réalisation de mon site : la mise à jour de la page des réalisations était longue et laborieuse et nécessitait la retouche de plusieurs fichiers source du site lui-même.
Pourtant, étant très attaché à la technologie Flash je ne réussissais pas à m’en défaire. C’est là que j’ai commencé à imaginer la conception de sites hybrides : du Flash pour le côté original, vivant, pour les multiples possibilités d’utilisation de l’espace et du temps, le tout inséré dans une structure en php qui permettrait l’automatisation des taches, la facilité de gestion des contenus ainsi que toutes ces fonctions qui facilitent l’interaction avec l’internaute (création de comptes, gestion des membres, forums de discussion etc.)
La mise en place de ce système de sites hybrides sera assez longue et complexe car, d’une part il a fallu que j’apprenne à maîtriser le langage php et d’autre part il à fallu que j’apprenne à faire communiquer autant que possible le php avec le langage de programmation de Flash : l’actionscript.
Pour en revenir à cette version du site de Vangardis, elle intègre une animation d’introduction qui met assez bien dans l’ambiance : mystère, profondeur et invitation au changement...ce qui se profilait pour Vangardis multimédia.
J’ai toujours laissé cette version du site en ligne car j’y suis particulièrement attaché malgré le peu d’options qu’elle propose. L’ambiance qu’elle dégage me plait, simplement, et je suis persuadé qu’un bon site doit marquer l’internaute par le sensations qu’il en gardera.
|
|
|
Plus de news...
| |
visiteurs : |
|
| |
En ce moment:
0 membre
1 visiteur
2 visites aujourd’hui
Record visites:
04/10/07: 54 visites
Record membres:
04/07/07: 2 membres
Record simultané:
08/11/07: 10 visiteurs
08/06/07: 2 membres
|
|
|
| |
membres On-line : |
|
| |
Aucun membre connecté |
|
|
|
.jpg)