CONTEXTE
Une histoire d’amour.
ArtForNess est un espace de découverte d’œuvres insolites et accessibles, des interviews d’artistes, des découvertes et surtout des œuvres uniques, des originaux et des éditions limitées façonnés avec le plus grand soin rien que pour vous.
Plus qu’une galerie d’art en ligne, c’est le désir et la passion de partager avec vous les talents artistiques d’Afrique du Nord et du Moyen Orient qui guide chacune de nos actions.
Ines a fait appel à nos services pour la refonte de son site internet. En analysant son site, nous avons pu constater des manques, au niveau de l’interface, et de l’expérience utilisateur. Le pack UX/e-commerce était idéal pour Inès, car elle avait peu de notions au niveau du web et souhaitait un site pour vendre les œuvres des artistes, clé en main.
À l’issue de notre collaboration, nous avons proposé un site e-commerce professionnel, optimisé et totalement à l’ image de la marque. Il lui a permis de vendre ces services et produits en touchant le cœur de sa clientèle cible.
Nous commençons tous les projets par un appel de découverte nous permettant d’élaborer une proposition sur-mesure. Par la suite nous envoyons un devis et un questionnaire, celui-ci à pour but de nous aider à identifier les points clés de votre projet, mais également, de bien identifier vos attentes.
La première phrase du projet est consacrée à l’analyse des objectifs, des valeurs, des messages et de la cible de la marque.
Après une étude approfondie des réponses du questionnaire, nous réfléchirons dans un premier temps à l’architecture des pages et à l’ergonomie générale du site pour offrir le meilleur parcours utilisateur.
Basé sur l’architecture du site validé précédemment, Nous commençons par concevoir la page d’accueil. Après validation, nous déployons la mise en page sur les autres pages du site.
USER FLOW UX DESIGN
Le User Flow est une représentation graphique, écrite ou numérique, des chemins qu’il est possible d’emprunter lorsque cet utilisateur navigue sur un site Internet.
Cette représentation s’étend du point d’entrée (page d’accueil d’un site, jusqu’à l’action finale qui peut être l’achat d’un produit par exemple.
Traditionnellement, chaque point de contact est représenté par un noeud et chaque noeud possède une forme propre indiquant son rôle dans le processus. Un rectangle peut ainsi indiquer qu’une action telle que “Se connecter” ou “Acheter” est requise.
Détailler ces embranchements nous permettra d’analyser et d’optimiser l’expérience utilisateur pour améliorer le taux de conversion.
PHASE D’IDEATION
C’est une première base de connaissances ou il faut trier et catégoriser pour en extraire plusieurs problématiques. Une fois que ce travail réalisé et que les problématiques semble claires, on va devoir faire émerger des idées pour trouver des solutions à ces problématiques. Ce sont ces idées qui vont alimenter le travail de conception et de prototypage.
Une fonctionnalité, qu’est-ce que c’est ?
C’est une action utilisateur qui répond à un besoin.
Définir le scope fonctionnel
Grâce à la phase d’idéation, les idées sont traduites en fonctionnalités. La classification des solutions réalisées dans l’ ateliers d’idéation sert à identifier les fonctionnalités principales du site.
L’objectif est de proposer une nouvelle expérience plus fluide et plus simple pour l’utilisateur. Il est possible d’identifier de nouveaux besoins, donc potentiellement de nouvelles fonctionnalités.
Ces fonctionnalités principales constituent le cœur du service.
- Définir les fonctionnalités principales du site.
Elles répondent donc à la question : “Qu’est-ce qu’un utilisateur peut faire avec ce service ? Il peut faire…”
- Traduire ces fonctionnalités visuellement et de manière interactive.
Intégrez les dans un parcours utilisateurs…
FINAL
La phase de Zoning permet de garder une cohérence sur l’ensemble des écrans types et de définir, pour chaque type de contenu, une zone spécifique dans l’écran Et travailler l’architecture de l’information, sur l’organisation et la hiérarchie des contenus.
La réalisation des wireframes d’ArtForNess, est une représentation schématique, une sorte de squelette qui va montrer la structure des écrans.
Après validation de celle-çi, la Méthode Atomic Design est utilisé. C’est une méthode de conception d’interface qui prend en compte les contraintes du développement.
OBJECTIF
Décomposer le sites web en éléments indépendants qui peuvent être réorganisés et modifiés facilement, tout en conservant l’harmonie du design.
Développement du site…
Site internet : www.artforness.com