Wireframing…

Publié le 23 Jun 10 à 17:30 | Catégorie : Création D’Entreprise | 6 commentaires

Logo Gary Coupon Cette semaine, je me suis concentré sur l’ajout de nouveaux codes de réduction (MyPIX, Trésor Bijoux, Logitech, etc). J’en ai profité pour corriger plusieurs petites erreurs liées à la gestion de ces coupons. Et j’ai également revu et optimisé certaines sections de code qui méritaient mon attention. Au passage, je confirme - mais vous le saviez déjà - que c’est un véritable plaisir de pouvoir compter sur les nouvelles règles introduites en CSS3 : les feuilles de styles et le code HTML sont bien plus clairs et concis.

Mais j’ai surtout passé la majeure partie de mon temps à spécifier et modéliser la prochaine version de Gary Coupon (et ce n’est d’ailleurs pas fini). J’ai donc ressorti Adobe Illustrator pour confectionner quelques wireframes comme celui ci-dessous, l’objectif étant d’avoir une idée bien précise des prochaines pages à implémenter :

Exemple de wireframe de Gary Coupon

Et comme toujours, il n’est pas aisé de concevoir quelque chose de simple, d’autant plus que l’expérience utilisateur est au centre de mes préoccupations avec Gary Coupon. Ces supports serviront en outre au web designer et dans une moindre mesure au graphiste qui devront bientôt se pencher sur le design et le logo du site. D’ailleurs, si vous vous demandez à quoi correspond la petite boite hachurée en haut à droite de la page… et bien il s’agit d’une mascotte ! Je vous en parlerai plus dans les prochaines semaines…

A lire également

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

A savoir

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

6 commentaires à propos de “Wireframing…” :

  1. Hello Stéphane. Quelle police as-tu utilisé pour Gary Coupon ? Je la trouve très efficace.

    Pourquoi ne pas utiliser un logiciel de wireframing plutôt qu’Illustrator ? Est-ce pour faciliter le travail du graphiste ?

    Guillaume Vialet le 23 June 2010 à 17:34 (#1)

  2. C’est du ‘Myriad Pro’ Guillaume. J’utilise Illustrator par habitude et parce que je n’ai pas encore trouvé chaussure à mon pied. J’aime beaucoup Omnigraffle, mais comme je suis sur PC…

    Stéphane le 23 June 2010 à 17:51 (#2)

  3. J’utilise depuis plus d’un an et demi Axure RP Pro et je dois dire que j’en suis très satisfait ! Il lui manque encore deux ou trois petites choses comme du scripting ou la gestion de boîtes d’alertes qu’il faut encore faire « à la main », mais c’est de loin mon outil préféré.

    Guillaume Vialet le 23 June 2010 à 18:13 (#3)

  4. Bonjour,

    Juste pour info, il y a une petite faute d’orthographe sur la page de Gary Coupon (en gris) plus haut dans l’article -> Sur les 2 lignes descriptives en haut de page, à droite du nom “Gary Coupon” -> “Pour économisez” à remplacer par “pour économiser”.
    Bonne continuation.

    Ben

    Ben le 3 July 2010 à 19:11 (#4)

  5. Merci pour la correction Ben, je vais modifier ça de ce pas !

    Stéphane le 4 July 2010 à 15:26 (#5)

  6. Très beau, très sobre, je dirais qu’un mot : CLASSE !

    bon reduction le 4 August 2010 à 10:42 (#6)

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…