Net-ng

Le redesign du site de cette agence web rennaise, qui développe des applications essentiellement pour de grands groupes.

Net-ng cover
icon : star white simpleicon : star white simpleicon : star white simple

2023

site web

redesign

icon : arrow right-down red

L'été 2023, j'ai intégré cette agence web afin de renforcer l'équipe design, pour l'évolution de projets clients en pleine croissance.

Product design

Chaque projet a dans son backlog les évolutions à venir. Une fois le chiffrage effectué et validé, les nouvelles fonctionnalités sont développées, puis implémentées, en sprints de 3 semaines. 

Site web

Parmi les projets qui m'ont été confiés, il m'a été demandé de refaire entièrement le design du site de l'agence elle-même.

Interviews
Planning
Recherches
Analyse
UX/UI design

Besoin

Interview
Goals
Content

Cette agence était présente sur le web avec un site créé à partir d'un template datant de plusieurs années. Cela faisait longtemps que le président souhaitait le refaire et apporter une nouvelle image, plus moderne.

Un design correspond à une réponse apportée à un moment donné. Aucun design n'est éternel, et un redesign complet est nécessaire lorsqu'un produit web ne correspond plus aux besoins : vous avez évolué, vos services et vos clients aussi ... il est donc temps d'apporter une nouvelle proposition, en adéquation avec vos valeurs et objectifs actuels.

Processus

Mockups
Branding
Responsive

Pour répondre à ce besoin, j'ai demandé les sites et fonctionnalités appréciés (ou au contraire à éviter).
A partir de cela, 2 directions artistiques ont émergé :

1. une proposition graphique, basée sur des illustrations
2. une autre basée sur des photos.
Egalement un refresh du site existant, pour une solution plus rapide à mettre en place.

Quant au contenu à mettre à jour (textes et logos de clients), cela m'a été fourni.

L'existant :

Ces propositions ont permis de sélectionner la réponse la mieux adpatée aux messages voulus et à un nouveau branding.

Final

La proposition choisie, j'ai pu créer les maquettes des autres pages, ainsi que leur version responsive (tablette et mobile), et le guidestyle.
Générer l'ensemble des éléments graphiques (icônes, ...) nécessaires au développement. Quant aux photos, ne les ayant pas encore reçu, ce sont des placeholders en attendant.

Mockups
Responsive design
Assets
Guidestyle