Olivier Zwicky

www.olivierzwicky.com

Concept, réalisation et gestion du projet

Date de naissance ° 19.11.2009

Catégorie ° web, privé

Description ° six pages, on ne peut plus simples... mais efficaces à notre avis. Une réalisation old style avec encore (et toujours) des tableaux, un poil de CSS néanmoins dedans, histoire de. Mais sinon, on ne se refait pas... De plus en plus du travail de vieil artisan avec de vieux outils... mais que c'est bon ;-)

Particularités ° utilisation de "couches vidéos" pour les vidéos en flash, histoire de ne pas surcharger visuellement la page des vidéos avec tous les écrans à la suite les uns des autres. Travail mis en valeur avec de bons textes, une bonne traduction anglaise, et de la bonne photographie.

°   °   °

Association Parole Certaine

www.bible-ouverte.ch

Logo, modification d'un template Joomla!

Date de naissance ° 10.11.2008

Catégorie ° web, association

Description ° travail de refonte graphique, avec création d'un nouveau logo et modifications d'un template Joomla! (travail sur le bandeau, les couleurs, le fond de page, la navigation).

Particularités ° l'occasion de voir les forces - et les limites ! - de templates pour CMS, dans ce qu'ils permettent graphiquement. Là, en l'occurence, avec le côté contenu sur déjà 700 pages, et à moyen terme rapidement à encore beaucoup plus, évident que le manque de souplesse côté graphique est secondaire. Gros gros gros bug de rendu entre différents navigateurs réglé, montrant également certaines limites de CSS très imbriquées...

°   °   °

Luc Alexis Leuthold

animations didactiques de spectrométrie de masse (details en anglais)

Idée, timelines. Réalisation : www.froid.ch

Date de naissance ° 08.02.2007

Catégorie ° privé, vulgarisation

Description ° deux séquences .mov (dont des captures d'écran se trouvent ci-dessus) de vulgarisation scientifique, pour expliquer le fonctionnement d'un spectromètre de masse de type "triple quadripole", le chemin des ions, la fragmentation en mode MS/MS, et donc finalement le mode SRM (Selected Reaction Monitoring). Une des séquences montre le déroulement depuis l'extérieur, en suivant sur le côté les ions d'intérêt, l'autre montre le déroulement depuis l'intérieur, en suivant "juste derrière" (!) les ions d'intérêts.

Particularités ° présentées lors de la soutenance de thèse de doctorat de Luc Alexis Leuthold. Comme le web avait été à l'époque (janvier 2007) écumé et qu'aucune animation ne semblait exister présentant correctement (sur le fond et la forme) le mode SRM, il a fait appel à un ami d'enfance pour réaliser ces deux animations, sur la base de ses descriptions et croquis. Les deux restent ouverts à tous contacts concernant d'autres utilisations. L'idée de généraliser à d'autres modes MS/MS et fournir de nouveaux moyens didactiques est là. A nous les PIS (Product Ion Scan), du "RF-only", et par extension le mode trappe du Q TRAP, avec par exemple l'EPI (Enhanced Product Ion) ou encore le MS/MS/MS (MS3). Contactez-nous !

°   °   °

Lara Borowy, Cartes à la carte

www.borowy.ch

Concept, réalisation et gestion du projet

Date de naissance ° 21.11.2007

Catégorie ° web, privé, activité créatrice

Description ° cinq pages, on ne peut plus simples... mais efficaces à notre avis. Une réalisation old style avec encore des tableaux, un poil de CSS néanmoins dedans, histoire que la structure du tout soit la plus facilement compréhensible pour la cliente, qui gérera elle-même les mises à jour. Logo réalisé auparavant en version noir et blanc par étincelle*.

Particularités ° deux autres très bonnes idées — à notre avis toujours ! — , dans la réalisation et des déclinaisons du logo, non utilisées mais restées dans les versions demos. Histoire de rester sobre et assumé dans ce style carré.

°   °   °

Berghaus Isenfluh

www.berghaus-isenfluh.ch

Concept, réalisation et gestion du projet

Date de naissance ° 17.07.2007

Catégorie ° web, association

Description ° site bilingue français / allemand de présentation de la propriété du Berghaus à Isenfluh (canton de Bern, Suisse), avec les séjours proposés et les possibilités de location des bâtiments. Intégration de 3 systèmes de CMS, afin que l'ensemble du contenu et la mise à jour de l'affichage des locations puisse être mis à jour par le client. Un site simple et sobre, blanc comme les neiges des 4000 mètres avoisinants...

Particularités ° 2 fois 24 pages en dynamique, design des visuels papiers partiellement repris et adapté au web.

°   °   °

David & Isabel Wenger

diwenger.free.fr

Concept, réalisation

Date de naissance ° 21.06.2007

Catégorie ° web, privés

Description ° page web français / anglais de support de présentation d'une villa à louer.

Particularités ° uniquement 2 pages !

°   °   °

Nadia & Luc Alexis

www.nadia.lucalexis.ch (page archivée)

Concept, réalisation et maintenance

Date de naissance ° 01.03.2007

Catégorie ° web, perso, événementiel

Description ° site web pour améliorer la communication en vue d'une cérémonie de mariage en plein centre-ville (300 personnes, plans d'accès, ...).

Particularités ° les carrés de navigation reprennent les éléments formant les faces des faire-parts de forme cubique (voir réalisation des faire-parts).

°   °   °

Nadia & Luc Alexis

faire-part de mariage

Concept, réalisation et gestion du projet

Date de naissance ° 01.03.2007

Catégorie ° print, perso

Description ° 350 faire-part de mariage

Particularités ° 3D, sous forme de cubes 6x6x6 cm : dépliés, forment une croix ; envoyés pliés en deux, par enveloppes C5 de couleur ; pliés en cubes une fois reçus par les invités, avec plis préformés, languettes et fentes par découpoir.

°   °   °

Riantbosson Automobiles

www.rbauto.ch

Concept, réalisation et gestion du projet

Date de renaissance ° 10.11.2006

Catégorie ° web, PME

Description ° redesign d'un (presque) site existant auparavant. Donc redesign... ou design ? Site multilingue, la Genève internationale oblige, présentant le garage automobile Riantbosson, concessionnaire Opel et Renault, situé à Meyrin (GE).

Particularités ° contenu géré par le client à l'aide d'un Content Managament System (CMS), architecture ancrée dans le coin droit en haut, navigation par menu vertical sur la droite, une couleur dominante par page.

°   °   °

Pâques 2006

www.paques2006.ch (version archivée)

Apport créatif, réalisation et maintenance

Date de naissance ° 26.11.2005 °
désactivé fin 2006

Catégorie ° web, événementiel

Description ° lancé à 3333 heures avant le début de l'événément, site de Pâques 2006, un rassemblement prévu pour 1200 jeunes chrétiens, à l'Institut Biblique de Genève (IBG). Présentations diverses (orateurs, ateliers, concerts, ...). "Ce futénorme".

Particularités ° clip-vidéo en flash (réalisation du clip : www.vision-k.ch), bandeau trop haut — c'est à dessein — en flash, pour la navigation. Partie de la typo et des éléments graphiques style blog. Newsletter. La raison-d'être de CruxGraphix.

°   °   °

Université de Genève (UniGE)

Couverture revue Chimia (juin 2005)

Concept, réalisation et gestion du projet

Date de naissance ° 01.06.2005

Catégorie ° print

Description ° couverture du numéro de juin 2005 de la revue CHIMIA, une revue internationale de chimie publiée de la Société Suisse de Chimie (SCS). Numéro spécial consacré à la nouvelle Ecole de Pharmacie Genève-Lausanne (EPGL).

Particularités ° reprise des éléments forts qu'ont été la réalisation de la boîte de médicament EPGL05 et d'éléments du carton d'invitation de la journée d'inauguration de l'EPGL, dans le but de compléter la cohérence visuelle.

°   °   °

Home Les Fritillaires

www.lesfritillaires.ch

Concept, réalisation et gestion du projet

Date de naissance ° 31.05.2005

Catégorie ° web, institution

Description ° création du site web du Home Les Fritillaires, au Locle (Suisse), un établissement médico-social (EMS).

Particularités ° une idée de page d'entrée qui est venue très tardivement, d'autres — moins bonnes ! — ayant été développées. Navigation au centre de la page. Première utilisation d'un CMS (Content Managment System) qui permet au client de modifier lui-même certaines parties de pages, uniquement au moyen d'un navigateur.

°   °   °

Université de Genève (UniGE)

www.unige.ch/sciences/pharm

Concept, réalisation et gestion du projet

Date de naissance ° 04.03.2005

Catégorie ° web, institution

Description ° nouveau site pour la Section des sciences pharmaceutiques de l'Université de Genève (UniGE). Lié à l'inauguration de l'Ecole de Pharmacie Genève-Lausanne (EPGL), il fait partie du développement de cette nouvelle identité.

Particularités ° concept de l'abstract sur chaque page, comme résumé — si s'y prête —, en référence aux publications scientifiques. Une couleur différente pour les cinq zones (1er niveaux).

°   °   °

Université de Genève (UniGE)

Clip vidéo EPGL05

Idée contenu, réalisation et gestion du projet
prises de vue et montage : vision-k

Date de naissance ° 04.03.2005

Catégorie ° off-line, CD-ROM, packaging

Description ° sur une idée donnée de boîte de médicament contenant un CD-ROM format carte de crédit, idée de la réalisation d'un clip vidéo de 5'30'' présentant la nouvelle Ecole de Pharmacie Genève-Lausanne (EPGL). Exportation en flash (autoruns, hybride Mac-PC), et gestion du projet pour la production des boîtes et le pressage des CDs. Produites à 500 exemplaires, ces boîtes furent distribuées aux invités lors de la journée d'inauguration de l'EPGL, le 4 mars 2005. Téléchargeable sur le site de l'EPGL.

Particularités ° avec la notice d'emploi, la totale !

°   °   °

Université de Genève (UniGE)

Cartons d'invitation

Concept, réalisation et gestion du projet

Date de naissance ° 19.01.2005

Catégorie ° print, événementiel

Description ° cartons d'invitation pour une journée d'inauguration de la Section des sciences pharmaceutiques. Tirage offset.

Particularités ° pochettes kraft sur mesure, pour tenir les dimensions particulières (l 320 mm x h 105 mm plié)

°   °   °

Institut Biblique de Genève (IBG)

CD-ROM multimédia

Apport créatif, réalisation, en lien avec vision-k

Date de naissance ° 29.04.2004

Catégorie ° offline, CD-ROM

But ° remplacer une documentation papier de présentation de l'Institut par un support plus actuel, et profiter pleinement du support.

Réalisation ° interface flash descendant jusqu'à 4 niveaux de navigation; panoramas 360°; films vidéo; documents pdf et contenu texte-images; liens sur site web pour les informations régulièrement mises à jour. Pressé.

°   °   °

Jacques & Catherine Légeret

www.quiltsamish.com

Idées et concept, réalisation et maintenance

Date de renaissance ° 30.08.2003

Catégorie ° web, art

Idée ° redonner au site un design à la hauteur de ce que les Légeret présentent.

Réalisation ° un seul niveau, avec calques pour le deuxième ° travail certain au niveau images, pour mettre le plus en valeur les quilts.

Particularités ° page d'accueil différente - au niveau couleurs - de l'intérieur du site ° première réalisation "site complet" de CruxGraphix.ch

°   °   °

Institut Biblique de Genève

www.ibg.cc

Maintenance du site web.

Apport de compétences ° depuis juillet 2003, contrat de maintenance sur site existant auparavant.

°   °   °

Luc Alexis Leuthold

www.lucalexis.ch

Idées et concept, réalisation et maintenance

Date de naissance ° 10.10.2001 °
chez un fournisseur d'accès depuis octobre 2000

Catégorie ° web, site personnel

Idée ° "voir comment ça marche, le web" et ensuite faire des kilomètres.

Réalisation ° deux niveaux, en structure classique, pour une trentaine de pages ° adaptation maison de Javascripts ° formulaires

Particularités ° navigation linéaire en option ° grande utilisation de calques en format texte ° idées personnelles

°   °   °

CruxGraphix

www.cruxgraphix.ch

Idées et concept, réalisation et maintenance

Date de naissance ° 03.03.2003

Catégorie ° web, PME

Idée ° "symétrie centrale pour une structure adaptative", devant passer en 800x600 sans ascenseurs ° aller à contre-courant ° "state of the art from CruxGraphix" (toutes proportions gardées !)

Réalisation ° sept pages en un seul niveau, avec un menu de navigation en bas, caché et non explicite ° regard forcé dans des zones généralement non utilisées

Particularités ° deuxième niveau virtuel, sous forme de calques chargés avec le premier ° design de page construit en 15 minutes : directement l'équilibre et les couleurs actuelles / le déboguage des calques mobiles fut par contre terrible !

°   °   °

Mass Spectrometry @ Romandie

www.ms.unige.ch

Concept et réalisation

Date de naissance ° 22.01.2004

Catégorie ° web

Idée ° une idée de minimum, qui grossit quelque peu. Simple. A voir.

°   °   °

Jeunesse Action Biblique Suisse romande

www.jabsuisseromande.ch (collectif)

Idées et concept, réalisation et maintenance

Date de naissance ° 05.10.2002

Catégorie ° web, organisme de jeunesse

Idée ° créer le site de la JAB Suisse romande, avec "quelque chose d'arrondi"

Réalisation ° dans un collectif : réalisations techniques d'architecture, de structure et graphisme pour l'entier du site ° coordination du travail et leadership

Particularités ° webmaster responsable d'une équipe de trois ° gestion concertée de site ° premier site avec quelque chose à "vendre"

°   °   °

Ecole de Soins de Subriez (ESSV)

www.ecoledesubriez.ch

Concept, réalisation et maintenance

Date de naissance ° 01.07.2004

Catégorie ° web, institution

Description et but ° site de présentation, avec intégration d'un maximum d'informations (comme le téléchargement de documents), pour décharger le secrétariat.

Particularités ° accès à la base de données de la biblothèque mis en place pour permettre aux intéressé-e-s d'accéder aux informations depuis l'extérieur. Forum d'échanges.

Travail de diplôme de fin de formation à l'ERACOM (2003), Peter Ramseyer.

°   °   °

Université de Genève — LCAP

www.unige.ch/sciences/pharm/fanal

Idées et concept, réalisation et maintenance

Date de renaissance ° 18.06.2002

Catégorie ° professionnel / site institutionnel

Idée ° relooker l'ancien site d'un laboratoire de l'Université de Genève (UniGE)

Réalisation ° refonte totale au niveau graphisme et architecture générale

Particularités ° site bilingue français-anglais, avec accès à la page traduite dans l'autre langue par simple clic ° navigation par menus déroulants

°   °   °