Contexte & enjeux
- PROJET:
- Création du site vitrine pour l'entreprise 1 angle 2 vues.
- DURÉE:
- Inconnue
- Technologie:
- INTRODUCTION:
- Lucile et Kylian, sont deux vidéastes. Ils sont tous les deux passionnés par leur métier. Ils souhaitent faire une refonte de leur site vitrine, et veulent un design plus épuré et plus moderne.
LE PROJET A POUR MISSION :
- Améliorer sa visibilité dans le secteur d'Angers et également à l'international.
- Attirer de nouveaux clients.
Les objectifs du projet
La charte graphique doit être respectée.
Le site doit être professionnel et dynamique.
Il doit également être responsive (mobile, tablette & desktop).
Déroulement du projet
Réservation du nom de domaine et de l'hébergement
Pour commencer, nous avons réservé le nom de domaine et créée un abonnement chez un hébergeur web.
Le nom de domaine et l’hébergement ont été achetés chez OVH.
Nous avons ensuite mis le site WordPress en préproduction pour commencer l’intégration.
Le choix du thème
Notre choix c’est naturellement porté sur ce thème.
- THEME OCEAN WP:
- Nous avons l'habitude de travailler avec OceanWP. Il est relativement facile à prendre en main. Il possède également un large choix de personnalisations. Il est aussi compatible avec le constructeur de pages Elementor. Grâce à cet outil, et après une formation, le client pourra en toute autonomie ajouter de nouveaux contenus et faire des modifications.
éléments pour débuter l'intégration
Avant de commencer, il est important d'avoir certaines choses à disposition :
- Brief du client
- Charte graphique
- Arborescence du site
Le client souhaite un site one-page.
Il souhaite également une page blog pour regrouper toutes ses actualités.
Il souhaite un site, épuré et moderne.
Idéalement il faut également avoir :
- Contenus textuels
- Photos
Création des maquettes
Les maquettes ont été réalisées sur Elementor.
Pour commencer, j’ai créé une maquette pour la page d’accueil, j’ai ensuite proposé une maquette pour une page intérieure.
Comme dit plus haut, je n’avais à ma disposition les contenus textes ni les photos définitives. J’ai donc, dans un premier temps intégré du faux-texte et des images libre de droits. Cela a permis aux clients de facilement s’identifier au site.
Vous trouverez ci-après un aperçu du site avant la refonte ainsi que le rendu final de la page d’accueil.
Avant refonte
Accueil
Résultat de la page
Accueil
Version responsive
Une fois toutes les pages intégrées en version desktop, j’ai commencé à créer la version responsive.
J’ai ensuite vérifié si le site s’affichait correctement sur différents navigateurs (Google, Firefox, Safari).
Effets et conséquences du projet
Monter en compétences sur WordPress et sur le constructeur de pages Elementor.
Gagner en confiance et en autonomie.