Nouvelle version du site pour les 13 ans de Clubxtrem
14/09/2014 dj_bob actualités du site
PartagerEh oui ! Clubxtrem fête son 13ème anniversaire. Pour l'occasion, nous sommes heureux de vous proposer une toute nouvelle version du site : la v5. Fini le site consultable uniquement sur son écran de PC, fini le thème graphique vieillissant... Par cette nouvelle version, nous espérons vous offrir une expérience utilisateur et une navigation sur votre site de bien meilleure qualité ! Place aux changements.
Améliorations transverses
Avant de vous parler de la page d'accueil ou d'autres parties du site, nous abordons les améliorations transverses qui impactent et/ou apparaissent partout (ou presque) sur le site.
Design adaptatif
Fort du constat selon lequel il y a de plus en plus de mobinautes (internautes sur mobile), mais aussi de personnes équipées de tablettes, nous souhaitons un site accessible à tous. C'est chose faite. Désormais, vous pouvez consulter votre site à travers une large gamme d'appareils (écrans de PC, smartphones, tablettes...).
Clubxtrem sous mobile et tablette
Lors de l'élaboration de ce nouveau thème graphique, nous avons donc pensé à cet aspect et voulu laisser plus de place à un contenu qui respire, pour rendre la lecture plus confortable et facile qu'avant, quelque soit l'écran utilisé. Ainsi, nous retrouvons le site dans des pages mieux organisées et à l'image de Clubxtrem, avec du noir et du orange (nos couleurs historiques). 
Formulaire, espace de rédaction, post / commentaire / pm
Ces différents éléments ont été uniformisés sur l'ensemble du site. En effet, tous les formulaires ont été refaits (exemples : formulaire de contact, formulaire d'inscription, formulaire de recherche, formulaire de commentaire rapide, formulaire pour faire un post / une news...). Ils sont tous mieux agencés et plus simple d'utilisation, ils apportent l'ergonomie qui manquait auparavant. Parfois un exemple de saisie est indiqué.
Les différents espaces de rédaction (rédaction d'un pm, d'un post dans le forum, d'un commentaire sur une news...) sont semblables désormais et ont eu droit à un gros toilettage pour être plus sympas et abordables. En effet, l'espace de rédaction dispose de gros boutons à la signification évocatrice (lien, image, citation, email, B, I, U) et de smileys plus frais et sexy.
Enfin la présentation des posts dans le forum, des commentaire ou des messages privés optent pour le même look, afin de proposer un ensemble cohérent et homogène.
Rédaction d'une annonce de soirée
Retour en haut de la page
Il est possible de remonter tout en haut de la page avec une petite animation qui fait dérouler la page jusqu'en haut. Cf. la flèche dans le coin en bas à droite de votre écran.
Notifications
A différents moments (souvent lors d'une soumission de formulaire, comme par exemple lors de la phase de login, soumettre une news ou un post...), nous avions une page intermédiaire qui affichait un message (exemple : "Bienvenue xxx"). Cela n'existe plus. Maintenant les messages sont affichés en bas à droite de la page (dans une bulle). Cela vous permet d'arriver instantanément à la page souhaitée sans passer par une page intermédiaire (qui s'avérait inutile notamment pour les habitués).
Colonne droite
Certaines pages du site (exemples : faq, forum...) ne disposaient pas de la colonne droite (qui contient de quoi rechercher quelque chose sur le site, consulter l'agenda rapidement...). Maintenant toute page du site a la colonne droite visible.
Lecteur média
Youtube, Vimeo et Soundcloud sont supportés (via les balises du même nom). Qui plus est, les lecteurs s'adaptent à la taille de votre écran.
Commentaire contenant une vidéo Youtube
Typographie
De nombreux efforts ont été fait sur la typographie (choix des polices de caractères, espacements des lettres, espacements des lignes...) pour vous permettre une lecture plus agréable.
Page d'accueil
Pour faire court et au lieu d'en parler pendant 15 pages, nous vous invitons à consulter la page d'accueil. L'organisation du contenu a été complétement revue avec de nouveaux espaces. Les blocs d'informations sont plus identifiables et plus clairs qu'avant, apportant une meilleure lisibilité. Chaque contenu dispose de vignettes d'illustration.
Parmi les nouveautés, il y a une barre de menus toute neuve, permettant d'accéder aux différentes rubriques et à votre espace personnel (profil, messages privés). Cette barre de menus est suivie d'un bloc nommé A la une, pour mettre en avant les actualités marquantes du moment, choisies par la rédaction.
Menu permettant l'accès aux divers rubriques
Un nouveau bloc nommé Plans pour sortir est présent sous les interviews et rapports. Ce bloc, en phase d'expérimentation, ne s'affiche que sous certaines conditions ; il se peut alors que vous ne le voyez pas. En tout cas, nous essayons ici de vous proposer des soirées qui pourraient vous intéresser.
Aussi, vous noterez l'apparition de nouveaux onglets pour les news / forums permettant d'accéder respectivement aux news populaires / sujets du forum populaires. Il y a également de quoi consulter les 15 dernières actualités et chroniques disques (via la pagination mise en place, permettant de naviguer de 5 en 5 news).
Billetterie
Toutes les pages de la billetterie ont été refaites. Il vous est désormais possible, dès la page d'accueil de la billetterie (et également depuis les pages d'établissements / de villes), d'aller directement vers les soirées de la même ville / du même établissement.
Sur les pages d'une ville / d'un établissement, les filtres par lieu sont affichées sous forme de tags pour une meilleure lecture.
Article
Un soin tout particulier a été consacré aux articles pour en faciliter la lisibilité.
Vignettes et images
Vous l'avez sans doute vu dès la page d'accueil (mais aussi dans les pages de catégorie de news), il y a des vignettes illustrant les articles. Tout ceci est issu d'un processus de longue haleine, démarré courant 2013, qui a permis de pérenniser les images des articles et de créer des milliers de vignettes illustratives.
Espaces redessinés
Tous les espaces de la page d'un article ont été redessinés pour faire apparaître les parties suivantes :
- le titre de la news
- auteur, quand, catégorie de la news, Facebook
- chroniques relatives
- participation (notes, commentaires)
Partie haute d'un article
A noter qu'un utilisateur non connecté verra un bouton l'invitant à se connecter. D'ailleurs s'il clique sur ce bouton, cela l'emmène via un petite animation directement vers le formulaire de connexion.
Catégories de news
Elles listent les news par catégorie comme avant, sauf qu'elles présentent désormais une vignette (si disponible) illustrant la news (exemple : chroniques techno). Du côté des interviews, nous avons en plus le drapeau correspondant à la nationalité de l'artiste interviewé.
Soumettre une news
La procédure devient limpide et guide mieux l'utilisateur. Nous noterons par exemple le filtrage possible sur la liste déroulante des pays / départements (pour accéder directement à ce que nous cherchons) pour les annonces de soirées et rapports de soirée.
Messages privés
La lecture et l'envoi de messages privés se font dans une page complète du site, et non plus juste une petite fenêtre illisible comme avant. Nous n'allons pas revenir sur le fait que c'est uniformisé avec les posts du forum et les commentaires des news.
Hormis l'aspect présentation, nous n'oublions pas l'aspect pratique. En effet, un bandeau jaune de notification vous signale de manière très visible la présence d'un (ou de) message(s) privé(s) encore non lu(s). A noter que dans le tableau listant tous vos messages privés, là encore, les messages non lus sont indiqués sur fond jaune.
Tu as un message privé non lu
Forum
Comme les commentaires des articles et messages privés, les posts sont consultables quelque soit la résolution de l'écran. C'est uniforme avec le reste du site.
Profil
Les pages du profil et de l'édition du profil ont subi divers ajustements (avec notamment l'ajout de champs pour indiquer ses Facebook, Discogs et Soundcloud).
Voilà pour le principal. Nous vous laissons découvrir les autres pages, vu que toutes ont eu droit à un lifting spéciale v5 (exemples : discothèques, agenda...).
Malgré les nombreux tests de l'équipe sur différents périphériques, il n'est pas impossible que quelques bugs soient passés entre les mailles du filet. Si vous en trouvez un, merci de nous l'indiquer dans le sujet prévu à cet usage : Clubxtrem v5 - Bugs.
Avant de terminer, jetez un oeil du côté des concours, il y a déjà du lourd pour cette rentrée avec :
2 places - CCU Party @ Double Mixte le 04/10/2014
Fin du concours : 26 septembre 2014
3 x 2 places - Kompakt Night avec Gui Boratto @ Zig Zag le 17/10/2014
Fin du concours : 01 octobre 2014
2 places par soirée - 1001 Bass Music Festival les 16, 17 et 18/10/2014
Fin du concours : 04 octobre 2014
2 places - 50 years Sven Väth @ Maimarkthalle le 25/10/2014
Fin du concours : 05 octobre 2014
Merci à vous, partenaires, membres de l'équipe et du site, contributeurs, visiteurs habitués ou simples curieux, de nous suivre et d'animer Clubxtrem et le milieu autour des musiques électroniques.
Bon anniversaire Clubxtrem.net et à l'année prochaine. 
L'équipe Clubxtrem.
Joyeux anniversaire et longue vie à Clubxtrem !
BON ANNIVERSAIRE CLUBX
SUPER CETTE NOUVELLE VERSION !!!!!!!
PS : je crois que je viens de trouver un bug, quand on clique sur editeur complet pour rédiger le commentaire, on est renvoyé en haut de la page de l'article
