Web design

e-rekcah

Refonte de site web

Pour ce projet, l'entreprise e-rekcah, un bureau d'étude spécialisé en innovation et en ingénierie embarquée, avait besoin que son site fasse peau neuve, afin que ce dernier s'intègre parfaitement dans la campagne commerciale à venir, et lui serve de support.

CMS Webflow

Le client souhaitait, notamment, pouvoir mettre à jour le site facilement pour refléter l'actualité d'e-rekcah au fil du temps. Le site précédent l'obligeant à passer par de fastidieuses journées de codage sans arriver à un résultat satisfaisant. Le CMS Webflow est parfait pour ça ! Il permet au client de modifier textes et images sans toucher à la structure du site, se comportant comme un vulgaire éditeur de texte.

Wire-framing

Cette première étape cruciale consiste à créer l'architecture de base d'un site internet. Véritable colonne vertébrale, c'est à partir de ce schéma que tout le reste en découlera. Ici, pas question de penser design, couleur, ou même textes et images, seulement des cases regroupées par cases, à leur tour reliées entres elles.

Mise en situation

Dans cette étape, sous Figma ou Adobe Xd, on traduit l'étape précédente en mise en situation avec du faux texte et des emplacements pour des images. Cela permet d'avoir une base beaucoup plus explicite, et le client peut se projeter bien plus facilement. On peut commencer à designer très sommairement les éléments répétitifs comme la barre de navigation, le footer, certains boutons, les CTA (Call To Action) ou appels à l'action.

Premiers pas dans Webflow

Une fois l'étape précédente validée par le client, il est temps de passer au développement sous Webflow. Lorsque tout est validé à nouveau par le client, il doit créer tout le contenu de son site. En général, le travail déjà effectué lui permet de se projeter et rend le travail de création de contenu plus aisé. De plus, avec le mode éditeur proposé par Webflow, c'est un vrai jeu d'enfant et un plaisir. S'il a besoin, je peux l'aider à trouver quelques images pour alimenter son site, surtout s'il ne dispose pas de toute la matière initiale.

Responsive

Une fois encore, lorsque tout est validé par le client, je lui demande de tout vérifier, et notamment le contenu. Pendant cette étape, je travaille sur le responsive pour que le site s'affiche parfaitement bien sur tous les écrans (PC, Tablette, Mobile...). Je procède aux différents tests de mon côté, mais une fois cette phase terminée, avant de mettre le site en production, je demande au client de vérifier pour la dernière fois l'intégralité du site.

Mise en Production

Il est désormais temps de mettre le site en production. Le client le récupère et je l'aide au paramétrage des dernières étapes. Cette phase terminée, il peut désormais accéder au site en tant que designer (et donc accéder à la structure du site), et/ou continuer en tant qu'éditeur. Je ne peux que conseiller de n'accéder au mode designer que si l'on a de solides bases sous Webflow, sinon, le client risque de détruire tout le site ! Le client dispose alors d'une dizaine de jours pour me rapporter certaines erreurs qui subsisteraient (liens morts, pages 404, redirections 301...).

Contactez-moi !

Pour me contacter, rien de plus simple… Vous n’avez qu’à remplir le formulaire si dessous, envoyer votre message, et je serai ravi de vous rencontrer, de vous conseiller, et surtout de répondre à vos attentes.

Envoyer votre message
Merci ! Votre message a bien été reçu !
Je vous répondrai dans les plus brefs délais…
Oups ! Il y a eu une erreur pendant l'envoi du formulaire.