Release 7.0

Publié le 12 May 09 à 08:56 | Catégorie : Divers | 17 commentaires

J’ai en effet mis en ligne au début de cette semaine la septième déclinaison de mon site personnel. La version précédente constituait plus un exercice de style et devait surtout me permettre d’avoir une page qui présente rapidement les projets sur lesquels je travaillais à l’époque. Cette nouvelle version est beaucoup plus sérieuse et ambitieuse, avec plus de contenu et un design complètement revu.

Le site est cette fois-ci encore en anglais, afin de toucher le plus de monde possible en s’ouvrant à l’international. Il s’agit également d’un exercice intéressant en tant que tel. Il reste d’ailleurs très certainement quelques coquilles, mais je compte les faire corriger par un traducteur professionnel. Si vous connaissez un traducteur anglo-saxon efficace qui connaît très bien le monde et les technologies du web 2.0, je suis preneur.

La page d’accueil

Un peu de design

L’idée était d’avoir quelque chose au look professionnel, tout en gardant un aspect très minimaliste. En effet, non seulement il s’agit d’un type de design que j’affectionne tout particulièrement, mais cela permet également de limiter au maximum le temps passé à travailler sur les problèmes de compatibilités cross-browser. Le résultat est un site au style parfois un peu sobre, mais qui me correspond tout à fait.

Par ailleurs, je souhaitais vraiment mettre en avant le contenu lui-même. Il y a donc tout un travail au niveau des espaces et j’ai fait appel à sIFR et à Rockwell pour obtenir un meilleur rendu des titres et une petite touche d’originalité. Cela faisait surtout un bon moment que je voulais travailler avec cette jolie police de caractères.

Pour information, je n’utilise pas de Flash sur ce site (à part pour sIFR). Les effets de fading sur les menus et les vignettes ont été réalisés en combinant la technique des sprites avec un effet Javascript. Concernant le processus de conception, j’ai démarré par la réalisation de quelques wireframes sur Illustrator avant de travailler plus en profondeur sur Photoshop.

Un travail important sur la mise en page et la typographie

Un peu de technique

Ce site repose entièrement sur le framework créé pour Loomiz et basé sur Zend Framework. Il hérite du coup de certaines fonctionnalités, comme par exemple le mécanisme d’optimisation des ressources web (images, feuilles de styles, scripts, …). J’ai quand même dû développer un système pour servir des pages statiques en se basant uniquement sur l’url demandée et le nom des templates.

Pour information, je pense extraire ces briques logicielles pour en faire un véritable framework (avec son propre cycle de développement et son propre dépôt Subversion) et les réutiliser plus facilement ensuite sur d’autres projets. Et voici le nom choisi pour ce framework, en exclusivité : Moozy Framework. Les spécialistes auront facilement deviné qu’il contient également un ensemble de modules Javascript basés sur Mootools. En fait, il comprend même des feuilles de styles pour mettre à zéro tous les styles par défaut des navigateurs. C’est un framework multi-technologies !

A noter également, ce site utilise l’API d’Akismet pour filtrer tous les spams en provenance du formulaire de contact. Il s’agit du même mécanisme utilisé pour filtrer les commentaires sur un blog Wordpress. C’est d’ailleurs pour cette raison que j’attendais avec impatience sa mise en service, car la situation c’était véritablement dégradée ces derniers mois avec la réception de plusieurs messages non sollicités par jour.

Un exemple de projet réalisé

Pour conclure

L’objectif avec ce nouveau site était de présenter clairement les services que je propose maintenant en tant que consultant, ainsi que mes références. Ce site devrait continuer d’évoluer dans les mois à venir (d’ailleurs, tous les commentaires sont les bienvenus). Il faut par exemple que je me débarrasse d’un méchant bug sur Safari (et oui, pour une fois ce n’est pas Internet Explorer 6 le fautif) qui empêche les effets visuels sur la page avec le cv et la timeline de fonctionner.

En revanche, il y a plus prioritaire pour le moment. Je ne peux rien dire maintenant, mais vous trouverez quelques éléments de réponse sur le site lui-même. Cela ne concerne pas directement Loomiz, mais plutôt une activité que j’essaie de développer en parallèle afin de pouvoir le financer. Il devrait donc y avoir pas mal de nouveautés à venir dans les deux prochains mois. Stay tuned.

A lire également

Les visiteurs qui ont vu cette page ont consulté ensuite :

A savoir

La rédaction de cet article a nécessité 1 heure et 53 minutes. Si vous le souhaitez, vous pouvez être prévenu de la parution de nouveaux articles en vous abonnant par RSS ou par email.

17 commentaires à propos de “Release 7.0” :

  1. Bravo pour l’habillage de ton site personnel. Je trouve ça très efficace. Je pense que quelque soit le niveau de connaissance du “visiteur”, il s’y retrouve sans problème.

    Jean-Michel le 12 May 2009 à 09:58 (#1)

  2. Hello Stéphane,

    Très bien cette release 7.0. J’avais eu le plaisir le la voir avant la sortie officielle ;-)
    Hitomi Studio, hummmm, vivement le 25 alors.

    A+

    Damien

    Damien le 12 May 2009 à 09:59 (#2)

  3. Epic FAIL: tu construis des mines ? Je ne te savais pas si dangereux :)

    Fais relire en urgence par un anglais, pas besoin d’un traducteur pour ce genre de chose puisque c’est déjà en anglais et même si c’est parfois petit nègre un anglophone comprendra ce que tu veux dire et saura le formuler plus naturellement.

    Bon courage pour la suite de tes projets.

    Brice le 12 May 2009 à 10:07 (#3)

  4. Beau boulot! Tu portes les couleurs de Biot bien haut ;)

    Pierre le 12 May 2009 à 11:42 (#4)

  5. Bonjour Stéphane, cet article m’a fait découvrir votre nouveau site perso qui est vraiment magnifique. Bravo !

    Laurent Assouad le 12 May 2009 à 11:54 (#5)

  6. Comme d’habitude, superbe !
    Toujours des petites prouesses techniques en terme d’interface qui sont très agréables à voir et qui n’en mettent pas plein la vue inutilement.
    Hâte de voir le site d’Hitomi Studio également.
    Et à quand Loomiz, que j’attends toujours avec impatience ? :D

    ShadowKris le 12 May 2009 à 13:22 (#6)

  7. Félicitation Stéphane pour ton nouveau site. Il est effectivement plus pro, l’interface et la navigation poussent à aller dans le moindre recoin du site. De plus la section projets mets plus en avant tes compétences avec le système d’étoiles.
    Pour finir, tu m’as définitivement motivé à l’idée de mettre en place l’API d’askimet pour la gestion des messages de contact. Encore Bravo.

    DavidM le 12 May 2009 à 15:06 (#7)

  8. Tres bon site qui presente admirablement bien tes differents projets et ta qualité de designer d’interface utilisateur;

    Pour mon prochain projet je t’engage ! en attendons loomiz ( bientot 1000 jours que j’attend he..)

    jonathan le 12 May 2009 à 19:06 (#8)

  9. Nice work Stephane!
    J’apprécie la sobriété et la clarté. Ca devient ta marque de fabrique, on s’entend bien la dessus ;)

    Cedric

    cedric sadai le 12 May 2009 à 20:33 (#9)

  10. Merci à tous pour vos félicitations ! Par contre Brice, je n’ai pas compris ton allusion à ‘Epic FAIL’ ? De quoi s’agit-il exactement ?

    Stéphane le 13 May 2009 à 07:38 (#10)

  11. Félicitation Stéphane, cette nouvelle version est en effet plus conséquente et riche. Je trouve super intéressant la mise en valeur des compétences utilisées sur les projets.
    Encore du super boulot comme d’habitude :)

    ludovicM le 13 May 2009 à 09:34 (#11)

  12. Très beau design, sobre et clair, avec dominance typographique… Complètement dans l’air du temps et très convaincant. Bravo.

    Ange Pozzo di Borgo le 13 May 2009 à 09:53 (#12)

  13. Hello Stéph,

    Tout d’abord, félicitations pour cette nouvelle interface, je la trouve très soigné et en effet plus complet que la précédente.
    J’ai fais un tour et deux choses me frappe:

    1) c’est le manque d’inter-activité avec les internaute. Pas moyen de noter les projets et pas moyen de les commenter. Je pense que tu n’as pas intégré ce type d’option afin de limiter la modération et les troll, mais je reste persuadé que donner la possibilité aux internautes de noter tes projets, ne peut que renforcer la vision qu’auront tes prospect le jour où il passeront sur ton site vitrine

    2) Attention, petite chose qui pourrait devenir dangereuse ! Si on analyse un peu le “panel color” que tu as choisi pour cette release, alors on pourrait vite l’interpréter en se disant que que tu manques peut-être de confiance en toi, ce qui aurait pour conséquence de te faire privilégier la sobriété (simplicité) à l’audace (couleurs). Alors, attention à ne pas tomber dans le facile et passe partout, parfois cela peut déplaire, surtout dans un métier qui requière une confiance et sois et une maturité dans la prise de décision. (désolé si je ne suis pas très claire, je dois faire vite dans mon analyse, je suis un peu stress ces temps ;))

    Bien à toi.

    Badoux C le 13 May 2009 à 10:05 (#13)

  14. Bonjour,

    J’aime bien l’idee de la timeline.

    slamp le 13 May 2009 à 10:44 (#14)

  15. Simple, concis, de toute évidence efficace. ;-)
    En attente de l’ouverture du studio. @ bientot.

    TALDU le 13 May 2009 à 15:55 (#15)

  16. En anglais, “mine” est un invariant : même quand il y en a plusieurs, il reste “au singulier”. Lorsque tu écris : “I build mines”, c’est du parfait anglais qui se traduit malheureusement et sans la moindre équivoque par : “je construis des mines”.

    L’effet est d’un comique raffiné : tu nous parles dans une première phrase de ton travail de consultant services Web. Puis dans la seconde, on apprend que tu es sapeur artificier, ou encore exploitant minier, bien qu’à mon avis ce sens soit exclu parce qu’on ne “construit” pas une mine de fer, encore qu’un business man de ce milieu le dirait peut-être pour se donner un certain style. Quand on sait ce que tu voulais dire, c’est vraiment tordant :)

    Je n’ai pas vu d’autres gags, mais fais relire tout de même par un anglais : plusieurs endroits trahissent une traduction maison trop littérale pour être honnête.

    Brice le 14 May 2009 à 08:53 (#16)

  17. J’ai du mal à voir l’intérêt de cette approche communautaire sur un site portfolio Badoux C. Je pense qu’il est préférable de se baser sur les témoignages des clients qui sont beaucoup plus pertinents. Sinon les goûts et les couleurs… :)

    Slamp, si tu t’intéresses aux timelines, voici un article un peu plus conséquent. Je trouve que ce genre de diagrammes devrait être obligatoire sur les CVs.

    Merci Brice pour ces explications. En effet, il faut que je change ça rapidement, car je n’ai pas prévu de bosser pour l’armée tout de suite…

    Stéphane le 15 May 2009 à 07:53 (#17)

Ajouter un commentaire

Les informations obligatoires sont indiquées par une étoile rouge *.


dis donc, c'est la folie ces services de rédaction en ce moment. Il y en a un nouveau tous les jours :).

Articles Récents

Les derniers articles publiés

A Propos

Je m’appelle Stéphane Thomas et je suis Ingénieur Senior expert dans le développement d'applications web complexes. Etant également un peu Entrepreneur, j'ai tenté l'aventure de la création d'un nouveau service Internet appelé Loomiz. Je suis maintenant le cofondateur d'Hitomi Studio, un studio de développement spécialisé dans la réalisation de sites ecommerce haut de gamme pour de jolies marques.

Lire la suite…