Éco-conception

2024

Éco-conception

2024

À propos

Dans un monde de plus en plus conscient des enjeux environnementaux, l'importance de l'éco-conception ne se limite pas aux objets physiques. Les sites internet ont également un impact écologique notable. L'éco-conception de sites internet vise à réduire cet impact en optimisant les ressources utilisées, tant en termes de développement que de consommation énergétique lors de la navigation. À travers ce projet, je souhaite démontrer qu'il est possible de créer des sites à la fois esthétiques, fonctionnels et respectueux de l'environnement. Mon portfolio illustre comment des choix techniques et graphiques peuvent contribuer à un internet plus durable, tout en maintenant une expérience utilisateur de haute qualité.

À propos

Dans un monde de plus en plus conscient des enjeux environnementaux, l'importance de l'éco-conception ne se limite pas aux objets physiques. Les sites internet ont également un impact écologique notable. L'éco-conception de sites internet vise à réduire cet impact en optimisant les ressources utilisées, tant en termes de développement que de consommation énergétique lors de la navigation. À travers ce projet, je souhaite démontrer qu'il est possible de créer des sites à la fois esthétiques, fonctionnels et respectueux de l'environnement. Mon portfolio illustre comment des choix techniques et graphiques peuvent contribuer à un internet plus durable, tout en maintenant une expérience utilisateur de haute qualité.

À propos

Dans un monde de plus en plus conscient des enjeux environnementaux, l'importance de l'éco-conception ne se limite pas aux objets physiques. Les sites internet ont également un impact écologique notable. L'éco-conception de sites internet vise à réduire cet impact en optimisant les ressources utilisées, tant en termes de développement que de consommation énergétique lors de la navigation. À travers ce projet, je souhaite démontrer qu'il est possible de créer des sites à la fois esthétiques, fonctionnels et respectueux de l'environnement. Mon portfolio illustre comment des choix techniques et graphiques peuvent contribuer à un internet plus durable, tout en maintenant une expérience utilisateur de haute qualité.

Compétences

UI Design Accessibilité Éco-conception

Équipe

1x product designer

Durée

Entre 24 et 48h

Compétences

UI Design Accessibilité Éco-conception

Équipe

1x product designer

Durée

Entre 24 et 48h

Compétences

UI Design Accessibilité Éco-conception

Équipe

1x product designer

Durée

Entre 24 et 48h

Momox Shop

À propos

À propos

À propos

Momox Shop est une marketplace dédiée à la mise en circulation de biens culturels d'occasion. En tant que l'un des leaders européens du secteur, leur objectif est de rendre la culture accessible à tous en proposant des produits de qualité à des prix compétitifs.

Mes modifications

La page d'accueil du site contient de nombreux visuels qui peuvent être remplacés par des illustrations en .svg, ce qui les rendrait moins lourdes et réduirait le temps de chargement. J'ai également décidé de supprimer le slider, qui n'apportait pas de valeur ajoutée et était frustrant pour les utilisateurs puisqu'il ne pouvait pas être arrêté. J'ai donc opté pour une simple illustration d'accueil. De plus, j'ai choisi de simplifier le menu afin de diminuer la charge mentale visuelle des utilisateurs.

Abracadaroom

À propos

Abracadaroom est un site spécialisé dans la réservation d'hébergements insolites et uniques en France. Il propose une vaste gamme de logements atypiques, tels que des cabanes dans les arbres, des bulles transparentes pour observer les étoiles, des yourtes, des roulottes, des igloos, et bien d'autres types de logements.

Ces hébergements sont souvent situés dans des environnements naturels et pittoresques, offrant une expérience hors du commun et éloignée des standards des hôtels classiques​.

Mes modifications

Pour la Home page de ce site j'ai travaillé dans un premier temps la partie graphique. J'ai souhaité apporter des tenues plus neutres, qui représentent la nature et la forêt. Pour l'accessibilité, j'ai enlevé les contenus textuels qui étaient superposés sur des images et j'ai pris une typographie plus lisible. Enfin, j'ai modernisé les visuels choisis pour illustrer les cards afin de donner un "coup de neuf" au site. 

Pour l'éco-conception de cette page, j'ai dans un premier temps réduis le nombre de visuel ainsi que leur taille. Dans un second temps j'ai réduis le nombre d'éléments présents sur la page afin de désencombrer.

Pole and dance

À propos

Pole and Dance est un site dédié à l'apprentissage de la pole dance et d'autres disciplines aériennes comme le cerceau et le hamac aérien. Basé à Paris, il propose des cours en présentiel dans deux studios ainsi qu'en ligne via une plateforme de vidéos à la demande (VOD).

Les cours couvrent divers niveaux, de débutant à avancé, et incluent des options de flexibilité, renforcement musculaire et chorégraphie.

Le site offre aussi des stages, des suivis individuels et des abonnements variés.

Mes modifications

En analysant cette home page j'ai pu noter quelques point négatifs à améliorer : 

  • des problèmes de structure (il n'y a pas de colonnes, rien n'est aligné) 

  • le menu est trop chargé et déséquilibré 

  • il y a une vidéo en auto play au début (mauvais pour l'accessibilité et c'est très énergivore) 

  • le menu n'est pas responsive 

  • il y a beaucoup de contenu (et certains contenu ne sont pas assez mis en avant)

  • on ne trouve pas facilement comment réserver les cours 

  • il y a des problèmes d'accessibilité (contraste : écriture blanc sur fond clair) 

C'est pour cela que j'ai réalisé cette maquette du début de la Home page avec une refonte graphique avec une couleurs principale claire et une couleur pour mettre en accent. J'ai réorganisé le menu afin qu'il soit équilibré (5 sous-catégories pour chaque partie déroulante).

Gardons contact !

N'hésitez pas à me contacter pour échanger sur vos projets ou simplement pour discuter :)

emma.lhui@yahoo.fr

Gardons contact !

N'hésitez pas à me contacter pour échanger sur vos projets ou simplement pour discuter :)

emma.lhui@yahoo.fr

Gardons contact !

N'hésitez pas à me contacter pour échanger sur vos projets ou simplement pour discuter :)

emma.lhui@yahoo.fr