Avant de lancer la refonte du site internet Ascelliance Retraite, nous avons procédé à un briefing complet détaillant les avantages et les inconvénients du site internet avant la refonte. Lors du briefing nous avons noté les attentes du client. De retour à l'agence, notre chef de projet a établi un cahier des charges qui servira à notre équipe tout au long du projet de refonte.

Par la suite, nos graphistes ont travaillé à la conception de maquettes pour les modèles de pages. Avec plusieurs propositions de maquettes, le client a ensuite sélectionné celle correspondant exactement aux objectifs établis dans le cahier des charges. Avec une mise en page adaptée au design responsive (tablettes et smartphone), l'étape de structure et maquette fut réalisée avec succès.

Pour la conception de l'interface graphique, il s'agissait pour les graphistes de travailler sur une gamme de couleurs et un graphisme en rapport avec l'accompagnement de personnes en maison de retraite, mais également envers le rapport humain. Prenant comme base de départ les maquettes préalablement établies, les graphistes ont imaginé une interface graphique originale pour mettre en valeur les articles, le contact par téléphone, les témoignages et les avantages de l'agence. Une fois les modèles de pages dessinés dans Photoshop puis déclinés pour une adaptation sur écrans multiples (responsive design) , il restait aux graphistes à procéder au lifting du logo Ascelliance Retraite.

Reprenant la fleur d'hibiscus comme modèle, depuis Adobe Illustrator, nous avons redessiné la fleur, puis adapté le logo Ascelliance pour faire ressortir l'aspect agence avec un centrage de la fleur, du texte et par un trait de part et autre du mot retraite. Une fois le logo dessiné en vectoriel et en noir et blanc, nous avons importé le logo dans Photoshop. Ensuite, afin de l'adapter à l'interface graphique, les graphistes ont ajouté quelques filtres pour le mettre en valeur au sein du site internet.

Après approbation de l'étape graphique, le développement fût lancé. Les développeurs ont pris le relais avec d'un côté le dessin des pages dans Photoshop et de l'autre une application de codage HTML. Toutes les pages modèles furent développées en HTML, CSS et JavaScripts, puis une fois la version bureau terminée, les développeurs ont décliné et adapté le code pour un affichage différent sur tablettes et smartphone. Il restait ensuite à ajouter le code PHP au sein des pages pour rendre le site dynamique. Enfin, nous avons installé le CMS Olloweb et connecté le site pour qu'il puisse être piloté par le client.

Dans un projet de refonte il est important de ne pas perdre le référencement déjà présent dans les moteurs de recherche, c'est pourquoi nous avons redirigé les anciennes pages du site internet vers la nouvelle version du site après refonte. Quelques mois après ouverture et un complément de référencement par villes, le site remplit sa mission au-delà des espérances du client avec une augmentation significative.