Litebox
Mon Rôle— Designer UI/UX
L’Année— 2024
Vue d'ensemble du projet
Litebox est créé et maintenu par une communauté de créatifs (illustrateurs, dessinateurs, designers) qui œuvrent pour la transparence des salaires afin d'élever la qualité de leur travail et de gagner leur vie équitablement. Les utilisateurs peuvent enregistrer le travail qu'ils ont effectué avec leurs clients, ainsi que leur rémunération, pour permettre aux autres d'avoir une idée de ce qu'ils devraient être payés. C'est extrêmement utile, surtout pour ceux qui viennent de commencer à entrer dans l'industrie créative et qui travaillent en freelance.
Objectifs du projet
La caractéristique la plus importante du site est les données accumulées que tous les créatifs ont volontairement partagées. Je voulais vraiment mettre cela en avant et en faire la première chose que les visiteurs voient en arrivant sur la page web. En général, je voulais mettre à jour l'interface utilisateur du site pour la rendre aussi accessible et simple que possible. Ce site a une esthétique très spécifique que j'apprécie, et je ne voulais pas la changer, mais je voulais pousser le côté utilitaire du site aussi loin que possible.
La Recherche
Recherche Évaluation de l'état actuel
Tout d'abord, je voulais connaître l'état du produit existant et les domaines qui pourraient être améliorés. J'ai évalué la mise en page et le contenu du site web afin de découvrir les principales zones à améliorer. Voici quelques problèmes qui pourraient être résolus :
Absence d'en-têtes pour chaque page, causant une certaine confusion
Mise en page du texte
Texte et informations pertinentes présentés de manière trop stérile
Police trop petite
Schéma de couleurs global rendant la police difficile à lire
Formulaire d'abonnement obsolète
Une fois l'adresse e-mail saisie, l'utilisateur est dirigé vers un formulaire de tarification Mailchimp
La page d'accueil comporte des illustrations liées à d'autres pages, mais l'illustration n'a aucun rapport avec la page, de sorte que le visiteur ne sait pas à quelle page elle est liée sans passer la souris dessus
Constatations
D'après les forums, les blogs et les sites web consacrés à ce sujet, il semble que les problèmes les plus courants rencontrés par les professionnels indépendants de l'industrie créative soient les suivants :
Revenus irréguliers
Compensation pour le travail effectué
Sous-payés
Problèmes juridiques et contractuels
Recherche de clients
Analyse de la concurrence
Il existe également quelques blogs et sites web similaires à Litebox, créés pour fournir des ressources aux créatifs indépendants, comme The Illustrators Guide et Business of Illustration. Cependant, aucun d'entre eux ne donne d'exemples précis des tarifs des projets. La plupart ne fournissent que des indications générales sur ce qu'il faut surveiller. Même s'ils proposent des exemples spécifiques, c'est souvent un service payant. Sur ce point, je pense que Litebox est particulièrement bien placé pour vraiment mettre en avant son service et sa valeur pour la communauté des artistes indépendants.
Persona
J'ai créé deux personas : l'une est un débutant dans le travail freelance et utilise Litebox pour mieux connaître la tarification de ses propres œuvres, et l'autre est une personne qui est dans l'industrie depuis quelques années et qui a suffisamment d'expérience pour être confiante dans sa propre tarification. Elle souhaite redonner à la communauté artistique et partage donc ses tarifs sur Litebox.
La Maquette basse-fidélité
Ajout de la possibilité de filtrer les options par secteur, entreprise, gamme de prix
Utilisation de boutons au lieu de liens dans la section des ressources, pour une meilleure visibilité
Ajout de la possibilité d'agrandir et de réduire la fenêtre pour la FAQ
La Maquette haute-fidélite
Guide de style
J'ai souhaité conserver le fond noir car je trouvais qu'il correspondait au thème de l'activisme, et il donne également au site une allure légèrement excentrique et artisanale qui me semblait appropriée. Pour maximiser la lisibilité du texte, au lieu du texte gris qu'ils utilisaient parfois, j'ai uniquement employé du texte blanc ou rouge, en variant plutôt la taille de la police pour créer une hiérarchie visuelle. Les couleurs sont très simples, avec seulement du noir, du blanc et du rouge pour les éléments mis en avant, ainsi que du gris pour une différenciation visuelle supplémentaire. J'ai veillé à agrandir la taille de la police pour une lecture plus facile.
Idéation
Plan du site
En fonction des fonctionnalités du site web, j'ai réfléchi et organisé le contenu du site en conséquence. Avec le design original, la navigation était simple mais semblait redondante avec du contenu et des pages inutiles. J'ai décidé de combiner certaines pages afin d'avoir une navigation plus claire, où plus de contenu est regroupé.
Dans cette nouvelle conception, j'ai pu réduire la navigation principale de 10 à 7 liens.
Flux d'utilisateur et des tâches
Le flux d'utilisateur était extrêmement linéaire, ce qui, je pense, est un avantage pour le site web. C'est clairement un site très utilitaire, et l'utilisateur moyen y va avec le but unique de vérifier les tarifs de projets similaires à celui qu'il est sur le point de réaliser.
La Conclusion
Dans ce projet, j'ai été agréablement surpris par le design original du site web. J'y suis entrée en pensant qu'il était dépassé et que je devrais le refondre complètement, mais plus j'y réfléchissais et plus j'appréciais sa simplicité. Ce n'était pas un site qui nécessitait des visuels attrayants ou des détails superflus. Il n'était pas corporatif, et en fait, avait une nature anti-corporate. Finalement, j'ai décidé de continuer avec l'éthos original du site et de le mettre à jour en gardant cet esprit à l'esprit. Je pense qu'avec ce nouveau design, l'âme du site reste la même, mais avec une navigation plus facile et améliorée. J'espère que cette refonte pourra contribuer à soutenir la cause de la solidarité et des artistes qui se soutiennent mutuellement.
