Introduction
FLAT DESIGN
Au début des années 2010, le design web a connu un tournant avec l'arrivée du "Flat Design". Ce style graphique, qui se caractérise par des formes simples, des couleurs vives et des ombres minimalistes, a remplacé le "Skeuomorphisme" qui consistait à reproduire la forme et les textures réelles des objets dans les interfaces numériques. Le flat design a permis de simplifier les designs et de les rendre plus modernes et épurés.
LONGSHADOW
Parmi les tendances les plus populaires de l'époque, il y avait le "Longshadow", qui consistait à ajouter des ombres allongées à des éléments graphiques pour donner une impression de relief. Cependant, les outils disponibles à l'époque étaient moins avancés qu'aujourd'hui, ce qui rendait la création de ces ombres plus difficile. Les designers web devaient alors recourir à des méthodes plus complexes pour reproduire cette tendance.
Malgré les limites des outils à disposition, les designers web ont réussi à reproduire ces tendances en utilisant des méthodes plus complexes. C'est dans ce contexte que j'ai décidé de créer un outil pour faciliter la création de ces ombres allongées, en utilisant les calques dynamiques.
Le projet
L’IDEE
Pour créer ce générateur d'ombres, j'ai utilisé les calques dynamiques pour créer des ombres à 45 degrés. J'ai commencé par dupliquer le calque de base pour créer un grand nombre de calques dynamiques, chacun étant utilisé pour générer une ombre différente. En utilisant les calques dynamiques, j'ai été en mesure de créer un fichier qui pouvait être modifié facilement en fonction des besoins de l'utilisateur.
Pour offrir plus de flexibilité aux utilisateurs, j'ai choisi de proposer 8 angles différents pour couvrir les 360 degrés. Cela permet aux utilisateurs de choisir l'angle qui convient le mieux à leurs besoins et de créer des ombres plus réalistes.
LES FICHIERS
En plus de cela, j'ai également décidé de proposer une version douce et une version nette de l'ombre pour répondre à des besoins différents. La version douce de l'ombre permet de créer des ombres plus subtiles, tandis que la version nette de l'ombre permet de créer des ombres plus marquées. En proposant ces deux options, j'ai voulu offrir aux utilisateurs un maximum de flexibilité pour créer des ombres qui correspondent à leurs besoins.
La diffusion
LE SITE
La première étape pour diffuser ce générateur d'ombres a été de créer un site web pour donner plus d'informations sur les fichiers et les avantages de les utiliser. J'ai commencé par définir l'identité visuelle du site web pour refléter la qualité des fichiers. J'ai opté pour un design épuré et moderne, en utilisant des couleurs vives et des typographies claires pour mettre en valeur les fichiers.
Ensuite, j'ai choisi un nom et un nom de domaine explicite pour être facilement identifié sur les moteurs de recherche. "Longshadow Generator" était le nom parfait, il était court, facile à mémoriser et facile à retrouver sur les moteurs de recherche.
LA VIDEO
Pour donner une idée de l'utilisation des fichiers, j'ai décidé de refondre graphiquement le site web en incluant une vidéo de promotion. Cette vidéo montrait comment utiliser les fichiers pour créer des ombres à différents angles, avec différentes options de netteté. Cela a permis aux utilisateurs de mieux comprendre comment utiliser les fichiers et de se faire une idée de leur potentiel créatif.
La donnée
TÉLÉCHARGEMENTS
Pour suivre la popularité des différentes versions de mon générateur d'ombres, j'ai mis en place un compteur de téléchargement sur chaque version. Cela m'a permis de voir quelles versions étaient les plus téléchargées et de savoir quelles options étaient les plus populaires auprès des utilisateurs.
TRAFIC DU SITE
J'ai également connecté le site web à Google Analytics pour analyser le trafic et les comportements des utilisateurs. Cela m'a permis de voir combien de personnes visitaient le site web, de quelles pages elles venaient et combien de temps elles restaient sur le site. Cela m'a aidé à comprendre les besoins et les intérêts des utilisateurs et à améliorer l'expérience utilisateur.
LES RESEAUX SOCIAUX
Enfin, j'ai mis en place un compteur de like et de tweet pour inciter les utilisateurs à partager les fichiers sur les réseaux sociaux. Cela a permis de augmenter la visibilité du projet et de le faire connaître à un public plus large. Cela a également permis de suivre la viralité du projet et de mesurer l'impact sur les réseaux sociaux.
Conclusion
LE CONCEPT
Ce projet de générateur d'ombres Longshadow est l'un des premiers projets que j'ai réalisé dans le domaine du design. Il a été un véritable enseignement pour moi, en me permettant de découvrir les avantages des calques dynamiques et de comprendre les tendances en matière de design. Il a également été l'un des prémisses de mon entreprise Beryl Design, qui s'est spécialisée dans les outils de design pour les créateurs.
Il est important de noter que les outils de design sont devenus beaucoup plus avancés au fil des ans. Il n'est plus nécessaire de créer des fichiers comme celui que j'ai créé il y a 10 ans, car il existe maintenant des outils qui permettent de générer des ombres à 360 degrés en quelques clics.
AUJOURD’HUI
La mise en place d'un site web pour diffuser ce projet a également évolué, avec l'apparition de nouveaux outils de design tels que Webflow qui permet de créer un site web sans code. Cela rend la mise en place d'un site web beaucoup plus simple et rapide qu'auparavant.
Malgré tout, il est important de noter que les tendances en matière de design évoluent constamment, et il est important de rester à jour avec les tendances actuelles pour continuer à créer des projets innovants. C'est pourquoi je prends conscience de l'aspect éphémère de ce projet en lien avec les tendances des recherches via Google Trends.
BILAN
Malgré son aspect éphémère, ce projet a été un pas important dans mon parcours professionnel et dans l'évolution de mon entreprise. C'est pourquoi j'ai décidé de remettre en place ce projet pour célébrer les 10 ans, en espérant que cela puisse être un moment nostalgique pour moi et pour les utilisateurs qui ont utilisé le générateur d'ombres à l'époque.
