Portfolio : Bostik

Preview of job: Bostik

Bostik

accessibility, xhtml-css-js development, portfolio, webdesign
2008-09

Refonte totale du site de Bostik ainsi que de sa déclinaison russe :
- Création de la charte graphique à partir du logo fourni.
- Intégration de gabarits statiques xHTML/CSS/JS pour dynamisation.

More detail Comments

Detail of the provision

J’ai donc travaillé sur la création graphique des pages à partir du logo fourni, ainsi qu’à l’intégration des gabarits statiques xHTML/CSS/JS valides et sémantiques pour dynamisation.

C’était un projet très enrichissant, à plein de points de vue :

  1. A la demande expresse du client, et dans la lignée des projets sur lesquels j’interviens, une attention particulière a été portée à l’accessibilité, à la légèreté et à une dégradation élégante, avec l’aide d’un ergonome dédié à ce projet.
  2. Sachant que le site doit être accessible depuis des postes antédiluviens avec des connexions préhistoriques et des résolutions “oubliées”… il est donc fluide/extensible, une première en matière de créa pour moi (et j’admets que ça doit se voir un peu) et aussi en matière d’intégration, ce qui a rendu les choses encore plus intéressantes !
  3. Il y a aussi très peu de JS, et il n’est pas intrusif, et nous avons fait attention à garder l’ensemble très léger en poids et le plus ergonomique possible, grâce notamment à des tests utilisateurs qui se sont révélés très instructifs !
  4. Enfin, la présence d’une version russe a aussi été fascinante tant dans ses implications graphiques et techniques.

Bref, voilà un joli petit projet auquel je suis positivement ravie d’avoir collaboré, et que je vous invite donc, comme toujours :), à visiter (anglais - russe) !

Un excellent week-end à vous, et à très bientôt pour d’autres références !

PS : J’espère vous voir nombreux à Paris Web 2008 !!

Comments (RSS)

1. On Friday 31 October 2008, 21:48 by La Blonde

Belle réalisation, comme d'habitude.

Par contre dans ton portfolio tu as fait une erreur sur le lien : .fr au lieu de .com

2. On Saturday 01 November 2008, 20:47 by CUT HERE

Hello,

petite question : pourquoi avoir privilégié une liste de définition plutot qu'une liste non ordonnée avec un <hn> pour la partie "Search Filter" ?
Personnellement, j'ai encore du mal à bien cerner la meilleure utilisation dans chaque cas, je suis donc curieux d'avoir ton avis :)

ps : je serai de la partie pour PW2008

3. On Thursday 06 November 2008, 19:21 by Marie ALHOMME

La Blonde, quel regard acéré ! Bien vu, donc, c'est corrigé !! (Et merci pour le compliment, ça fait chaud au coeur)

Cut Here, j'ai choisi une liste de définitions car cela me paraissait plus cohérent avec la structure et la fonctionnalité de cet espace de "tri/filtre"...
De plus, je voulais éviter d'avoir trop de h2 ou h3 et de "faire de l'ombre" aux éventuels autres h2/h3 de la page, généralement plus importants.
Ceci dit c'est une question très intéressante, j'aimerai avoir l'avis d'autres personnes : qu'en pensez-vous ??

Bref, merci de vos visites et remarques, à bientôt !!

4. On Saturday 08 November 2008, 10:00 by La Blonde

Personnellement, j'aurai utilisé h2 pour "Search filer" (comme toi), h3 pour les rubriques et une liste à puce pour les liens.
Après, si j'avais voulu éviter trop de heading, j'aurai fait des listes à puces imbriquées.

De toutes façons je pense qu'au final ça n'a pas une grande influence...

5. On Friday 26 December 2008, 05:35 by thunder13

c'est terrible tonn blog, toujours aussi interrssant! :)

6. On Wednesday 11 February 2009, 02:50 by zoro451

très interessant ce blog :)

7. On Wednesday 04 March 2009, 18:13 by Nike

Très bien fait ce blog ...

Et belle réalisation ;)

Add a comment

HTML code is displayed as text and web addresses are automatically converted.