Design Spartan : la nouvelle version du site est enfin en place !

Design Spartan : la nouvelle version du site est enfin en place !

Suite à un thème vieillissant après 4 années de bons et loyaux services, place à un nouveau site. Plus dans l’ère du temps, plus en phase avec l’identité actuelle et plus plaisant à lire et utiliser. Il était temps !

 

Après des dizaines d’heures de travail acharné, de nombreux bugs et problèmes surmontés et plusieurs crises de folie, je suis heureux et fier de vous présenter cette nouvelle version du site, la troisième depuis son lancement. C’est donc un nouveau design qui s’installe, aussi une nouvelle ergonomie, une version du site entièrement responsive, un blog et un portfolio rafraîchis.

 

Un nouveau blog

Première chose : c’est un nouveau blog que vous pouvez découvrir avec un accent mis sur la lisibilité, l’utilisabilité et la recherche, sans pour autant oublier le design. C’est pour ces raisons que la solution naturelle s’est imposée d’elle-même : ce nouveau design est entièrement responsive afin de s’adapter aux différents appareils – mobiles ou non.

Design Spartan : la nouvelle version du site est enfin en place !

Le blog est responsive !

  • Ce n’est pas pour autant qu’une croix a été faite sur un design original et créatif au maximum, malgré ces contraintes. La nouvelle identité graphique, sur fond sombre, est principalement représentée par le nouveau logo ainsi que le nouveau header (haut du site) très graphique. Ce dernier est plus travaillé et abouti et surtout moins lumineux et saturé que le précédent, encore une fois pour permettre une lecture moins pénible. Le fond sombre du site vient rompre avec la tendance actuelle qui uniformise tous les blogs avec un fond blanc et reste en même temps dans la continuité de l’identité du site depuis ses débuts.
  • Une nouvelle galerie d’image au zoom (lightbox) fait son apparition, navigable au clavier (flèche gauche / droite, échap pour fermer, etc) et à la souris.

Nouvelle galerie

  • Une recherche plus puissante sur le blog avec l’auto-complétion du champ de recherche et de meilleurs résultats.

Recherche plus puissante

  • Des liens rapides vers les séries d’articles du blog depuis la colonne de droite. Vous cherchez un article particulier ou un designer présenté dans un des derniers numéros d’une série d’article ? Rien de plus simple à partir de maintenant.

Série d'articles facilement accessibles

Trouver l’information plus facilement et rapidement a donc aussi été un axe majeur de ce redesign profond.

 

Un nouveau portfolio

Infiniment plus pratique à mettre à jour et lui aussi totalement responsive, le portfolio a subit un grand changement ergonomique. Les vignettes sont plus grandes et on peut choisir dynamiquement la catégorie grâce au petit menu de droite. On peut choisir d’agrandir l’image ou d’entrer dans le détail du projet pour découvrir plus d’informations et d’images en cliquant sur le titre du projet, sous la miniature.

Portfolio fait peau neuve

Le portfolio est lui aussi responsive

 

Quelques nouveautés à venir

Ce n’est pas que la forme qui change mais le fond également. Ce grand remaniement est aussi l’occasion de mener à terme plusieurs idées qui me trottaient en tête depuis longtemps :

  • une nouvelle série d’articles où VOUS pourrez envoyer vos créations et recevoir une critique constructive publiée dans chaque numéro sur le blog
  • enfin la reprise depuis le début du Guide du digital painting : chaque numéro sera repris, mis à jour et complété
  • pour finir quelque chose de vraiment gros est en préparation, mais ce n’est pas le moment d’en dire plus… :)

 

Comme toujours, rendez-vous sur les réseaux sociaux

Vous pouvez me suivre ainsi que l’actualité du blog sur les réseaux suivants (si jamais vous perdez ces liens, ils sont toujours présents en haut de la colonne de droite) :

Twitter : @DesignSpartan

La page Facebook du blog

La page Facebook de mes créations uniquement

DeviantArt

Behance

 

Pour conclure

Je vous invite à donner en commentaire vos impressions positives comme négatives, bugs et idées d’amélioration si vous en avez. Le site risque encore d’évoluer un peu dans les prochains jours suite aux retours et impressions récoltées. Ne soyez pas étonnés s’il change encore ou que la page de maintenance fait son apparition de temps à autre. Ne vous étonnez pas non plus si certains articles semblent ne plus avoir de première image ou que des miniatures manquent pour les articles similaires, j’y travaille au fil du temps.

Pour finir, j’espère que cette nouvelle version du site vous plaît et que vous aurez du plaisir à naviguer dessus ! Jamais je n’aurais imaginer à sa création en 2008 que l’aventure durerait si longtemps, sortir une telle nouvelle version, avoir des dizaines de milliers de pages visitées chaque mois ainsi qu’une communauté toujours active. Merci à vous ! Vous êtes la raison pour laquelle tant d’efforts ont été placé dans ce nouveau site. ;)

Pour la peine, c’est cadeau :

chaton de la victoire

Auteur: Gaétan Weltzer, comme toujours en fait.

Articles qui pourraient vous plaire
Sponsorisé by Shutterstock

Commentaires (30)

  1. WAhouuuu!!!! Trop cool, ça va être un vrai régal de relire les articles anciens et nouveaux.
    C’est beaucoup plus fluide et rapide.

    En tout cas, j’adore félicitation et bonne continuation.

    @ Bientôt et bon Week-End ^_^

  2. Salut Spartan ! Super redesign ! J’adore ! :)

    J’ai vraiment hâte de pouvoir partager mes créations sur ton blog, j’espère que cette fonctionnalité / rubrique arrivera vite ! Pense-tu faire une sorte de RAWZ ala Abduzeedo ?

    Dans les remarques pertinentes, j’ai noté un soucis d’ergonomie qui risque de me déranger lors de mes visites sur ton nouveau blog. En effet, j’aime pointer une image avec ma souris en même temps que je li un article, Hors le « Hover statement » assombrit l’image lorsque je la survole. Why oO !?

    >> http://i.imgur.com/Kg43lI3.jpg (Actuellement)
    >> http://i.imgur.com/5L0YUOv.jpg (Proposition)

    Un dernier detail, le ‘title » de l’image est aussi très « obtrusive » (c.f Les 10 principes du Bon design par Dieter Rams). Peu-être devrait-tu placer la description dans le « alt » et suprimer le « title » ?

    Voila. Dit-moi ce que tu en pense ! :)

    • Merci pour ton commentaire. Oui la nouvelle catégorie d’articles pour les critiques arrivera très vite dans les prochains jours. Pour l’instant non, pas de RAWZ / Daily inspiration prévu, mais c’est une bonne idée. C’est assez lourd à mettre en place par contre et surtout il faut tout de même recevoir des choses très qualitatives. J’entends par là qu’Abduzeedo reçoit de belles créas du monde entier et ici ce serait restreint aux pays francophones donc le volume ne serait pas le même. Mais à garder en tête… ;)

      Pour l’effet de survol, c’est simplement pour indiquer qu’on peut « zoomer » sur l’image, c’est assez banal comme effet. Si je reçois d’autres avis comme le tiens, j’aviserais. Pour le texte au survol, il me semble que c’est justement le « alt » qui fait ça.

      Merci pour ta critique pertinente, je vais demander quelques avis sur cette lightbox. ;)

  3. Salut, c’est moi la questionneuse en série !
    Très beau nouveau site, j’adore le nouveau header !
    Pis en plus si tu mets une photo de chat à la fin c’est +1000 !

  4. Grand bravo à toi. Le site est super, j’ai testé sur l’ordi, tablette et mobile et c’est fluide, il n’y a rien à redire.
    Depuis le temps que j’attendais de voir ce que tu allais faire comme nouvelle version, ça valait le coup.
    Très bon travail

  5. Magnifique, effectivement. Le design est sobre et lisible, pas comme mon portfolio. Il y a quelques erreurs tout de même :

    Par rapport aux images du design qui tu as fourni dans l’article, sur Google Chrome, on ne vois pas le titre du blog : « ART DIGITAL, WEBDESIGN & INSPIRATION – Blog et portfolio de Gaétan Weltzer ».

    De plus, je penses intéressant l’ajout d’un lien « Accueil » dans la barre de menu du site, car les visiteurs ne remarqueront pas forcément que le logo du site est cliquable.

    Enfin, j’ai pu remarqué que l’icône Twitter est décalé par rapport aux autres icônes dans la partie droite.

    Sinon c’est tout ce que j’ai remarqué :) Magnifique design !

    • « Par rapport aux images du design qui tu as fourni dans l’article, sur Google Chrome, on ne vois pas le titre du blog : « ART DIGITAL, WEBDESIGN & INSPIRATION – Blog et portfolio de Gaétan Weltzer ». »
      > Merci de m’en avoir informé, j’avais fait une modif et j’ai oublié de remettre ça. C’est bon maintenant.

      Pour un lien accueil, j’y ai pensé mais j’estime que ça fait suffisamment longtemps que le logo est acquis comme lien vers l’accueil pour les gens (de plus cliquer sur « catégories ou thème » ramène aussi vers l’accueil).

      Pour l’icône Twitter, je n’avais pas remarqué, c’est possible qu’elle soit trop à droite de qqes pixels, ou alors tu as constaté un gros décalage ?

  6. Premièrement, je le trouve plus fluide et rapide qu’avant. J’aime les nouvelles couleurs et le style épuré. Seul petit bémol que j’aurais à mettre concernerait l’image de fond (derrière le logo), cette espèce de photographie de méduse me laisse perplexe…

  7. Joli, simple, efficace. Du bon travail, comme toujours. :) Ça change de l’ancien design, mais pas tellement, en fait. C’est dans la continuité, et pourvu que ça dure longtemps. Bravo Spartounet. T’as des bisous de Martine (Martine, elle est flat).

  8. J’ai découvert le nouveau site la première fois sur mon iphone, très bonne expérience suite au responsive. Je le redécouvre une nouvelle fois sur pc et c’est toujours autant agréable ! Très beau boulot. J’adore le header qui nous plonge directement dans ton univers ( et yes, enfin ce beau relifting de ton logo que tu nous avais présenté ) et le côté sombre qui apporte une excellente visibilité sur les contenus et qui fait resortir plus les images.

    Bonne continuation,
    Djon

  9. Wow, quelle fut ma surprise en venant checker le site !
    Ce nouveau theme en met plein la vue !
    Par contre j’ai remarqué un petit bug de lien vers l’auteur qui ramene a une page 404, c’est un choix ?

  10. J’avais pas encore pris le temps de laisser un petit mot pour dire un grand bravo à toi pour tout ce beau boulot Mr DS ! Le lifting est vraiment réussit (même si je ne cautionne jamais les sites voués à être lus en blanc sur fond noir…faut bien que je fasse une remarque sinon se ne serait pas moi ^^). En tout cas MERCI ! C’est chouette ce blog tant sur la forme que sur le fond !
    Well done !
    ++

Laisser un commentaire

Vous pouvez utiliser ces balises et attributs HTML : <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>