Littlebigchoses

Ensemble.s

projet.

Intégration, webdesign & développement

année.

2024

à propos.

Ensemble.s est une agence qui travaille sur des sujets d’architecture et d’urbanisme. L’agence, basée à Saint-Brieuc, m’a confiée la refonte de son site internet.

partager.

identité.

Avec pour point de départ le logo et un brief précis, il a fallu concevoir un site internet très simple mais aussi ludique, cet aspect étant essentiel dans les projets conçus par l’équipe d’Ensemble.s. 

Basé sur le CMS WordPress, j’ai conçu un site sur-mesure qui répond à ces besoins et qui permet à l’agence d’être autonome sur l’ajout et la modification de contenu.  L’espace d’administration a lui aussi été entièrement simplifié pour permettre une utilisation au quotidien facile et rapide.

mise en page.

Le cahier des charges annonçait l’envie d’un design simple, voire minimaliste, avec des touches de couleurs. 

C’est après quelques allers-retours que nous avons trouvé la bonne combinaison en ce qui concerne la page d’accueil. J’y ai ajouté un pré loader (une image qui se charge avant le contenu). J’ai proposé tout simplement que le logo de l’agence s’affiche quelques secondes avant le chargement des projets, permettant ainsi d’ancrer l’identité de l’agence dès les premières secondes de consultation du site.

Cette mise en avant du logo laisse place à l’ensemble des projets, sans autre texte que le menu comportant 2 onglets, ‘index’ et ‘agence’. Ces 2 onglets sont en fait des pop-up qui apparaissent par-dessus le contenu de cette page d’accueil. Il apparaissait inutile d’en faire des pages distinctes puisque leur contenu est assez réduit. Ici, on met en avant les projets. Le côté ludique et coloré est apporté par la navigation. En effet, au survol de ces onglets, le curseur (un petit rond de couleur bleu) s’agrandit pour indiquer le nom de l’onglet que l’on survole. Cette navigation apporte la touche ludique et colorée qui permet au site de ne pas paraitre trop austère.

Le pop up ‘agence’ présente la philosophie de l’agence, son équipe et permet de prendre contact

Le popup ‘index’ permet de naviguer au sein des projets sous forme de liste, aidé par l’apparition d’une image du projet au survol de celui-ci.

 

En cas d’actualité, un pop up est prévu sur la page d’accueil, visible 1 fois par session.

les projets.

La page ‘projets’ (qui est aussi la page d’accueil) ne comporte aucun texte. Les noms des projets apparaissent au survol de ceux-ci.

Une fois cliqué, chaque projet apparait toujours de la même manière. Le projet est présenté en pleine page, le scroll se faisant de façon horizontal. Les 4 coins de la page sont occupés par des éléments graphiques ou textuels (en haut à gauche une flèche retour vers la page ‘projets’ ; en haut à droite un bouton ‘texte’ qui permet d’afficher un texte par-dessus le projet ; en bas à gauche le nom du projet ; et en bas à droite le nombre d’images du projet).

Au survol de l’mage du projet, des flèches apparaissent pour naviguer au sein du projet (on peut aussi scroller vers le bas ou le haut pour changer d’image, ou bien utiliser les flèches du clavier).

Comme sur la page d’accueil, au survol du bouton ‘texte’, celui-ci se change en grand rond bleu avec le nom ‘texte’ à l’intérieur, pour apporter une touche colorée et ludique.

le responsive.

Une attention particulière a été porté au responsive, le site devait s’adapter parfaitement sur tous les supports sans compromis sur la mise en page.

utilisation.

Chaque site réalisé par Littlebigchoses possède son espace d’administration personnalisé pour une utilisation facilitée. Cela se traduit par un espace sobre dont seuls les onglets nécessaires à l’administration au quotidien sont visibles, en concertation avec les exigences et compétences du client.

Une notice d’utilisation ainsi que tous les identifiants du site (identifiants relatifs à l’hébergement, identifiants ftp ainsi que les identifiants d’administration complets) sont remis au client à la fin du projet, il devient ainsi propriétaire à 100% de son site internet.