Mattrunks change de peau
Et voilà ! Cette fois c'est officiel, mattrunks évolue pour de bon.
Mais tout d'abord, car certains n'attendaient surement que ça, je tiens à préciser que cette nouvelle version n'apporte pas beaucoup de nouveaux tutoriels, pour le moment. Le développement de cette nouvelle version a demandé beaucoup de temps, et tous mes efforts furent dédiés à sa création. L'enregistrement de nouveaux tutoriels commencera dès la semaine prochaine, et je compte bien rattraper le retard !
Maintenant que les choses sont claires sur ce point, parlons des vraies nouveautés !
Refonte Graphique
Ce qui est sans doute le plus frappant au premier coup d'oeil, c'est la changement de l'identité du site.
Tout a changé, et il était temps ! Le précédent design datait de 2009, et les plus vieux lecteurs sans souviendront surement, je n'ai pas pour habitude d'attendre si longtemps ;)
Nouveau Logo
Le nouveau logo du site a été dessiné par la brillante Claire Coullon, qui travaille au sein d'Op45. L'ancien était devenu froid, trop rigide. Ce nouveau logo amène un peu de fraicheur tout en restant sérieux, et j'en suis très content. Merci à elle pour ce beau travail :
Nouvelle Ergonomie
L'ancien site n'était pas prévu pour du e-commerce. Et tout n'était pas clair pour un nouvel utilisateur, ni même pour un membre inscrit d'ailleurs. J'ai donc passé plusieurs semaines à élaborer un mockup précis et fonctionnel de toutes les pages afin de rendre l'expérience utilisateur plus simple et agréable. A vous de me dire ce que vous en pensez, autant en mode connecté que déconnecté !
Nouveau Design
Outre le logo, c'est l'ensemble du design du site qui a changé. Il a été conçu par le talentueux Theoze, directeur artistique chez Colorz, qui avait déjà conçu le précédent.
Sur cette version, beaucoup, beaucoup plus de petits détails ont étés ajoutés, tout en augmentant la clarté du site, et sa facilité d'utilisation. Personnellement, j'adore le changement de manière générale, et je suis très, très content de ce nouveau design, et j"espère qu'il vous plaira !
Merci encore à Théo pour le travail effectué sur le site, ce fut un plaisir de retravailler avec toi :)
Illustration
C'est à Dorian, plus connu sous le pseudo Nairone, que l'on doit la superbe illustration présente en page d'accueil (en mode déconnecté). Je lui avais demandé quelque chose représentant la créativité et le mouvement, et je trouve qu'il s'en est très bien sorti ! Merci à toi :)
Nouvelles fonctionnalités
Vous les découvrirez surement en vous baladant sur le site, mais voici les principales nouveautés :
Membres
Nouvelle page "membres" accessible depuis la navigation principale, permettant de chercher facilement des membres par ville, par compétences, par métiers, etc.. C'est rapide, et pratique si vous cherchez un motion designer avec qui travailler ;)
Nouveaux tarifs
Plusieurs nouveautés sont apparues sur les pages de paiement, que ce soit pour souscrire à un abonnement premium (maintenant en une étape), ou faire un dépôt pour acheter des fichiers sources.
Les abonnements premiums commencent à 9€/mois (au lieu de 15€), mais ne dispose plus de l'option de téléchargement des vidéos. Cette option reste accessible au même tarif qu'auparavant, mais seulement pour l'option annuelle à 90€.
Les dépots commencent maintenant à 10€, pour ceux qui souhaite acheter individuellement des tutoriels premiums.
Anglais
L'ensemble du site est maintenant disponible en version anglaise. Il vous suffit de switcher d'une version à l'autre à l'aide du sélecteur dans le header. Cela ne vous intéressera surement pas plus que ça en tant que francophone, mais c'est une des évolutions majeures pour le site. C'est également une des taches qui fut la plus chronophage à mettre en place, de par le nombre d'éléments à traduire.
Merci à Dominic Pons pour ses très bonnes traductions effectuées sur les tutoriels.
Connexion permanente
Cela peut paraitre bête, mais c'est l'une des choses qui m'agaçait le plus sur l'ancienne version : devoir se reconnecter à chaque fois ! C'est maintenant résolu, et vous serez automatiquement connecté à chaque retour sur le site. Il était temps !
Auteurs
Que ce soit sur les pages des tutoriels, des articles de blog, ou des concours, les auteurs sont maintenant bien mieux mis en avant. Cela va de pair avec l'apparition des nouveaux formateurs, dont je vous parlerais plus bas.
Et bien d'autres
Que je vous laisse découvrir par vous même dès maintenant !
Nouveaux Formateurs
C'est avec grand plaisir que 3 nouveaux formateurs rejoignent le site. Deux d'entres eux ont déjà publié 1 tutoriel, que vous pouvez dès à présent visionner.
Soyez indulgent, car il s'agit de leurs tout premiers tutoriels. Et attendez vous à en voir d'autres dans les prochaines semaines, en plus des miens qui arrivent très vite.
- Fcome - Il publiera des tutoriels autour de 3ds Max et After Effects
- Donald Simonet - Il s'occupera des tutoriels Cinema 4D sur le site
- Pierre Magnol - Il proposera des tutoriels mélangeant After Effects et Cinema 4D
Développement sur mesure
C'est l'ami Grafikart qui s'est chargé de l'intégration et du développement de cette nouvelle version.
Et quel développement ! Il est reparti de zéro, créant à la fois le backoffice, le cms sur mesure et le front-end, à l'aide des dernières technologies.
Je ne pourrais pas décrire l'admiration que j'ai pour lui tant il m'a impressionné. Pour résumer, rien ne lui fait peur, et rien ne l'arrête. Pas même mes demandes les plus inattendus, et mes changements d'avis insupportables. Je pense avoir été l'un de ses pires clients, 4h par jour en conversation sur skype en moyenne sur 2 mois, je ne sais pas comment il n'a pas craqué !
Le résultat est là. Le site est encore plus riche que je ne l'aurais espéré, et Jonathan a su matérialiser toutes mes attentes. Un grand merci à toi pour toutes les heures passées sur le projet, ce fut un plaisir pour ma part de travailler avec toi sur cette refonte.
Si vous voulez un peu plus d'infos sur l'aspect technique du site (CakePhp, Jquery, Compass, il8n, etc..), je vous conseille de lire cet article, ou d'attendre le bilan de Grafikart sur son blog.
Et maintenant ?
Et bien maintenant que tout cela est fini.. on va enfin (certains vont rire) pouvoir commencer à enrichir sérieusement le site en contenu ! Dès la semaine prochaine, je rallume Screenflow pour de nouveaux tutoriels After Effects.
En attendant, j'espère que ce nouveau site vous plaira ! A très bientôt.
A mon grand père
Envie d’aller plus loin ? Ces autres articles traitent des mêmes sujets :
Rien à dire, super design et super boulot niveau dev, sa va faire fureur ;)
Salut,
Superbe le nouveau site, la nouvelle interface est au top !
Félicitations !
La classe !
Je tiens à signaler un petit probleme. Je suis sur iPad et je ne sais pas si ca le fait aussi sur un ordinateur mais le site est décalé d'une cinquantaine de pixels sur la gauche, coupant ainsi le logo, le bandeau etc.
Sinon Bravo ! ; )
N'ai-je pas assez fouillé où il n'y a pas encore de tuto 3ds max ?
Félicitations pour cette nouvelle transition, ergonomie nickel design idem et le logo nouveau sympa...
WAIT AND SEE :)
hello,
franchement sympa le nouveau site, et super logo vraiment du beau travail ! :D
Au top !!!!
Le site est superbe
Merci pour l'investissement.
il reste plus qu'à créer maintenant ;-)
Magnifique !! Merci pour ce travail qui fabuleux,je suis fan de ton boulot !
En avant les tuto débutants !
Super site,
vraiment une nav agréable : )
Bravo pour cette belle évolution !
Juste un petit truc : j ai pas retrouvé la rubrique "forum", elle a disparue ou c est moi ?
Bonjour,
Que dire sur la nouvelle peau de Mattrunks.com ? Un design épuré : très classe, un navigation plus simple et compréhensible : perspicace, un fonctionnement plus rapide : efficace.
Alors félicitations et merci pour tout ce travail (à toi et l'équipe avec laquelle tu bosses - petite pensée à Grafikart), maintenant cela va être à nous de profiter de cette source de savoir pour progresser, s'amuser et aussi partager nos création dans le motion design.
Ou est passé le Forum ?
Le forum reviendra dans les prochaines semaines, c'est le prochain chantier sur la liste. L'actuel n'était pas à la hauteur, pas de recherche, mauvaise intégration avec le site, etc.. Le nouveau améliorera ces points, mais chaque chose en son temps :)
Niquel. Le web francophone manque cruellement de forums after effects actifs !
Félicitations pour ton nouveau design. Il est vraiment magnifique et la navigation est vraiment aisée. Vraiment très bon !!!!
Je voulais te remercier de m'avoir répondu par mail suite à un problème technique et j'ai même pas pris le temps moi de te répondre pour te dire que j'avais trouvé la solution......
Merci encore !!!!!
Woaw - super boulot !!!! fan des nouvelles couleurs et de l'ergonomie
vivement les nouveaux tutos :D
Du très bon travail, chapeau bas à toute l'équipe !
Hé bé, t'as du bol d'avoir des gens aussi talentueux dans ton entourage :)
En toute transparence, une refonte aussi complète ça coûte combien ?
Vraiment magnifique ! Un très beau travail, un design épuré, ergonomique, une navigation claire ... Que du bon. Mes félicitations à toute l'équipe qui a travaillé sur ce beau projet.
De plus le logo est épatant ! Mes compliments pour l'artiste, ainsi que pour les splendides illustrations. Vivement les nouveaux tutos de Mattrunks !
Que du bonheur et surtout du courage pour la suite.
Très joli le site,beau design et belle refonte du logo
Félicitation!!!!
Félicitations à toute l'équipe. Un tel contenu méritait cet emballage de qualité.
Ha ça fait du bien de plus avoir à se reconnecter à chaque fois, Merci !
En tout cas très très bon boulot, TOUTES les améliorations sont appréciables, et ça valait le coup d'attendre (depuis tout ce temps) cette nouvelle version :D
Très jolie transition de site web ! Apprendre que c'est GrafikArt qui s'est occupé du développement Web me rempli de joie étant donné que je suis ce site depuis un petit moment.
Une dernière choses, je crois qu'il existe un moyen de bloquer la modification du champ de saisie (Sur Google Chrome) pour ne pouvoir la modifier que du haut vers le bas.
Vérification à présent faite, il faut utiliser :
textarea {
resize: vertical;
}
Cela rajouterai un petit plus pour éviter la petite scrollbar au bas de l'écran.
Et merci pour ce nouveau site !
Felicitations, cette nouvelle version a l`air tres reussie! Vraiment du beau boulot, tant au niveau du design que du developpement (et du contenu)! Bonnes chance pour la suite!
De l'autre bout du monde, je decouvre la bete en arrivant au boulot. Classe. Nikkel. Propre. J'aime. Je vais parcourir de ce pas la bete.
Et felicitations aussi!
Et bravo aux devs!
Superbe ! Interface lumineuse et design, de la fraîcheur, une navigation claire et déjà de nouveaux contenus. Tout ça est très prometteur, je suis impatient de voir les nouveaux tutos, particulièrement ceux mélangeant C4D et After.
Un lancement avec plus de nouveaux tutos aurait pu avoir un impact plus fort non ? A quelques semaine près... Trop impatient sans doute ;-) Bien vu pour l'"achat" de tutos à l'unité. La limitation du téléchargement est compréhensible, sinon on pouvait ne s'abonner qu'une fois par an pour tous les télécharger.
Tes articles sont toujours de bonne source de découvertes et d'inspiration... plus qu'à mettre en place le forum pour faire de ce site une plateforme incontournable de l'After francophone. Bonne continuation pour faire vivre ce site comme il le mérite. Bravo à tous :)
Bravo à toute l'équipe, du bon boulot!
Hello !
Je ne suis pas un habitué pour laisser des commentaires sur les sites en général mais Mattrunks, quel site !
Je suis inscrit depuis 2010 quand j'étais encore étudiant et je piochais 2-3 tutos par ci par là.
Je ne t'ai jamais remercié donc j'en profite pour le faire maintenant.
En plus de la technique que tu nous apprends, moi ce que j'ai vraiment appris en regardant tes tutos c'est donner du RYTHME et ça c'est très important !
Je bosse pour une boite de design qui me demande des créa animées (eux qui ne font pas du tout de motion) donc je n'ai pas trop de mentor pour l'animation. C'est donc naturellement que j'apprends avec tes tutos...
Je te remercie et si le formateur 3DS avait quelques notions Maya et une licence sous la main, quelques tutos seraient plus qu'appréciés, bien qu'à la base je viens sur Mattrunks pour AE !
Chapeau à tous ces gens qui ont bossés sur ce nouveau site et chapeau à toi pour ces merveilleux tutos !
Je te souhaite beaucoup de plaisir et d'épanouissement dans ta vie professionnelle !
Superbe refonte :) bien joué, ça donne encore plus envie d'apprendre sur Mattrunks :D
Felicitation!
Un nouveau bébé a la hauteur des plus exigeant,bravo!!!
RESPECT pour tout ce travail!!!
Bastéo
SUper mais ou est passée le forum?
Un ENORME bravo pour ce changement ! Je suis Fan :-)
On se réjouit des nouveaux tutoriaux et des diverses informations qui s'y trouveront ;-)
Bravo à toutes l'équipe !
Dracks
Beau travail. Les templates du sites sont claires et aérées, donc c'est une vraie valeur ajoutée pour l'expérience utilisateur.
Par contre, attention a ne pas changer trop souvent de look pour le logo, car dans les grandes théorie de la com' il y a cette fameuse histoire de "courbe de notoriété". J'espère que tu envisage cette nouvelle mouture comme intemporelle, car c'est toute la difficulté de traverser les modes et tendances du moment. A force de coller à celles-ci, qui sont de nature éphémère, qui sait ce que l'on gâte de son identité ?
félicitations pour le travail effectué et superbe typo !
Super travail =) Je suis vraiment fier d'avoir connu l'évolution de site et je suis tout excité de jouer avec toutes ces nouvelles fonctionnalités.
Vivre de sa passion, ça m'en jalouserait presque =p. Félicitation !
Très touchante dédicace.
Trop bien ce nouveau site ou plutot cette nouvelle refonte grafique je croit et j'en suis même sur que ca valait le coup d'attendre :)
Super le site , le new logo et l'image d’accueil !! Enfin tous ton site est super !!
Bravo pour cette nouvelle version, très jolie.
Et j'aime particulièrement le petit Code Konami intégré ;)
Très beau
C du lourd !!!
Bravo et j'espère que tu nous aidera à être aussi bon que toi et ton équipe !!!!
bonjour les amis! wooahooo! c'est trop cool! moi j’avoue que c'est réussi! moi je veut en faire mais je n'arrive pas, je crois que à chaque teste! vous pouvez m'aidez? merci d'avance! à bientôt!
Hello, ton mockup est super joli, tu as utilisé quoi pour le faire ?
Merci ! J'ai utilisé http://www.mockflow.com/ pour faire les mockups :)
Excellente la refonte !
Pour le logo c'est intéressant de voir le croquis de recherche :) .
Pour le site, l'accès aux infos est très pratique, le design est classe et claire je trouve.
Le site est plus rapide à charger j'ai l'impression ainsi que les vidéos.
Le principe des onglets permet de vraiment mieux ci retrouver je trouve et j'aime les onglets ^^. D’ailleurs cela ma donner envi d'un peu mieux compléter mon profile :D
Bravo et merci pour ces tutos très instructifs.
Très beau, très réactif (même avec IE9 ;0)et très bien organisé. Superbe travail d'équipe!
outch... le bouton "connectes-toi" y'a que moi que ça choque ?
Faut revoir l'orthographe ;-)
idem en page 404, revoir l'orthographe ;-)
"La page que vous recherchez n’existe plus[...]faire une recherche pourrais vous aider."
bon en fait j'ai repéré pas mal de fautes sur l'ensemble du site. Il faudrait faire un audit complet.
Contacte-moi si tu veux qu'un correcteur fasse le tour de ton site, je te ferai un tarif.
Hello Sébastien, et merci d'avoir fait un petit tour. Je vais corriger les plus grosses dès que j'aurais un peu de temps, mais ce n'est pas du tout l'une de mes priorités de dépense pour le site en ce moment, même si c'est important ;)
Salut,
Je suis un grand FAN, mais même si le site est super beau et tout, il manque le forum et surtout un onglet ou autre truc qui montre les dernière nouveauté sur la page d’accueil.
Je m'explique quand je vais sur mattrunks, je suis obligé de cliquer dans blog pour voir si ya un nouvel article ou cliquer dans formation pour voir s-il y a un nouveau tuto. Alors oui ce n'est pas super grave, mais c'est ce qui à mon sens manque cruellement quand je viens sur le site. Sinon encore un grod merci pour tout ce que tu nous apporte.
Hello, quand tu es connecté, il te suffit de retourner sur la page d'accueil, et tu auras accès à toutes les dernières news ;) Et comme normalement la connexion reste longtemps, tu devrais tomber sur cette page d'accueil à chaque fois que tu accèdes au site. Concernant le forum, il reviendra bientôt ;)
Ah d'accord, je me connecte toujours au boulot et donc je suis pas connecté ^^.
Merci pour l'astuce et là réponse.
Magnifique site que je découvre depuis une douzaine d'heure environ. Va savoir pourquoi en arrivant dessus je me suis fais la réflexion qu'il avait un look à la grafikart, un personnage que je suis également pour ses excellents tutos! Merci à vous les gars de nous apporter autant de votre savoir, que ce soit niveau développement web et motion design et félicitation pour ce superbe site très fluide et vraiment fonctionnel!
Au plaisir.