Projet agence

OHGPI

UX/UI Design • Branding
Le projet

OHGPI est une organisation qui homologue et garantie la peinture industrielle. La mission était de refaire leur site internet, revoir la charte graphique tout en ajoutant des nouvelles fonctionnalités.

Ma Contribution
  • Évolution et mise à jours de l’identité visuelle de la marque (logo, couleurs, typographies, styles)
  • Conception de l'interface du site-internet (wireframe, design, prototypage, hand-off)
Outils

Figma, Figjam, Illustrator, Photoshop

Projet d'équipe

Projet d'équipe

Lead Designer

Lead Designer

Overview de différents écrans desktop et mobile du nouveau site internet d'OHGPI
Méthode
Atelier et recherches
Expérience utilisateur
Pour le client le but cette refonte de leur site internet était revoir entière l'expérience du site et son contenu.
À l’aide d’ateliers de brainstorming, d’idéation ou aussi d’atelier wireframe. Nous avons également ajusté et découvert des aspects importants du site pendant cette phase, notamment l'accès aux fiches techniques, documents et ressources.

L’organisation des ateliers, j'étais en lien direct avec le client (Chef de projet) et des intervenants métier.
Pour la première phase du cadrage, j’ai organisé et animé les ateliers utilisateurs avec le client pour créer un produit adapté aux besoins de tous. Ces ateliers avaient pour objectif de découvrir leurs besoins, habitudes, pour élaborer un site dynamique et attractif.
Overview des wireframes desktop du nouveau site internet d'OHGPI
iDentité
Création & conception
Interface utilisateur & Évolution
de la charte graphique
De ce fait, on est partie plusieurs aspects graphiques majeurs : De ce fait, on est partie plusieurs aspects graphiques majeurs : les 3 diagonales que l'on trouve dans le logo, le bleu utilisé sous forme de dégradé et des composants légèrement décaler pour créer du mouvement.

Il a pour but de centraliser les informations les plus importantes pour les utilisateurs fréquents (annuaires, fiches explicatives, ressources, actualités et un espace utilisateurs dédier), d'encourager les nouveaux utilisateurs à prendre contact et à découvrir la structure.
Overview de différents écrans desktop et mobile du nouveau site internet d'OHGPI
Overview d'un écran desktop du nouveau site internet d'OHGPIOverview d'un écran desktop du nouveau site internet d'OHGPI
Overview de différents écrans desktop et mobile du nouveau site internet d'OHGPIOverview de plusieurs écrans mobile du nouveau site internet d'OHGPI