Skipass 12.0 next generation
supprimer la photo

Photo de couverture

Cliquez ici pour ajouter une photo de couverture, ou déposez la photo dans ce cadre. Si les dimensions sont supérieures à 2000x1045 pixels, la photo sera automatiquement redimensionnée.

L'image d'en tête sera affichée derrière le titre de votre article.
Cliquez ici pour remplacer la photo de couverture (2000x1045 pixels), ou déposez la photo dans le cadre pointillé.

Skipass 12.0 next generation

présentation de la nouvelle version
article

C'est avec un très grand plaisir que nous vous présentons aujourd'hui la nouvelle version de skipass.

Il était temps me direz-vous...

Skipass est un gros paquebot… A chaque fois qu'il faut changer de direction pour éviter un iceberg, faire un contrôle technique ou aller explorer un nouveau continent, ça demande beaucoup d'anticipation, de temps et de patience avant que le cap ne soit effectivement changé. Il nous aura donc fallu de longs mois de réflexion et de développement (100% en interne, c'est notre fierté) pour cette nouvelle version.

 février 1998 : nous proposions la bagatelle de 60 photos et la vidéo n'était qu'un rêve...

Skipass 12.0 next generation

Même si la différence saute aux yeux, le nouveau site n'est pas une révolution mais le fruit - forcément provisoire- de plus de 15 ans d'évolutions. Mais disons que c'est une évolution majeure bien qu'incomplète : la transition au Responsive Design demande en gros de recoder l'ensemble du site, c'est à dire chaque module créé depuis 15 ans. C'est un travail de titan qui ne sera totalement finalisé qu'à l'été 2014.

Responsive machin?

Coder en responsive design signifie que la mise en page s'adapte automatiquement et dynamiquement à la taille de votre écran, que vous utilisiez un iMac 27", un iPad ou un iPhone (ceci est une épuisette à troll) : amusez vous à redimensionner la fenêtre de votre navigateur pour voir. Un code unique gère l'ensemble et signe la fin de l'enfer des mises à jours multiples. Quel que soit le terminal que vous utilisez, vous avez désormais accès au même contenu dans des conditions de confort optimales. 

Une home page mieux organisée, plus "propre"

L'objectif de la Home Page est d'offrir plus de clarté et une identification immédiate de nos 3 domaines d'expertise : l'éditorial Freeski avec le magazine, les stations de ski (Guide, météo…) et le matos (guide, tests…). Nous n'oublions pas pour autant les forums, mais les habitués connaissent le chemin! D'ailleurs à propos des forums, notons qu'ils avaient été les premiers à bénéficier de la transition en responsive il y a quelques mois.

Désormais, quand quelqu'un arrive sur skipass pour la première fois, il comprend immédiatement ce que nous proposons (non, nous ne vendons pas de forfaits).

Skipass 12.0 next generation


Un travail sur les têtes de rubrique

Qu'il s'agisse du Guide des Stations ou de celui du Matos, la nouvelle mise en page est plus claire et offre un accès plus rapide aux informations essentielles, toujours en responsive évidemment.

Skipass 12.0 next generation


Un magazine magnifié

le magazine est la rubrique qui a bénéficié de l'approche la plus radicale.
On en avait un peu marre de s'entendre dire que le Web n'était pas fait pour les beaux contenus et soyons honnêtes c'est bien souvent le cas. Comme le magazine est un peu notre raison d'être, nous avons donc voulu lui rendre hommage en explorant de nouvelles façons de mettre en valeur les contenus. 

Skipass 12.0 next generation

Nous avons allégé la mise en page pour remettre le contenu au centre de l'attention, avec notamment un énoooorme visuel d'intro qui permet de plonger dans le corps de l'article, qui reste canalisé pour un meilleur confort de lecture. Cela fonctionne particulièrement avec la photo de Dylan Florit au Japon que nous utilisé ci-dessus mais aussi très bien ici ici ou là ou encore ici… Nous avons également amélioré la présentation des portfolios.
Et le tout est bien entendu optimisé pour votre téléphone ou tablette, pour permettre une lecture aisée en mobilité (ce qui n'était pas le cas de la version précédente). La version tablette est particulièrement confortable.

Voilà, ce qui est bien avec le web c'est qu'on n'en a jamais fini mais disons qu'aujourd'hui on est très content de ce pas en avant, en attendant le prochain. Ceci étant dit, chaque mise à jour entraine toujours son lot de "c'était mieux avant" donc nous attendons vos retours même si nous sommes assez confiants ;-)

37 Commentaires

ronron
ronron A vomir.

Le bandeau de pub qui prend la moitié de la pub est intolérable.
Encore plus illisible qu'avant....
On a l'impression que y a que des test de ski, matos, stations, resto etc....
 
 

Connectez-vous pour laisser un commentaire

G
Staff
G si tu ajoutes le magazine, tu viens en effet de lister 80% de l'audience du site!
merci pour ces encouragements constructifs!
 
 

Connectez-vous pour laisser un commentaire

ronron
ronron Ca fait longtemps qu'on a compris que skipass s'axe sur le fric, le fric et encore le fric.

Je suis désolé mais mes critiques sont constructives, le site est réellement illisible, on se perd dedans.
Sachant que les rubriques mag, station et matos sont plus petites que la pub du milieu, faut pas trop nous prendre pour des buses.

Trop de pub car moi, j'en ai rien à foutre.

Et je vois pas pourquoi je vous encouragerais à faire un truc que je n'aime pas.
 
 

Connectez-vous pour laisser un commentaire

p1nouille
p1nouille je pense que vous pourriez élargir la zone de texte, en plein écran sur un portable 13 pouces (1280x800), ya plein de vide qui reste. j'imagine même pas sur un écran 19 pouces qui est plus standard sur un pc fixe
 
 

Connectez-vous pour laisser un commentaire

p1nouille
p1nouille je comprenais pas le commentaire de Ronron, j'utilise AdBlock (c'est un choix). c'est vrai que c'est pas beau ce bandeau de pub, ça pique un peu mais si c'est nécessaire... libre à chacun d'utiliser une solution telle que celle citée plus haut.
 
 

Connectez-vous pour laisser un commentaire

G
Staff
G on pourrait sans problème mais la lisibilité en pâtirait : lire de longues lignes entraine une fatigue visuelle beaucoup plus importante. Pour ce qui est de la taille de l'écran, la référence est le 13", nous sommes obligé de nous caler sur le plus petit commun dénominateur.
 
 

Connectez-vous pour laisser un commentaire

lamenace
lamenace p1nouille t'as peur du vide hein!
Remarque classique dans le web, le vide fait peur, faut vite remplir toute la page

Sinon pour la nouvelle version ça va dans le bon sens mais je trouve que le contenu est un peu trop tassé sur la partie haute et ça donne un manque de lisibilité, sans doute certains contenus devraient être mieux marketés et organisés

DA interne ?
 
 

Connectez-vous pour laisser un commentaire

bencarbon
bencarbon j'ai lu le commentaire de ronron, mais bon, perso j'ai adblock, donc aucune pub, je ne peut donc rien dire. et sans pub, ca fait un peu interface de windows phone, j'aime bien :)
 
 

Connectez-vous pour laisser un commentaire

G
Staff
G externe mais avec qui on bosse depuis des années... mais on intervient beaucoup aussi tout le long du process bien entendu...
 
 

Connectez-vous pour laisser un commentaire

kanabzh29
kanabzh29 Le site reste très lent, les CSS / images ne sont pas sur un autre nom de domaine (un domaine "static" quoi) , les CSS et JS ne sont pas minifiés, tout cela ralenti l'affichage de la page.
Tous les textes sont trop "collés" ce qui fait un peu illisible. Il faudrait plus d'espace entre les blocs, ou des couleurs de fond différentes pour bien visualiser les séparations.
 
 

Connectez-vous pour laisser un commentaire

Prorider74
Prorider74 Passé le premier choc visuel ça rend plutôt bien, même si je trouve les blocs un peu trop accolé les uns aux autres. La pub est forcément nécessaire pour le site, et au moins elle est ciblé ça ne déteint pas par rapport au contenu ( ça me propose pas mes derniers articles consulté sur skipass)
Mouai juste cette histoire de rubriques que je trouve pas assez séparé sur le haut, sinon félicitation !
 
 

Connectez-vous pour laisser un commentaire

lamenace
lamenace Y'a un peu d'alpinkultur dans la typo et certains blocs , moi j'aurai bien vu un truc avec une identité forte comme eux
Next Time ?
 
 

Connectez-vous pour laisser un commentaire

G
Staff
G il a fallu jongler avec pas de contraintes sur le "premier écran" qui correspond à un affichage sur portable 13". Il fallait mettre en avant nos 3 univers, tout en intégrant la pub évidemment qu'on a néanmoins placée après le contenu, contrairement à la plupart des sites. Et ce nouveau format pub permet aussi de se débarasser du 300*600 (les pubs rectangulaires verticales) qui sont une vraie abomination pour qui veut controler un minimum sa mise en page. Pour conclure sur la pub, on a aussi bon espoir que ce nouveau format permettra des créas plus sympas.

Donc c'est vrai que c'est un peu serré, notamment pour faire passer le concept de l'organisation en colonnes. On procédera sûrement à des ajustements.
 
 

Connectez-vous pour laisser un commentaire

G
Staff
G connaissais pas alpinkultur (tu parles du .se et pas du .com j'imagine) C'est joli mais leur problématique est plus simple, ils ne font que de l'editorial de ce que j'ai rapidement vu.
Dans la partie mag, on a un parti pris assez fort aussi.
 
 

Connectez-vous pour laisser un commentaire

Prorider74
Prorider74 G , y'a t-il une petite page pour remonter les petites choses qu'on peut remarquer en naviguant plutôt que de pourrir de commentaires cette page ? ( par exemple sur le matos, les petites écritures rouges à coté des titres bavent un peu sur ma pauvre dalle pas rétina)
 
 

Connectez-vous pour laisser un commentaire

Mathieu25
Mathieu25 Passé le premier choc de la réorganisation, je dois avoué que c'est plus clair et mieux structuré. Le responsiv marche plutôt bien, et les photos en grand écran (24pouces) claquent bien!

Je trouve juste que la home page est un peu trop saturée. La typo est un peu trop condensée et trop "FAT" et du coup on ne fait pas très bien la différence entre les titres des sous-titres etc...

Sinon, beau travail!
 
 

Connectez-vous pour laisser un commentaire

kaillou38
kaillou38 j'aime bien le concept de responsive design limité au 13"...

Sinon, je trouve que tout est beaucoup trop collé aussi, j'ai du mal a faire la différence entre les bulles

Pub qui me choc pas, par contre celle sur cet article est impressionnante, je suis obligé de scroller quasi la page entière pour atteindre le contenu
 
 

Connectez-vous pour laisser un commentaire

G
Staff
G attention, dans les articles ce n'est pas une pub! c'est le visuel principal de l'article (là il n'y a pas trop de rapport mais on a choisit un visuel qui claquait)
 
 

Connectez-vous pour laisser un commentaire

nuxandjopopo
nuxandjopopo Sa fait bien plaisir de voir une nouvelle structure de site, au fur et a mesure il y aura surement des réglages a faire (le seul pour moi est la gestion typographique), je dois dire que c'est un putain de boulot de faire marché tout ça, les gens ne se rend pas bien compte de la difficulté a faire fonctionner un site dynamique, la moindre action qui parait simple, se cache derrière un code bien complexe ! En tout cas bon courage pour la suite, parce que la vous avez pas finis de vous prendre la tête !!! ENJOY !
 
 

Connectez-vous pour laisser un commentaire

ITWhite
ITWhite Ça a de la gueule !! Tout est là !
On est sorti du côté "forum à l'ancienne" que pouvait dégager l'ancien site. Bravo !!!

Les "petits côtés négatifs" (pour être plus diplomate que le post d'en dessous), c'est très (trop?) dense. Beaucoup d'informations, beaucoup de modules, mais des délimitations peut-être un peu trop légère pour qu'on puisse voguer sur la première page avec clarté.
 
 

Connectez-vous pour laisser un commentaire

O
Staff
O kanabzh29 -> tu dois te tromper. La plupart des JS et CSS sont minifiés, mis en cache pendant 1 an et envoyé avec gzip... Je peux te demander où c'est que tu vois des css et js non minifiés? Le seul cas qui me vient à l'esprit dans l'immédiat est modernizr.js

Pour le domaine qui sert nos contenus 'statiques': on l'a déjà mis en place pour les images du site, les js et css vont suivre...
 
 

Connectez-vous pour laisser un commentaire

_thomas_
_thomas_ Je trouve ça chouette ! Avec Adblock, je ne sais pas ce que ça donne sans. Bon, j'ai acheté un t-shirt l'année dernière pour me faire pardonner ;)
 
 

Connectez-vous pour laisser un commentaire

Petit Fanfoué
Petit Fanfoué C'est dommage d'utiliser encore du flash player pour les videos ca reste illisible sur les tablette android 4.2...il faut absolument faire quelque chose.le flash est voué a disparaitre..
 
 

Connectez-vous pour laisser un commentaire

Magnum
Magnum Où est le fond bleu avec les flocons? ;)
j'était pas fan de la précédente mouture là, ça va mieux surtout pour les supports type tablettes/smartphones moins convaincu en version pc
 
 

Connectez-vous pour laisser un commentaire

Straight-Down
Straight-Down J'aime bien, ca fait un peu fouilli au debut mais c'est joli. En tout cas ca a l'air d'etre un sacré merdier à creer, bravo de l'avoir fait en interne, le faire faire en inde aurait sans doute couté moins cher! ;)
 
 

Connectez-vous pour laisser un commentaire

O
Staff
O Pour les tablettes et téléphones sans flash, on ne devrait pas tarder a mettre en place une meilleure solution vidéo :) sur zapiks ça sera dans 2 semaines, sur skipass peu après...
 
 

Connectez-vous pour laisser un commentaire

damien746
damien746 Très beau boulots! Peut on avoir un liens qui retrace l'évolution de la page skipass d'année en année il me semble qu il avait été donné il y a un ou deux ans??? Merci
 
 

Connectez-vous pour laisser un commentaire

p1nouille
p1nouille @lamenace tu as raison, ça ne sert à rien de meubler du vide à mauvais escient, mais je trouve que ça n'est pas agréable d'avoir des zones vides de taille trop importante qui existent quand le texte n'est pas centré sur l'écran.
@G donc en prenant en compte ta remarque, plus que pertinente sur la longueur des lignes, je pense qu'il serait plus agréable que la zone de texte soit plus centrée dans la fenêtre, qui en taille max correspond à l'écran.
 
 

Connectez-vous pour laisser un commentaire

Anthony Sendra
Anthony Sendra C'est mieux ! Mais à mon gout, il reste des efforts à faire sur la page d'accueil. Pour le reste on sent le travail de refonte : la page principale des stations passe beaucoup mieux.
D'ailleurs, comment faites vous pour avoir les informations sur autant de stations quand certains n'en proposent qu'une centaine ?
 
 

Connectez-vous pour laisser un commentaire

G
Staff
G "Est ce vraiment nécessaire d'avoir les derniers titres et Toutes les rubriques représentées en page d'accueil. Je penses que chacun sait ce qu'il cherche et par ou le trouver, vu que le menu déroulant en entete est super clair... "

on trouvait ça un peu minimaliste de mettre juste le logo et la barre de navigation mais c'est une piste ;-)
 
 

Connectez-vous pour laisser un commentaire

Skiva
Skiva je trouve que cette nouvelle interface fait du bien, ca change de l'ancienne. que des bonnes choses pour ma part, sauf peut etre les titres qui sont en effet trop gras . sinon bon boulot bien joué
 
 

Connectez-vous pour laisser un commentaire

axel38340
axel38340 Le reproche que j'aurais à faire c'est que le nouveau site donne encore moins visibilité au vidéo amateur. Il faut descendre longuement les vidéo coups de cœur ( bien souvent sélectionné plus au nom du rider qu'à la qualité de la vidéo) pour espérer apercevoir les nouvelles vidéos qui disparaissent en quelque heure dans les archives du site..
 
 

Connectez-vous pour laisser un commentaire

fullspeed
fullspeed soyons constructif. la page d'accueil est vraiment illisible.
a mon avis : les titres des articles sont ecrits trop gros et en gras...donc on voit mal la hyérarchie.
les mini images en face de cahque titre, c'est joli mais au final on aune page d'accueil en vrai kaleidoscope.. ca rend l'ensembl illisible. pourquoi pas une image que pour le dernier article de la rubrique ou bien l'image qui apparat que si on survole le titre....
Est ce vraiment nécessaire d'avoir les derniers titres et Toutes les rubriques représentées en page d'accueil. Je penses que chacun sait ce qu'il cherche et par ou le trouver, vu que le menu déroulant en entete est super clair... d'ailleurs pourquoi ne pas le mettre en position flottante en haut, afind e tjs l'avoir en visu meme quand on est en bas de page....

Allez, courage, vous allez arriver a épurer tout ca j'espere rapido!



+1

c est illisible!
 
 

Connectez-vous pour laisser un commentaire

tanker
tanker Je n'aime pas fond blanc d'écriture sur fond blanc d'écran. Peut-être est-ce temporaire mais ça "fume" les yeux en un rien de temps. Je trouve qu'il manque le petit bandeau déroulant de chaque section pour atteindre les sous-sections (magazine, stations,...), j'appréciais bien cela sur la version précédente, ça permettait de se rendre rapidement où l'on voulait. Et effectivement le bandeau pub est très , très, très voyant... Il faut pour vivre, certes, mais là si ça continue, vous allez battre ELLE ou MADAME FIGARO!! :)
Allez, encore quelques améliorations, et ça sera bien ;)
 
 

Connectez-vous pour laisser un commentaire

 
 

Connectez-vous pour laisser un commentaire

Sur le même thème

Ouverture de la première station en France ce vendredi 22 novembre au Markstein
Ouverture de la première station en France ce vendredi 22 novembre au Markstein Ca se passe dans les Vosges, du côté du Markstein ! 7 22 nov.
Météo du jeudi 21 novembre : Encore de la neige et le premier créneau de ski !
Météo du jeudi 21 novembre : Encore de la neige et le premier créneau de ski ! Les conditions hivernales se maintiennent sur le pays 5 21 nov.
Les nouveautés Scarpa 2025 - TX Pro et Quattro Pro
Les nouveautés Scarpa 2025 - TX Pro et Quattro Pro Deux nouvelles pompes de Pro débarquent sur le marché ! Sponsorisé par Scarpa
.