Log in
Sign up
Help center
Je vais maquetter l'expérience utilisateur de votre site ou application par cartographie et wireframes
0 sales
:no_upscale()/uploads/media/picture/2022-12-13/comeup-3-v2-6398ba088b369.jpg)
:no_upscale()/uploads/media/picture/2022-12-13/comeup-3-01-6398ba9aebf66.jpg)
:no_upscale()/uploads/media/picture/2022-12-13/comeup-3-02-6398da2c0193c.jpg)
:no_upscale()/uploads/media/picture/2022-12-13/comeup-3-03-6398da2f182ea.jpg)
:no_upscale()/user/127451fb-5eb2-4024-b568-cde3a7a0bae6.png)
Sold by clair_make
Professional
23 total sales
Available on ComeUp Direct
# Qui suis-je ?
Disposant de compétences pointues dans le domaine de l'UX/UI design, je vous accompagne dans vos besoins de création/correction de site ou application mobile (Android), à travers un service de maquettage de l'expérience utilisateur.
# Pourquoi maquetter l'expérience utilisateur ?
Dans un projet de création/correction de site web ou application, une approche centrée sur l'utilisateur constitue le meilleur moyen de toucher et d'engager votre cible, car vous lui offrez un parcours au plus proche de ses attentes et de ses besoins.
# En quoi mon service consiste-t-il ?
Pour commencer, je cartographie l'expérience.
Cette première étape consiste à élaborer un profil utilisateur type et un scénario d'usage global (arrivée sur le support, étapes et actions clés, sortie du support). Le scénario met en scène l'utilisateur type, dans sa façon d'aborder votre site ou application, avec ses besoins, ses doutes, ses attentes, ses interrogations ou encore ses frustrations. Le scénario est synthétisé sous forme de schéma dans un tableau.
Vient ensuite le maquettage des interfaces (wireframing).
Une fois que les freins et motivations de l'utilisateur ont été identifiés, mon rôle en tant qu'UX/UI designer, est de créer des wireframes (maquettes en niveaux de gris et avec des graphismes basiques) pour représenter un parcours utilisateur optimal et répondre aux problématiques soulevées par l’étape de cartographie. Dans ce service, le principe est donc de retranscrire des parcours utilisateurs en wireframes.
Exemple de prestation "Wireframe de parcours utilisateur"
> Problématique/objectif : "Un client souhaite acheter immédiatement et éprouve des difficultés à trouver un produit précis"
> Détail de la prestation : Création de wireframes pour un parcours en 4 étapes validées avec le client "recherche d'un produit , ajustement des filtres, consultation des résultats, ajout du produit au panier"
> Livrables : 1 wireframe "Recherche d'un produit" + 1 wireframe "Ajustement des filtres" + 1 wireframe "Consultation des résultats" + 1 wireframe "Ajout du produit au panier"
---
Le saviez-vous ?
> La cartographie offre une vision macro de l'expérience utilisateur.
> Les wireframes sont simples à appréhender car ils mettent visuellement en avant les éléments d'interface les plus importants.
> Les wireframes étant dénués de détails graphiques, ils sont plus rapides à produire et à corriger que des maquettes graphiques.
> Une fois validés, les wireframes peuvent aisément être repris comme base pour un maquettage graphique (maquettes intégrant la charte graphique), ou animés pour constituer un prototype.
En résumé, ce sont des supports ajustables selon les besoins, clairs et compréhensibles par tous dans une gestion collaborative efficiente.
# Service que je propose
La prestation basique consiste en la conception d'une cartographie de l'expérience. Pour compléter, je propose la création de wireframes d'une page représentative (accueil par exemple), et de parcours utilisateurs. Enfin, via l'option "Prototype interactif", il est possible de faire animer les wireframes produits pour simuler le dynamisme du support (ouverture de menu déroulant, liaison de pages...) :
---
Prestation de base : Cartographie de l'expérience
/ Prix : 10 €
/ Description : Je cartographie l'expérience utilisateur de votre site ou application sous la forme d'un schéma qui concilie un scénario d'usage global avec le ressenti émotionnel d'un utilisateur type.
/ Livrable : Un tableau (document PDF) comportant les étapes du scénario d'usage, les actions clés, le détail des tâches effectuées, les points de contact, les pensées et interrogations et les émotions. Au-dessus du tableau, j'ajoute un résumé du profil utilisateur type et l'objectif de la cartographie.
Vous souhaitez une vision micro de l'expérience utilisateur sur un ou plusieurs wireframes ? Des options complètent la prestation de base, ça se passe juste en dessous :
---
Option 1 : Wireframe d'une page représentative
/ Prix : 30 €
/ Description : Je crée le wireframe d'une page représentative de votre site ou application, avec un design d'interface au plus proche des besoins soulevés sur la cartographie. J'annote le document et je mets en avant les éléments les plus importants.
/ Livrable : Wireframe au format PDF d'une page représentative, en niveaux de gris et annoté
/ Retouche : 2 retouches mineures incluses
---
Option 2 : Wireframe de parcours utilisateur - 2 étapes
/ Prix : 30 €
/ Description : À partir d'une problématique ou d'un objectif, un parcours en 2 étapes est défini avec le client, puis ce parcours est converti en wireframes. À travers les maquettes, je propose un design d'interface au plus proche des besoins soulevés sur la cartographie et par la problématique/objectif du parcours utilisateur.
/ Livrable : 2 wireframes du parcours utilisateur au format PDF, en niveaux de gris et annotés
/ Retouche : 2 retouches mineures incluses
---
Option 3 : Wireframe de parcours utilisateur - 3 étapes
/ Prix : 40 €
/ Description : À partir d'une problématique ou d'un objectif, un parcours en 3 étapes est défini avec le client, puis ce parcours est converti en wireframes. À travers les maquettes, je propose un design d'interface au plus proche des besoins soulevés sur la cartographie et par la problématique/objectif du parcours utilisateur.
/ Livrable : 3 wireframes du parcours utilisateur au format PDF, en niveaux de gris et annotés
/ Retouche : 2 retouches mineures incluses
---
Option 4 : Wireframe de parcours utilisateur - 4 étapes
/ Prix : 60 €
/ Description : À partir d'une problématique ou d'un objectif, un parcours en 4 étapes est défini avec le client, puis ce parcours est converti en wireframes. À travers les maquettes, je propose un design d'interface au plus proche des besoins soulevés sur la cartographie et par la problématique/objectif du parcours utilisateur.
/ Livrable : 4 wireframes du parcours utilisateur au format PDF, en niveaux de gris et annotés
/ Retouche : 3 retouches mineures incluses
---
Option 5 : Wireframe de parcours utilisateur - 2 parcours jusqu'à 4 étapes
/ Prix : 120 €
/ Description : 2 parcours comportant jusqu'à 4 étapes chacun sont maquettés.
/ Livrable : Autant de wireframes que d'étapes, au format PDF, en niveaux de gris et annotés
/ Retouche : 5 retouches mineures incluses
---
Option 6 : Wireframe de parcours utilisateur - 3 parcours jusqu'à 4 étapes
/ Prix : 180 €
/ Description : 3 parcours comportant jusqu'à 4 étapes chacun sont maquettés.
/ Livrable : Autant de wireframes que d'étapes, au format PDF, en niveaux de gris et annotés
/ Retouche : 5 retouches mineures incluses
---
Option 7 : 1 à 2 wireframes responsive - 2 tailles d'écran supplémentaires
/ Prix : 55 €
/ Description : Je crée une version mobile et une version tablette de 1 à 2 wireframes.
/ Livrable : 2 déclinaisons des wireframes choisis, au format PDF, en niveaux de gris et annotés
/ Retouche : 2 retouches mineures incluses
---
Option 8 : 3 à 6 wireframes responsive - 2 tailles d'écran supplémentaires
/ Prix : 165 €
/ Description : Je crée une version mobile et une version tablette de 3 à 6 wireframes.
/ Livrable : 2 déclinaisons des wireframes choisis, au format PDF, en niveaux de gris et annotés
/ Retouche : 4 retouches mineures incluses
---
Option 9 : 7 à 10 wireframes responsive - 2 tailles d'écran supplémentaires
/ Prix : 250 €
/ Description : Je crée une version mobile et une version tablette de 7 à 10 wireframes.
/ Livrable : 2 déclinaisons des wireframes choisis, au format PDF, en niveaux de gris et annotés
/ Retouche : 5 retouches mineures incluses
---
Option 10 : Prototype interactif - 1 parcours utilisateur
/ Prix : 50 €
/ Description : Les wireframes produits pour 1 parcours sont liés entre eux par des animations. Pour une meilleure fluidité et un rendu réaliste, des maquettes intermédiaires peuvent être produites.
/ Livrable : Lien vers le prototype interactif Adobe XD
---
Option 11 : Prototype interactif - 2 parcours utilisateurs
/ Prix : 75 €
/ Description : Les wireframes produits pour 2 parcours sont liés entre eux par des animations. Pour une meilleure fluidité et un rendu réaliste, des maquettes intermédiaires peuvent être produites.
/ Livrable : Lien vers le prototype interactif Adobe XD
---
Option 12 : Prototype interactif - 3 parcours utilisateurs
/ Prix : 90 €
/ Description : Les wireframes produits pour 3 parcours sont liés entre eux par des animations. Pour une meilleure fluidité et un rendu réaliste, des maquettes intermédiaires peuvent être produites.
/ Livrable : Lien vers le prototype interactif Adobe XD
---
Option 13 : 1 aller-retour supplémentaire
/ Prix : 25 €
/ Description : Les wireframes sont révisés 1 fois supplémentaire sur présentation d’un motif et après réception de la liste des retouches souhaitées. Jusqu'à 5 retouches possibles (dont majeures) pour la totalité des maquettes.
/ Livrable : La ou les maquettes à jour au format PDF
---
Option 14 : 2 allers-retours supplémentaires
/ Prix : 50 €
/ Description : Les wireframes sont révisés 2 fois supplémentaires sur présentation d’un motif et après réception de la liste des retouches souhaitées. Jusqu'à 5 retouches possibles (dont majeures) pour la totalité des maquettes.
/ Livrable : La ou les maquettes à jour au format PDF
---
# Informations supplémentaires
## Pour maquetter l'expérience de votre site ou application, j'ai besoin de :
1. Arborescence (structure et pages envisagées) si votre site ou application en est au stade de projet, sinon lien vers le site (url ou nom de l’application si application mobile)
2. Résumé de la marque (nom, plus-value à mettre en avant, cible et objectifs)
3. Problématique(s) relevée(s) si existante(s)
4. Pour les allers-retours supplémentaires, ce qui motive le besoin de retouches et une liste de ces demandes
##Livrables
Les livrables sont détaillés sous chaque prestation.
##Retouches
Les retouches mineures incluses correspondent au déplacement, à l'agrandissement ou à la réduction d'éléments sur les wireframes.
Les retouches majeures en option correspondant au remplacement complet d'éléments sur les wireframes.
---
Ce service vous intéresse ? Discutons de votre besoin dès maintenant !
Disposant de compétences pointues dans le domaine de l'UX/UI design, je vous accompagne dans vos besoins de création/correction de site ou application mobile (Android), à travers un service de maquettage de l'expérience utilisateur.
# Pourquoi maquetter l'expérience utilisateur ?
Dans un projet de création/correction de site web ou application, une approche centrée sur l'utilisateur constitue le meilleur moyen de toucher et d'engager votre cible, car vous lui offrez un parcours au plus proche de ses attentes et de ses besoins.
# En quoi mon service consiste-t-il ?
Pour commencer, je cartographie l'expérience.
Cette première étape consiste à élaborer un profil utilisateur type et un scénario d'usage global (arrivée sur le support, étapes et actions clés, sortie du support). Le scénario met en scène l'utilisateur type, dans sa façon d'aborder votre site ou application, avec ses besoins, ses doutes, ses attentes, ses interrogations ou encore ses frustrations. Le scénario est synthétisé sous forme de schéma dans un tableau.
Vient ensuite le maquettage des interfaces (wireframing).
Une fois que les freins et motivations de l'utilisateur ont été identifiés, mon rôle en tant qu'UX/UI designer, est de créer des wireframes (maquettes en niveaux de gris et avec des graphismes basiques) pour représenter un parcours utilisateur optimal et répondre aux problématiques soulevées par l’étape de cartographie. Dans ce service, le principe est donc de retranscrire des parcours utilisateurs en wireframes.
Exemple de prestation "Wireframe de parcours utilisateur"
> Problématique/objectif : "Un client souhaite acheter immédiatement et éprouve des difficultés à trouver un produit précis"
> Détail de la prestation : Création de wireframes pour un parcours en 4 étapes validées avec le client "recherche d'un produit , ajustement des filtres, consultation des résultats, ajout du produit au panier"
> Livrables : 1 wireframe "Recherche d'un produit" + 1 wireframe "Ajustement des filtres" + 1 wireframe "Consultation des résultats" + 1 wireframe "Ajout du produit au panier"
---
Le saviez-vous ?
> La cartographie offre une vision macro de l'expérience utilisateur.
> Les wireframes sont simples à appréhender car ils mettent visuellement en avant les éléments d'interface les plus importants.
> Les wireframes étant dénués de détails graphiques, ils sont plus rapides à produire et à corriger que des maquettes graphiques.
> Une fois validés, les wireframes peuvent aisément être repris comme base pour un maquettage graphique (maquettes intégrant la charte graphique), ou animés pour constituer un prototype.
En résumé, ce sont des supports ajustables selon les besoins, clairs et compréhensibles par tous dans une gestion collaborative efficiente.
# Service que je propose
La prestation basique consiste en la conception d'une cartographie de l'expérience. Pour compléter, je propose la création de wireframes d'une page représentative (accueil par exemple), et de parcours utilisateurs. Enfin, via l'option "Prototype interactif", il est possible de faire animer les wireframes produits pour simuler le dynamisme du support (ouverture de menu déroulant, liaison de pages...) :
---
Prestation de base : Cartographie de l'expérience
/ Prix : 10 €
/ Description : Je cartographie l'expérience utilisateur de votre site ou application sous la forme d'un schéma qui concilie un scénario d'usage global avec le ressenti émotionnel d'un utilisateur type.
/ Livrable : Un tableau (document PDF) comportant les étapes du scénario d'usage, les actions clés, le détail des tâches effectuées, les points de contact, les pensées et interrogations et les émotions. Au-dessus du tableau, j'ajoute un résumé du profil utilisateur type et l'objectif de la cartographie.
Vous souhaitez une vision micro de l'expérience utilisateur sur un ou plusieurs wireframes ? Des options complètent la prestation de base, ça se passe juste en dessous :
---
Option 1 : Wireframe d'une page représentative
/ Prix : 30 €
/ Description : Je crée le wireframe d'une page représentative de votre site ou application, avec un design d'interface au plus proche des besoins soulevés sur la cartographie. J'annote le document et je mets en avant les éléments les plus importants.
/ Livrable : Wireframe au format PDF d'une page représentative, en niveaux de gris et annoté
/ Retouche : 2 retouches mineures incluses
---
Option 2 : Wireframe de parcours utilisateur - 2 étapes
/ Prix : 30 €
/ Description : À partir d'une problématique ou d'un objectif, un parcours en 2 étapes est défini avec le client, puis ce parcours est converti en wireframes. À travers les maquettes, je propose un design d'interface au plus proche des besoins soulevés sur la cartographie et par la problématique/objectif du parcours utilisateur.
/ Livrable : 2 wireframes du parcours utilisateur au format PDF, en niveaux de gris et annotés
/ Retouche : 2 retouches mineures incluses
---
Option 3 : Wireframe de parcours utilisateur - 3 étapes
/ Prix : 40 €
/ Description : À partir d'une problématique ou d'un objectif, un parcours en 3 étapes est défini avec le client, puis ce parcours est converti en wireframes. À travers les maquettes, je propose un design d'interface au plus proche des besoins soulevés sur la cartographie et par la problématique/objectif du parcours utilisateur.
/ Livrable : 3 wireframes du parcours utilisateur au format PDF, en niveaux de gris et annotés
/ Retouche : 2 retouches mineures incluses
---
Option 4 : Wireframe de parcours utilisateur - 4 étapes
/ Prix : 60 €
/ Description : À partir d'une problématique ou d'un objectif, un parcours en 4 étapes est défini avec le client, puis ce parcours est converti en wireframes. À travers les maquettes, je propose un design d'interface au plus proche des besoins soulevés sur la cartographie et par la problématique/objectif du parcours utilisateur.
/ Livrable : 4 wireframes du parcours utilisateur au format PDF, en niveaux de gris et annotés
/ Retouche : 3 retouches mineures incluses
---
Option 5 : Wireframe de parcours utilisateur - 2 parcours jusqu'à 4 étapes
/ Prix : 120 €
/ Description : 2 parcours comportant jusqu'à 4 étapes chacun sont maquettés.
/ Livrable : Autant de wireframes que d'étapes, au format PDF, en niveaux de gris et annotés
/ Retouche : 5 retouches mineures incluses
---
Option 6 : Wireframe de parcours utilisateur - 3 parcours jusqu'à 4 étapes
/ Prix : 180 €
/ Description : 3 parcours comportant jusqu'à 4 étapes chacun sont maquettés.
/ Livrable : Autant de wireframes que d'étapes, au format PDF, en niveaux de gris et annotés
/ Retouche : 5 retouches mineures incluses
---
Option 7 : 1 à 2 wireframes responsive - 2 tailles d'écran supplémentaires
/ Prix : 55 €
/ Description : Je crée une version mobile et une version tablette de 1 à 2 wireframes.
/ Livrable : 2 déclinaisons des wireframes choisis, au format PDF, en niveaux de gris et annotés
/ Retouche : 2 retouches mineures incluses
---
Option 8 : 3 à 6 wireframes responsive - 2 tailles d'écran supplémentaires
/ Prix : 165 €
/ Description : Je crée une version mobile et une version tablette de 3 à 6 wireframes.
/ Livrable : 2 déclinaisons des wireframes choisis, au format PDF, en niveaux de gris et annotés
/ Retouche : 4 retouches mineures incluses
---
Option 9 : 7 à 10 wireframes responsive - 2 tailles d'écran supplémentaires
/ Prix : 250 €
/ Description : Je crée une version mobile et une version tablette de 7 à 10 wireframes.
/ Livrable : 2 déclinaisons des wireframes choisis, au format PDF, en niveaux de gris et annotés
/ Retouche : 5 retouches mineures incluses
---
Option 10 : Prototype interactif - 1 parcours utilisateur
/ Prix : 50 €
/ Description : Les wireframes produits pour 1 parcours sont liés entre eux par des animations. Pour une meilleure fluidité et un rendu réaliste, des maquettes intermédiaires peuvent être produites.
/ Livrable : Lien vers le prototype interactif Adobe XD
---
Option 11 : Prototype interactif - 2 parcours utilisateurs
/ Prix : 75 €
/ Description : Les wireframes produits pour 2 parcours sont liés entre eux par des animations. Pour une meilleure fluidité et un rendu réaliste, des maquettes intermédiaires peuvent être produites.
/ Livrable : Lien vers le prototype interactif Adobe XD
---
Option 12 : Prototype interactif - 3 parcours utilisateurs
/ Prix : 90 €
/ Description : Les wireframes produits pour 3 parcours sont liés entre eux par des animations. Pour une meilleure fluidité et un rendu réaliste, des maquettes intermédiaires peuvent être produites.
/ Livrable : Lien vers le prototype interactif Adobe XD
---
Option 13 : 1 aller-retour supplémentaire
/ Prix : 25 €
/ Description : Les wireframes sont révisés 1 fois supplémentaire sur présentation d’un motif et après réception de la liste des retouches souhaitées. Jusqu'à 5 retouches possibles (dont majeures) pour la totalité des maquettes.
/ Livrable : La ou les maquettes à jour au format PDF
---
Option 14 : 2 allers-retours supplémentaires
/ Prix : 50 €
/ Description : Les wireframes sont révisés 2 fois supplémentaires sur présentation d’un motif et après réception de la liste des retouches souhaitées. Jusqu'à 5 retouches possibles (dont majeures) pour la totalité des maquettes.
/ Livrable : La ou les maquettes à jour au format PDF
---
# Informations supplémentaires
## Pour maquetter l'expérience de votre site ou application, j'ai besoin de :
1. Arborescence (structure et pages envisagées) si votre site ou application en est au stade de projet, sinon lien vers le site (url ou nom de l’application si application mobile)
2. Résumé de la marque (nom, plus-value à mettre en avant, cible et objectifs)
3. Problématique(s) relevée(s) si existante(s)
4. Pour les allers-retours supplémentaires, ce qui motive le besoin de retouches et une liste de ces demandes
##Livrables
Les livrables sont détaillés sous chaque prestation.
##Retouches
Les retouches mineures incluses correspondent au déplacement, à l'agrandissement ou à la réduction d'éléments sur les wireframes.
Les retouches majeures en option correspondant au remplacement complet d'éléments sur les wireframes.
---
Ce service vous intéresse ? Discutons de votre besoin dès maintenant !
-
Order
your preferred service
from one of our sellers -
Communicate securely via the website’s chat box
from start to finish -
Sellers only get paid
once you have validated the delivery
About the seller
clair_make
8 hours ago
“Forte de plusieurs années d’expérience en tant que designer web et en constante veille informative sur les technologies et les tendances, je mets mes compétences en audit UI/UX, mon savoir en UX design et ergonomie ainsi que ma sensibilité graphique au service de vos projets.
Vous recherchez un freelance qui entre en empathie avec votre projet, qui identifie rapidement ses enjeux et qui œuvre en faveur d'un web facilitateur pour tous ? Je vous propose de travailler ensemble.”
-
Professional seller
-
Average response time
4 h
-
Orders in progress
0
-
Sales in total
23
-
Seller since
Nov 2022
