Afin d’allier pertinence de l’architecture d’information, esprit institutionnel et lecture agréable à l’oeil, Clever Garden a choisi de se baser sur une structure en boîtes très marquées, représentant chacune un service particulier ou des informations/documents que le contributeur peut mettre en avant de manière souple. La cohérence visuelle de ces boîtes est assurée par une grille verticale à cinq colonnes principales (25 colonnes en tout), et une grille horizontale de 18px.
L’expérience utilisateur, notamment en regard de la navigation entre les contenus « adhérents » ou « non-adhérents », ou de la consultation transverse par professions via des facettes de recherche (et volontairement non par une navigation croisée), ou également des cycles d’actions utilisateur polissés (inscription, adhésion, souscription newsletter, …) a bénéficié d’un soucis permanent et d’échanges ininterrompus entre les équipes Clever Age et Clever Garden, pour arriver au résultat le plus ergonomique, tout en étant le plus pertinent techniquement.
Technologies concernées
Au niveau back-end, l’application est à nouveau poussée par le CMS Noheto en back-office, et un front maison en Java/JEE s’appuyant sur les APIs Noheto pour le front-office.
Au niveau front-end, les étapes Garden, de la direction artistique à l’intégration, ont été réalisées sur l’appui de grilles Blueprint->http://www.blueprintcss.org/] (afin d’assurer la cohérence de la grille finale) ; l’intégration a été réalisée avec l’aide de l’outil [Less->https://www.clever-age.com/veille/blog/less-moins-de-css-pour-davantage-d-efficacite.html] (pour un développement plus rapide et une maintenabilité plus efficace du code CSS), et du [framework Z (pour un code HTML plus maintenable, et plus « directement utilisable » par les équipes de développement)
D’où vient-on, où va-t-on ?
Clever Age et Clever Garden étaient déjà là pour réaliser la version précédente du site, qui a existé pendant quelques années (c’était l’un des tout premiers projets Clever Garden !), mais cette réalisation a été abordée en revoyant tous les fondamentaux des besoins de l’association. L’application est en ligne depuis très récemment, mais une volée d’évolutions est déjà en train de faire son chemin…
Liens / captures
