M2A - Maçonnerie

Deux semaines, deux site web. L'agence Kanzaï a travaillé pour deux clients afin de leur réaliser un site web qui correspond à leurs besoins

Le client et la demande

Pierre-André Flamens est un maçon travaillant à la fois sur le bâti ancien et sur le bâti nouveau. Il est localisé à Aix les Bains et propose ses services sur la Savoie et la haute savoie, et dans la région lyonnaise. M. Flamens a eu besoin d’un site vitrine pour présenter son travail et mettre en avant ses services.

La demande consistait donc à réaliser ce site qui avait comme contrainte de pouvoir être administrable facilement. Nous avons donc d’abord réalisé une maquette de chaque page nécessaire à son site, puis les avons intégrés sur Wordpress.

logo

Les choix de conceptions

Pour ce projet, l'agence a formé deux groupes de travail composés de trois et quatre membres. Après s'être mis d'accord sur une arborescence commune, chaque groupe a réalisé une maquette à proposer au client.

Toutes les deux ont été réalisées sur Figma pour favoriser le travail collaboratif. Les deux propositions sont apparues finalement dans deux styles bien distincts : l'une reprenait les couleurs du site déjà existant mais apportait, dans un souci de modernisation, une structure plus en accord avec l'air du temps ; et l'autre, réalisée à partir de couleurs plus claires, s'inscrivait dans un esprit plus traditionnel pour coller au domaine professionnel visé.

Après la prise en compte des premiers retours du client, les deux groupes ont travaillé ensemble sur une version hybride des deux premières propositions pour finalement obtenir une maquette finale satisfaisant le client. Après sa validation, chaque groupe a codé sa propre version du site sous Wordpress en utilisant Github comme outil collaboratif.

Si les deux versions étaient bien avancées, les deux groupes se sont réunis une dernière fois en choisissant la plus complète pour terminer et peaufiner ensemble ce qui sera la version finale du site web.

group 1 proposition group 2 proposition

Les obstacles

1ère semaine : réalisation du design du site respecté. Le client a demandé de mélanger les designs (designs de l’une des propositions et couleurs de l’autre). Problème rencontré : nous avons eu cette information un jour avant la 2ème semaine. Lorianne et Anthony ont alors créé le design mélangé assez vite mais cela n’a pas posé problème par la suite.

2ème semaine : intégration du site. L’intégration n’a pas totalement été terminée (manque de pages dont les mentions légales) mais pas le responsive et le code n'était pas réalisé au mieux pour faciliter le responsive.

Steeven a ajouté les pages manquantes et a essayé de faire au mieux le responsive (l’affichage sur Safari n’est pas correct) après ces 2 semaines. Notamment durant la semaine de réalisation de projet (en janvier).

Pour conclure : le site est fonctionnel, le formulaire de contact fonctionne, le responsive fonctionne en partie sur tous les navigateurs, mais il n’est pas conseillé d’utiliser le site sur Safari. Il manque encore la page des mentions légales.

contact page about page

Bilan de l'experience

Nous sommes satisfaits de notre réalisation. De plus, grâce à ce projet nous avons pu nous améliorer en CMS et Wordpress, mais aussi apprendre le fonctionnement d’outils collaboratifs tels que Github ou Figma. En effet dans le groupe qui s’est chargé de faire ce site web, il n’y avait pas peu d'experts en programmation.

Cependant, nous nous sommes tous investis et accrochés et nous avons pu mener ce projet à bien, ce qui est essentiel. Cela fut aussi une expérience intéressante car le secteur d’activité du client était assez éloigné de ceux pour lesquels on avait l’habitude de travailler. Cela nous a permis de découvrir un univers, et de se plonger dedans afin d’apporter au client la réalisation la plus adaptée.

Réalisation

acces web site
Accès au site web

La racine

Anthony

Anthony Nehlig

graphiste

Lucas

Lucas Reymonet

graphiste

Diego

Diego Prieto Rodriguez

graphiste

Steven

Steven Lombardi

développeur web

Come

Côme Fisset

relation client et graphiste

Loriane

Loraine Kah

graphiste

Clement

Clément Desouche

développeur web