Pixel Paradox

Pixel Paradox est une agence intervenant sur toutes les verticales de la stratégie de communication digitale : design, eco(conception) de sites internet et d’applications, référencement, SEO, SEA, …

Projet pédagogique

Les meilleurs produits servent les besoins de l'homme

Tel est le slogan de l’agence de communication Pixel Paradox. Dans le cadre d’un projet pédagogique avec le CEFIM, j’ai accompagné Pixel Paradox pour la refonte de son site internet. En d’autres termes, Pixel Paradox est une agence et donc un client fictif mais le process de conception mis en place est lui bien réel.

Pixel Paradox se targue d’être une agence qui révolutionne le quotidien des marques et de leurs utilisateurs en associant son art et les meilleurs technologies du marché.
Le challenge est donc de proposer un design à la hauteur de ses revendications, ambitieux et orienté utilisateurs.

Cahier des charges:

  • Refondre l’identité visuelle de l’agence
  • Créer un Design moderne et dans l’air du temps
  • Sections imposées : héro, présentation de l’agence, réalisations, équipe, services, témoignages, contact

Pixel Paradox Wireframes
Pixel Paradox méduse

Un site qui se veut la vitrine du savoir faire de l'agence

Comme dirait le proverbe, « Les cordonniers sont les plus mal chaussés ». Trop souvent, pour diverses raisons, les sites des agences web passent au second plan au profit des projets externes. Selon moi c’est une erreur! Le site d’une agence doit refléter son savoir-faire et ses convictions.
C’est en gardant bien en tête cela que je me suis lancé dans la réalisation du projet Pixel Paradox sans perdre de vue le besoin utilisateur bien sûr.

Contenu, arborescence, fonctionnalités, identité visuelle ou encore design, le mot d’ordre pour la conception de cette landing page a été « il faut oser ».

Cela s’est traduit par :

  • Un parcours utilisateur différenciant (UX)
  • Une identité visuelle moderne et audacieuse (UI)
  • Une interface faisant la part belle aux animations(UI)

Une navigation incitant au scroll

L’UX de la Landing Page de l’agence est conçu pour inciter l’utilisateur à parcourir les sections les une après les autres. Le site met l’accent sur un storytelling fort avec comme objectif la conversion via un formulaire de prise de contact en bas de Landing Page.

Ce choix de navigation descendante se traduit par :

  • des sections faisant la hauteur de l’écran de l’utilisateur avec des indicateurs visuels pour inciter à passer à la section suivante via le scroll
  • L’alternance de sections avec un background couleur simple et background photo minutieusement sélectionnée
  • Des ancres positionnées de manière pertinentes tout au long de la navigation

Pixel Paradox landing page 1 Pixel Paradox Landing Page 2

Une identité visuelle moderne et ambitieuse

Se définissant comme une agence ultra connectée aux dernières technologies, le site de Pixel Paradox se doit de refléter cette volonté.

Pour cela, j’ai décidé de partir sur une palette de couleurs audacieuse avec des couleurs secondaires flashy contrastant avec la simplicité des couleurs principales.

Pour la typographie, j’ai porté mon choix sur 2 fonts avec des personnalités bien distinctes:

  • Helvetica Now Display pour valoriser le sérieux et l’expérience de l’agence (.Pixel)
  • Unbounded pour illustrer la créativité et l’innovation (.Paradox)
Cette opposition se retrouve à la fois dans le logo mais aussi dans les titres. Elle est accentuée par l’effet de remplissage (.Pixel) vs non remplissage (.Paradox) des mots associés.

Pixel Paradox Wireframe responsive Pixel Paradox Guide de style

Vous avez un projet web ?

Contactez-moi via le formulaire de contact et je reviendrai vers vous dans un délais de 48h00 à réception de votre demande.