Mandarina Web
Décostock

Identité visuelle • Logos • Webdesign • Ergonomie UI/UX • Cartes de visite • Photomontages • Visuels graphiques • Rédaction de contenu • Blog & Newsletters

Décostock.fr est un site de e-commerce spécialisé dans la vente de canapés, mobilier intérieur/extérieur et la décoration.
L'ancien site commençait à être visuellement un peu daté, le logo ne convenait plus à l'esprit de l'entreprise, et des freins techniques liés à la solution locative alors utilisée ont poussé Décostock à se tourner vers une refonte complète du site et de l'identité visuelle.

Visiter le site e-commerce Décostock

Identité visuelle & logo

Le nouveau logo devait être dans la continuité de l'ancien, pour ne pas trop déstabiliser les clients fidélisés, tout en se renouvelant. Il devait souligner les deux aspects principaux du site : d'une part l'esprit déco et d'autre part l'aspect promotionnnel lié au déstockage de canapés (l'activité d'origine de l'entreprise qui s'est ensuite diversifiée).
Nous avons donc choisi de conserver la forme carrée, mais en la faisant légèrement pivoter pour lui donner un aspect plus dynamique.
Le choix des couleurs a été fait pour correspondre aux deux aspects du site : le marron fait écho à l'ancienne couleur du logo et représente la partie déco en gammme, tandis que l'orange évoque les promotions et la partie déstockage.

Ces deux couleurs seront d'ailleurs reprises sur le site :

  • Le marron et les camaïeux de beige servent de base et d'ambiance générale
  • L'orange est utilisé pour mettre en valeur les promotions et déstockage uniquement
  • Le bleu met en exergue des informations utiles ou valorisantes de tout genre (y compris les éléments au survol, comme les boutons par exemple)
  • Le rose est uniquement utilisé pour le bouton d'ajout au panier, ou tout ce qui concerne directement l'appel à l'achat.

La police de caractères choisie (Hero Light) apporte une légèreté nouvelle et sera d'ailleurs utilisée pour les balises titres du site web.

Logo

Logo Decostock Charte graphique Decostock

Couleurs

RVB : #327389
CMJN : 82, 45, 35, 8
RVB : #EBA11D
CMJN : 6, 41, 93, 0
RVB : #DC0032
CMJN : 7, 100, 86, 1
RVB : #8E796B
CMJN : 43, 48, 55, 11
RVB : #A79282
CMJN : 35, 39, 47, 3
RVB : #C1B1A7
CMJN : 25, 28, 31, 0
RVB : #E7E1DC
CMJN : 8, 9, 11, 0
RVB : #F9F9F9
CMJN : 1, 1, 1, 0

Police de caractères

Hero Light Carte de visite Décostock

Webdesign : la maquette graphique

J'ai entièrement réalisé la maquette graphique du site web, reprenant pour cela les éléments de la charte graphique (ci-dessus). J'y ai ajouté des camaïeux de beiges et de gris permettant de structurer les pages de façon subtile, en harmonie avec la teinte marron du logo.
Un des objectifs de la refonte était d'alléger l'apparence du site, d'aérer et de clarifier son contenu, et de rendre la navigation plus ergonomique (améliorant ainsi les chances de conversion d'achat).

Un gros travail de fond préalable a été réalisé afin de revoir toute l'arobrescence du site, de modifier l'organisation des produits et de simplifier au maximum les fiches produits.
Une des spécificité de Décostock est de proposer des canapés avec de très nombreuses options de personnalisation, ce qui alourdit considérablement les fiches articles. Nous avons donc fait le choix de regrouper les options dans des onglets, ce qui améliore également l'ergonomie (auparavant il s'agissaient de menus déroulants).
Les nombreux tissus disponibles sont désormais visibles grâce à des petites vignettes (zoom possible).

Nous avons travaillé conjontement avec une agence SEO afin d'optimiser l'organisation du site en terme de référencement. J'ai également travaillé avec l'agence web Quai13 qui a intégré ma maquette sur Prestashop (+ développement du configurateur de produits assez spécifique) afin d'adapter ma maquette à leurs contraintes techniques.

Visiter le site e-commerce de Décostock

Site e-commerce avec de nombreuses fonctionnalités basées sur l'UI/UX

Decostock sur Macbook Air Decostock sur Smartphone Configurateur de produits - aperçu Decostock sur Macbook

Caractéristiques

  • Site e-commerce réalisé sous Prestashop.
  • Configurateur de produits spécialement conçu (et développé en sous-traitance) pour les besoins de l'entreprise.
  • Blog intégré au site web.

Productions visuelles

Au-delà de l'identité visuelle et de la refonte du site web, j'ai également produit de nombreux visuels en tout genre pour Décostock :

  • des bandeaux promotionnels,
  • des photomontages pour mettre certains produits en ambiance,
  • de nouveaux logos pour les produits en marque blanche,
  • des pictogrammes,
  • des newsletters,
  • des cartes de visite...

Logos inventés pour les produits en marque blanche

Logo Decostock Noord Logo Decostock Eken Design Logo Decostock Kumi Wood Logo Decostock Yuzu Living Logo Decostock Colca Sofa Logo Decostock Moengo Logo Decostock Sweet Home Logo Decostock Table Concept Logo Decostock Cuir Company Logo Decostock Deco-Rythme

Photomontages et mise en ambiance

Photo originale

Photomontage : photo d'origine

Photo retouchée

Photomontage : photo retouchée