ETUDE DE CAS : CREATION DE MON PORTFOLIO

Conception & Réflexion

Projet de création globale de l’identité autour de mon activité de Freelance

Pas de budget

Possibilité d’ajouter du contenu régulièrement et facilement

Des thématiques précises

#Toulouse
#Neumorphism
#Web
#LowTech
#Ecologie
#Simplicité

Les livrables

* Un document d’analyse du besoin
* Un cahier des charges

Design

Une palette de couleur

Thématique monochrome pour plus de simplicité et de lisibilités

Choix du mauve pour rappeler Toulouse

J’aurais voulu choisir un vert pour la dimension écologique mais il faut faire des choix. Peut être dans une version future.

Un logo

 

En cherchant de l’inspiration sur différents générateurs de logos en ligne j’ai décidé de partir sur un A (initiale de mon prénom) trés sobre et épuré. Il reprend la couleur primaire.

Des typographies

Palanquin

ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyzאבגדהוזחטיכךלמםנןסעפףצץקרשת1234567890‘?’“!”(%)[#]{@}/&\<-+÷×=>®©$€£¥¢:;,.*

Heebo

ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyzאבגדהוזחטיכךלמםנןסעפףצץקרשת1234567890‘?’“!”(%)[#]{@}/&\<-+÷×=>®©$€£¥¢:;,.*

Des composants graphiques avec Figma ! 

Implémentation

Choix techniques

#Wordpress

1. Rapidité de mise en place
2. Facilité d’ajout de contenu

 

  • On utilise le thème générique DIVI sans template de base.
  • Aucun plugin pour avoir une page la plus légére possible.
  • On ajoute le contenu avec le builder et on écrit le CSS à la main pour coller à la maquette.
  • On procède aux ajustements responsives.

Autres pistes envisagés

Promotion

Hébergement et Mise en production

Pour l’hébergement, le choix d’OVH a été fait pour la simplicité et la rapidité. Déjà client chez eux, je n’ai pas encore acheté de nom de domaine. 

J’utilise un serveur avec des sous-domaines pour des démos de site clients. J’ai juste réutilisé celui-ci.  Plus tard, j’envisage d’acheter un nom de domaine avec mon nom et mon prénom ne serait-ce que pour l’adresse mail.

Je choisis un certificat SSL gratuit propulsé par Let’s Encrypt pour des raisons de coûts.

J’ai envisagé AWS avec une AMI de la marketplace (WordPress by Bitnami) que j’ai déja utilisé. J’ai aussi envisagé Flywheel car j’utiliser leur excellent outil pour le développement en local. Malheuresement le pricing ne me convient pas encore.

Mesure puis Optimisation

J’ai branché rapidement Google Analytics et Google Search console pour commencer à mesurer.

Je fais passer le site à l’audit de Lighthouse de Google.
Je corrige certains éléments qui ne nécessite pas beaucoup de temps :

 

  • J’optimise la taille de mes images (Objectif initial d’aucune image > 100 ko. Je n’y parviens pas , mon image de fond de brique toulousaine s’optimise mal. J’envisage de la changer)
  • Pas de mixed content : Je fournis toutes mes images en https même dans ma feuille de style.
  • Le thème divi ajoute des feuilles de style CSS. Je m’aperçois que plus de 80% des régles ne sont pas pertinentes pour le site. C’est une future piste d’optimisation.