
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
Hwd le 14 Apr à 14:15
Vraiment très propre. Beau travail !
chteuchteu le 14 Apr à 23:04
En effet, c’est très joli; bon boulot ! =)
J’aime beaucoup le fond de la page, les couleurs sont très jolies !
Mzwygart le 15 Apr à 12:59
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.
Jeremy le 15 Apr à 14:38
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!
Zhela le 15 Apr à 18:11
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 !
Jeremy le 15 Apr à 18:56
Pour la faute d’orthographe, je vais en parler à l’admin du site!
Et pour le footer, ne scrolle pas jusqu’en bas hehe.
Mzwygart le 16 Apr à 09:12
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