Logo
Objectifs :
- Rendre le logo de l'entreprise plus moderne
- Communiquer un autre message à travers celui-ci
L'ancien logo étant un logotype, j'ai décidé de conserver cet esprit et de le combiner avec un logo symbole, ce qui permet à l'utilisateur de directement identifier l'activité proposée par l'entreprise.
On remarque que plusieurs déclinaisons sont disponibles selon les supports de communication qui seront utilisés (cartes de visites, factures, favicon, t-shirts etc...), avec également une version claire et une version foncée a utiliser en fonction de la couleur d'arrière-plan.
J'ai donc, pour le rendre plus moderne, utilisé une typographie sans serif, la GeosansLight. Cela permet ainsi d'avoir un texte esthétique, aéré, tout en évoquant une certaine stabilité de par sa disposition.
Les couleurs utilisées sont des couleurs plutôt classiques, notamment le noir et le blanc, avec quelques touches de vert clair pour rappeler le côté écologique qui tient à cœur à l'entreprise. Les cartons ont eux une couleur marron clair, afin de contraster à la fois avec le blanc et le noir.
Après la création du nouveau logo de l'entreprise, j'ai réutilisé celui-ci sur divers documents administratifs, incluant des courriers, des factures, des cartes de remerciements. Ce sont d'ailleurs ces dernières qui sont présentées ci-dessous :
Cette carte de remerciements est au format 21cm par 10cm, et est principalement utilisée lors de rendez-vous avec des clients, pour noter des informations, ou simplement pour remercier quelqu'un lorsque le besoin s'en fait sentir.
Le dernier support de communication effectué, en dehors du site, lors de ce stage, est un flyer destiné à être distribué et implanté dans une chaîne de magasins, Electro Dépôt.
J'ai donc du combiner à la fois les couleurs de l'entreprise Intéria, ainsi que celles d'Electro Dépôt afin d'obtenir un résultat harmonieux et satisfaisant les deux parties.
Les éléments que l'on retrouve à la fois sur le recto et sur le verso de ce flyer, ce sont majoritairement les couleurs. Que ce soit le blanc de la typographie, ou le dégradé en arrière-plan, ce sont des éléments qui ont été utilisés notamment sur les cartes de visite.
Sur le recto, on retrouve une dominante jaune, pour rappeler le code couleur d'Electro Dépôt, ainsi qu'une photo de la devanture du magasin de Faches-Thumesnil. Les 2 logos sont présents sur ce recto afin de signifier que les 2 entreprises collaborent ensemble.
Sur le verso du flyer, on retrouve une sorte de spirale composée de 3 couleurs différentes, chacune représentant une forfait proposé par Intéria, le vert correspondant au forfait le plus basique, le bleu au forfait intermédiaire, et le doré au forfait "premium", avec installation et reprise des emballages. Ce code couleur sera repris sur le site internet pour la présentation des forfaits.
Le Site Internet
Objectifs :
- Actualiser le site.
- Effectuer une refonte graphique complète avec les nouveaux éléments créés.
- Changer la structure et l'architecture.
Les images ci-dessus sont tirées du site internet actuel, la lecture de ces images se faisant de gauche à droite. On a ici un site au format one page, divisé en plusieurs parties : un diaporama, une rubrique présentant l'entreprise, une partie concernant quelques chiffres clés de l'entreprise, et enfin une partie de contact de l'entreprise avec une carte interactive.
Les points à modifier qui ont retenu mon attention sont les suivants :
- Site internet trop sobre
- Mal agencé en termes de dispositions (pas ou très peu de marges)
- Problème de hiérarchie dans les titres
- Rubrique de contact prenant beaucoup trop de place
- Menu très peu fonctionnel
- Format du site moins adapté aux futurs besoins de l'entreprise (Onepage)
Ma première tâche ayant été la création d'une architecture, la seconde fut la création d'un design de page d'accueil. Je me suis donc servi d'Adobe Illustrator afin d'effectuer celle-ci, avec de nombreuses ébauches qui ont été créées, mais celles que vous pouvez observer ci-dessus sont celles que j'estime les plus réussies. On retrouve à chaque fois la typographie utilisée pour créer le logo, le menu établie précédemment lors de la création de l'architecture, et la couleur signature de l'entreprise, le vert.
Vous pouvez visualiser ci-dessus la création d'une wireframe du futur site internet, avec les différentes interactions entre les éléments du site et les pages. Ce travail de maquettage a été effectué sur Figma.
Le futur site est donc destiné a devenir un site multipages, avec diverses rubriques, dont une présentant l'entreprise, une autre évoquant les différents forfaits proposés aux clients, une partie actualités avec divers articles, permettant un meilleur référencement du site Internet, et enfin un formulaire de contact.
Une page permettant d'effectuer un devis en ligne devait également être créée et implantée, mais par manque de temps, je n'ai pas été en mesure d'effectuer cette tâche.
Enfin, il est possible d'observer ci-dessus la page d'accueil du futur site, avec un meilleur agencement de la page, notamment avec des marges plus larges, aérant ainsi le site, un pied de page moins important, et des interactions supplémentaires.
Il n'est malheureusement pas possible de l'illustrer ici, mais lorsque le curseur survole certains éléments (photos, menu, icônes), un effet peut être déclenché, comme un effet de zoom, un filtre qui passe par dessus les photos etc.
Le site a été créé sur Wordpress, car pour des raisons d'accessibilité et de manque de temps, j'ai dû choisir le CMS que je connaissais le mieux, et qui était le plus simple à prendre en main pour les collègues qui devraient utiliser le site ultérieurement. C'est la raison pour laquelle le site final ne ressemble pas parfaitement à la maquette qui a été créée.
