Clearideaz, le portfolio d'Olivier Gorzalka, webdesigner sur Lille, Nord-Pas de Calais

webdesigner et intégrateur XHTML / CSS

Archive pour la catégorie ‘Webdesign’

Analyse de la nouvelle version de Duoh.com

Après un petit congé billet, je me redécide à écrire un billet à l’occasion de la publication récente de la nouvelle version du site Duoh. Pourquoi ce site ? Parce qu’il est un exemple d’innovation en matière de webdesign.

Trop de sites sont réalisés par des designers qui n’ont pas de réelle vision web et il ne faut en aucun cas les blâmer mais il serait grand temps d’avancer et de laisser le webdesign à des gens qui ont été formés pour ça et de ce fait, proposer enfin, de vrai formation dans ce domaine. Le webdesign répond à des contraintes d’ergonomie, d’accessibilité, de sémantique et d’intégration. L’art est secondaire (troll ?). La maquette web est au service du contenu et non pas l’inverse.

Lire la suite

Récit d’une création de site internet (1ère partie)

Actuellement en plein travail sur un projet web, j’ai quelque peu délaissé mon carnet web. Je me suis dis que ce serait intéressant de raconter à la manière d’un journal de bord les différentes étapes de la création d’un site internet. Nous allons donc voir une réalisation web sous tous ses aspects.

Le sujet

Il s’agit d’un site internet pour une école privée. L’objectif est de faire connaître l’établissement. Le site internet sera un moyen de communiquer avec les familles. Il devra faciliter la prise de contacts avec les parents. L’ergonomie est au centre de ce projet. Le site doit disposer d’une navigation simplifiée au maximum, l’ensemble des sections doit être correctement délimité. On retrouvera notamment une partie « actualité », des articles plus spécifiques sur les activités de l’école et un agenda.

Concernant les contraintes techniques, le site devra disposer d’un espace d’administration simple d’utilisation. Les personnes qui mettront à jour le site ne seront pas des informaticiens. Il faut leur simplifier la tâche. Le choix d’un gestionnaire de contenu (CMS) se révèle judicieux sur le plan technique. Il faudra toutefois veiller à ce que ce gestionnaire ne soit pas une « usine à gaz » et qu’il réponde à l’ensemble des besoins.

Lire la suite

Les PNG animés supportés sur Gran Paradisio

Sur Ajaxian, j’ai pu apprendre que les APNG (images au format PNG animés) seront supportés par le futur navigateur de Mozilla, Firefox 3. On se passionne alors de tout les côtés pour ce format d’image. Des discussions pleines de passions fleurissent sur les forums mais sans vouloir gâcher le plaisir, les concepteurs de site ne pourront l’utiliser et ce, pour plusieurs raisons :

  • Ce format n’est supporté que par Opera 9.5 et donc bientot par Firefox 3 :
    Il est évident qu’ignorer les navigateurs tels que Safari, Konqueror, Nautilus et surtout Internet Explorer serait totalement insensé. Pourquoi utiliser l’APNG alors que le PNG est déjà très mal implanté sur Internet Explorer ?
  • Un format beaucoup trop lourd
    Par curiosité, j’ai visité des sites présentant des PNG animés. C’est amusant mais quand on s’intéresse au poids des images, ça l’est tout de suite beaucoup moins. Sur le site AnimatedPng, j’ai pu trouver une petite image animée de 1 Mo, énorme non ?
  • S’il fallait faire un choix, ce ne serait, pour ma part, pas celui de l’APNG
    Honnêtement, l’APNG n’est pas la solution à retenir si l’on souhaite réaliser une animation. Le Flash est beaucoup plus approprié. Certains pourront me dire : tout le monde n’a pas Flash Player. Certes, il y en a d’autres qui n’ont pas Javascript, ou d’autres qui surfent avec un navigateur web datant de la guerre 14-18 (hmmm…) ou encore d’autres qui n’ont pas de sèche-cheveux dans leur salle de bain. Et puis, en réalité, on se ferme à beaucoup plus de monde en utilisant l’APNG.
  • L’APNG c’est encore une invention de geek
    Là je suis à court d’argument :)

En définitive, je pense que l’APNG n’aura pas un grand avenir sur le web étant donné les avantages limités face à d’autres techniques d’animations. Applaudissons tout de même Mozilla : intégrer ce nouveau format dans un navigateur est une vraie révolution (niark…).

Mon Top 5 Webdesign du moment

Tout les mois, j’essaierai de tenir à jour une liste de design de sites qui me paraissent particulièrement intéressant tout en les commentant. En naviguant sur le web, je suis souvent interpellé par des types de mise en pages ou par la beauté graphique. Voici donc mon top 5 ;)

Team Viget Lab

VigetlabJ’ai été particulièrement séduit par la mise en page originale. Pour naviguer, il y a un défilement horizontal de la zone de contenu afin d’accéder aux autres rubriques. C’est assez original. Ceci est rendu possible grâce aux possibilités du Framework Jquery (mon chouchou) alliées au plugin Easing.

Certes, on pourra me faire remarquer que ce n’est pas très évolutif mais ici, on parle d’une vitrine montrant les possibilités de créations d’une équipe de designers :)

Lire la suite