Refonte de Task This, site d’une appli iPhone

Vous connaissez tous ces sites d’appli iPhone ? Depuis 2 ans, c’est devenu une tendance, une catégorie à part dans les designs de site. Personnellement, je les trouve très créatifs, modernes et pertinents. Et je m’en inspire pas mal, comme par exemple dans cette liste de 40 sites d’appli. Malheureusement, je n’ai jamais eu l’occasion de bosser sur un tel site.

C’est pourquoi j’ai forcé le destin. En découvrant Task This, une appli française gratuite de gestion de taches, j’ai tout de suite eu envie de proposer mes services pour faire la refonte.

Avant

Avant, c’était comme ça. Et ça l’est encore pour le blog, vu que Dotclear est un moteur de blog, et qu’il n’y avait pas de raison de le refondre. Il y avait plusieurs pages en front-end, et une partie d’administration (à laquelle je n’ai pas touché) pour les utilisateurs en back-end.

Le design était un thème très répandu : le thème Freshy 2. Bien qu’etant un thème sympa, il était pas du tout pertinent pour un site iPhone.

Après

Je suis donc parti sur une page unique, avec plusieurs sections : accueil avec un gros visu, fonctionnalités, témoignages et formulaire de contact. J’ai donc viré plusieurs pages de contenu parce que je pense qu’elles étaient superflues et que les gens ne les lisaient pas beaucoup. Pour le blog et le back-end, je n’y ai pas touché.

Avec pas mal d’inspiration et un peu de JS, je suis très content du rendu final et j’espère pouvoir bosser sur d’autres sites d’appli à l’occasion!

| |

7 commentaires

  1. Hwd

    14 avril 2010

    Vraiment très propre. Beau travail !

  2. chteuchteu

    14 avril 2010

    En effet, c’est très joli; bon boulot ! =)
    J’aime beaucoup le fond de la page, les couleurs sont très jolies !

  3. Mzwygart

    15 avril 2010

    J’adore !
    Par contre j’aime pas trop les underlines au passage de la souris sur tes liens. Surtout quand ils sont très gros.
    Pourquoi ne pas avoir appliqué un changement de couleur ?

    Autre petit détail, l’image « logo.png » est porteuse de contenu, et pas des moindres !
    Il serrait beaucoup plus judicieux de la placer dans le code.

  4. Jeremy

    15 avril 2010

    Merci à tous!
    Pour les underlines, j’ai pensé à les enlever mais j’ai pas trouvé de couleur assez pertinente.
    Pour le logo, c’est un h1 avec du texte dedans, donc il est dans le code!

  5. Zhela

    15 avril 2010

    Très joli, j’aime beaucoup les couleurs !

    En survolant le contenu rapidement, j’ai vu une petite faute d’orthographe, dans le formulaire de contact :
    « N’hésitez pas à consulter le forum car il est possible que votre question est déjà fait l’objet d’une réponse. »
    C’est : « […] AIT déjà fait l’objet […] »
    Les joies du subjonctif 😉

    Autre petite remarque, moi qui suis sur un ordi portable de 800px de hauteur, je trouve l’espace vide sous le footer un peu trop grand…

    Sinon c’est très bien, bravo !

  6. Jeremy

    15 avril 2010

    Pour la faute d’orthographe, je vais en parler à l’admin du site!
    Et pour le footer, ne scrolle pas jusqu’en bas hehe.

  7. Mzwygart

    16 avril 2010

    Effectivement, le logo est dans le code, j’ai bêtement fais « Afficher l’image de fond » et j’en ai déduit qu’il était simplement dans la CSS.
    Autant pour moi 😀