Webdesign & identié visuelle - Zina Quartieux • portfolio

design • développement

Webdesign & identité visuelle

Rôle

Webdesigner

Domaines

Design, développement CMS

Client

Parade prod

Date

2023

C’est le créateur de Parade qui a fait appel à moi pour concevoir le logo et le site de l’entreprise. Mon client désirait un site type one page simple, moderne et efficace. Son entreprise, Parade, est une structure qui a pour mission de mettre en avant les activités artistiques autour de l’univers musical auprès du grand public, et aux artistes de demain. Afin de leur éviter les pièges liés à l’errance artistique et de les guider au mieux dans leur parcours.

Outils : Adobe Photoshop, Illustrator, Premiere Pro, Pexels.

Brainstorming & créations

Ayant un temps très limité (seulement quelques jours), pour réaliser le projet, j’ai décidé de ne pas procéder de façon conventionnelle. En effet, je suis passée directement à la phase de création avec l’aide de mon client. Nous avons convenu ensemble des changements que l’on devait effectuer et de la vision que le site devait renvoyer : professionnel, moderne et original. Avant de me contacter, mon client avait au préalable créé un site sur “google sites”, cela m’a permis d’avoir une vision d’ensemble sur ce qu’il aimerait avoir comme contenu (visuel et textuel), ainsi que les informations et les sections à inclure sur le futur site web.

Les versions rejetées du logo.

Le logo avant et après avec la version approuvée.

Après ce petit bilan, la première chose que nous avons fait était de retoucher au logo. Nous avons établi une liste d’éléments que nous pourrions utiliser pour que l’activité de l’entreprise soit bien représentée et compréhensible à travers le logo. Après plusieurs tests et versions, nous nous sommes arrêtés sur le logo en bas à droite.

✦ Une moitié d’un CD est représenté au-dessus du “r”. Un rappel à la musique, en lien avec l’activité de l’entreprise, mais également un clin d’œil à un paon en parade. C’est pour cela que j’ai laissé le point qui représente à la fois le centre du CD et le corps du paon.

✦ Les étoiles scintillantes servent à montrer la volonté d’embellir et d’améliorer les projets et les missions que Parade pourra recevoir. Elles apportent aussi une touche de modernité.

Design d’une carte de visite.

Le logo en situation réelle.

La palette de couleur de Parade.

Pour le choix des couleurs, nous nous sommes portées vers des couleurs neutres avec le violet et le beige. Le violet est une couleur associée à la créativité, à l’imagination et à l’innovation, tandis que le beige évoque la stabilité, la simplicité et la neutralité. Cette combinaison de couleurs permet d’exprimer un équilibre entre la créativité et la stabilité, ce qui correspond à l’image que souhaite renvoyer Parade.

Mon client m’a demandé de m’inspirer d’un site web qu’il avait apprécié pour créer l’en-tête de son propre site. Ce site web avait une vidéo en arrière-plan illustrant l’activité de l’entreprise avec le logo superposé. J’ai donc créé une vidéo en utilisant des vidéos libres de droit trouvées sur « Pexels » et monté le tout sur Adobe Premiere Pro. J’ai proposé plusieurs versions à mon client et il a finalement choisi celle-ci :

La vidéo utilisée en arrière-plan pour l’en-tête du site.

Outils : WordPress, Elementor

Résultat

Avant de créer le site web et de choisir l’hébergeur. J’avais préparé pour mon client, un document avec les solutions disponibles tel que Wix, Squarespace ou encore WordPress. Son choix s’est porté sur WordPress avec « Elementor » comme constructeur de page et “Qi Theme” comme thème. Quant à l’hébergeur, nous nous sommes portés vers IONOS. Ainsi, en une journée, je suis parvenue à lui proposer un site web qui a répondu à ses attentes et rempli les objectifs qu’il s’était fixé en le publiant en temps et en heure. Le site est encore en peaufinage pour des petits détails, mais la version globale est fonctionnelle et prête à l’usage pour les futurs visiteurs et potentiels clients.

Diaporamma de dispositif présentant le site web avant la refonte.

Le site web de Parade.

paradeprod.fr

projet précédent

voir tous les projets

projet suivant