Design web Archives - I Hate Design

Shooting Estampille

I Hate Design a organisé un shooting pour la société ardéchoise Estampille. L’objectif de cette séance de photos est de créer l’univers, l’identité de cette jeune marque de Cosmétiques Upcyclés. Ces photos vont alimenter, entre autre, le nouveau site marchand, une boutique en ligne imaginée par I Hate Design.

Estampille est une jeune société qui truste les différents prix « Start’Up » depuis deux années dans la région AURA. Son objectifs est de valoriser les déchets upcyclés issus de l’agriculture. Mais c’est quoi les cosmétiques naturels upcyclés ? L’upcycling consiste à réemployer des matières destinées à être jetées comme le raisin après son pressage (lie de vin). Estampille collabore avec des entreprises locales pour transformer leurs coproduits en nouvelles matières premières que la société incorpore dans ses cosmétiques upcyclés. Actuellement la matière première est issue des vignes biologiques d’Ardèche.

#Identité #Design #WebDesign #Boutique #WebShop

Shooting sur une journée en Ardèche pour le futur site marchand d’Estampille. Photos O.Deléage.

Le reportage

Ce reportage s’est réalisé dans l’arrière pays de Sarras petite ville d’Ardèche. Grâce à un fond Européen, Estampille a pu investir dans un premier reportage avec l’armada complète : photographe, maquilleuse, mannequins, assistante. Ce shooting a été réalisé dans différents paysages typiques de l’Ardèche : verger, vignes, hameau, gorges avec cascade. Une journée complète dans des lieux bucoliques qui sentent les vacances et le soleil.

Le résultat de ce travail se retrouve sur la toute nouvelle boutique en ligne, le nouveau site marchand lancé en octobre 2023.

Nouveau site web pour MG Systems

I Hate Design a réalisé la refonte totale du site web du Bureau d’Étude MG Systems. Tout a été remis à plat : arborescence, UX-UI, cible, contenu rédactionnel, reportage photo, animations, vidéos… Ce travail de fond a permis de structurer l’identité mise en place quelques mois plus tôt.

Un peu de contexte, MG Systems est un Bureau d’études spécialisé dans la conception de machines spéciales pour l’industrie. Les fondateurs Christophe Marty et Thomas Grad souhaitaient clarifier leur offre et moderniser leur image de marque.

Les bases du site internet ont été posées lors d’étapes clés : séances de créativité, analyse des usages, persona, benchmarking / cahier d’idées, maquette fonctionnelle. Lors d’une séance de créativité nous avons façonner le portrait-robot du site idéal au travers de différents personas et scénarios d’usage. Avec cette nouvelle vision, le futur site devenait un outil multiusage pour l’équipe. Les étapes suivantes ont permis de valider l’arborescence, crayonnés les idées de base et de donner vie à différentes maquettes fonctionnelles dite WireFrame sous Adobe XD.

#WordPress #Elementor #Lottie #UX-UI #Design #WebDesign

Séance de créativité, cahier d’idées, maquettes fonctionnelles du site MG Systems

Le site a été développé de façon classique avec le combo gagnant WordPress et Elementor. Nous avons choisi de limiter les plug-ins et de supprimer les sliders et autres grosses vidéos de page d’accueil pour créer un site moins énergivore, plus sobre. Nous avons néanmoins opté pour des animations légères en vectoriel créer avec le duo After Effects / Lottie.

Un site réussi n’est rien sans un reportage photo réussi. I Hate Design a poussé l’idée d’investir dans un reportage photo chez MG Systems et ses clients. Nous avons bloqué deux jours pour créer des prises de vue originales et profiter des cadres exceptionnels qui nous étaient offerts. Le résultat permet de valoriser ces machines spéciales peu connues du grand public, et d’offrir à MG Systems une médiathèque complète pour son site internet.

Plus d’infos : projet site MG Systems