Huma.a

Description

Site internet réalisé pour le compte de l'association Huma.a, un collectif de Dj's Lyonnais.

Huma.a est une association de la loi 1901 issue de l’héritage du mythique DV1, club Lyonnais ayant fermé ses portes en 2016.

Dans l'idée d'accompagner le lancement de l'association, il fallait à cette dernière une vitrine sur le web et c'est à ce niveau là que j'interviens en rejoignant l'association et en prenant en charge le développement d'un site vitrine simple.

La première version de ce site, sortie rapidement afin de se faire une place au niveau du référencement, a été développée à l'aide d'un template Bootstrap.

Pour des raisons d'optimisation surtout pour l'alléger, j'ai donc redéveloppé entièrement le site de zéro (septembre 2018) en oubliant tout type de framework. Le résultat chargeant très rapidement son contenu : uniquement le nécessaire à l'arrivée sur site puis tout le reste lors du déroulement de la page.

L'étape suivant consiste à mettre en place un Back-Office à destination des artistes & membres de l'association. Il s'agit de faire en sorte de rendre les membres plus autonomes vis à vis de moi sur la gestion du contenu de ce site. Les artistes peuvent donc désormais éditer leur présentation respective (nom, description, réseaux sociaux, etc...). Il est également maintenant possible pour les utilisateurs du BO de modifier la description de l'association, d'ajouter des évènements ou encore des mixs. Un système de "droits" permet de gérer les "pouvoirs" de l'utilisateur dans le BO.

Le dernier ajout en date est l'intégration d'une petite boutique en ligne permettant à l'association de vendre ses tee-shirts en ligne (via PayPal).

This website was made for Huma.a, a group of DJs from Lyon.

Huma.a is governed by the 1901 law and is DV1’s legacy (the legendary club which closed down in 2016).

In order for Huma.a to be launched, it needed a showcase site. I decided to join this group and develop a simple one page website.

The first version of the website was out very quickly in order to get a good place in terms of referencing. It was developed with a Bootstrap template.

To optimise and lighten the website, I felt it was time to redesign it so I developed it once again, starting from scratch in Septembre 2018, without using any framework. The content loads very fast: only the necessary content loads when clicking on the website and the rest loads as the user scrolls down the page.

The following improvement consisted in developping a Back-Office for the artists and the members. The goal was to give independence to any member so they could change the content whenever they saw fit. All the artists can now edit their respective description (name, info, social network, etc.). They can also modify the description of the group, add events or add their mix. I put in place a system which allows me to manage who gets what rights on the back-office.

The latest improvement consists in adding a small online boutique so Huma.a can sell t-shirts online (via PayPal).

Détail

Client : Association Huma.a
Période : Depuis septembre 2017

Technologies employées

HTML5
CSS3
Javascript
PHP
MySQL
Facebook API
Aucun frameworks

Fonctionnalités

Site "One page"
CMS sur mesure
Petite boutique
Player audio
Lazy-loading (images -vidéos - iframes)
Formulaire de contact
Gallerie d'images (zoom au survol de la souris)
Système de changement de langue
API basique
Voir le site