Démarrer un projet Démarrer

ServicesDesign UX/UI

Design UX/UI

2 options · facturation mensuelle, par mois de travail

Du design uniquement, pour un produit dont le périmètre est déjà défini : parcours, écrans, états, système de design et transfert à vos développeurs. La conception d’écrans d’applications mobiles relève aussi de cette prestation.

Parcours, écrans et états.
Prêts pour vos développeurs.

Du design uniquement, pour un produit dont le périmètre est déjà défini. Nous élaborons les parcours utilisateurs, concevons les écrans et leurs états, puis transmettons à vos développeurs un système de design sur lequel ils peuvent s’appuyer. La conception d’écrans d’applications mobiles relève aussi de cette prestation.

Interface du site Web de MV Agusta

Le produit est défini.
Il lui faut maintenant ses écrans.

La tâche, le public et le périmètre sont connus. Le produit a maintenant besoin d’une interface cohérente : des parcours pertinents, des écrans fonctionnels sur les appareils utilisés et des états qui couvrent les situations réelles.

Nous concevons l’interface de votre produit et transmettons le résultat à votre équipe. Le développement ne fait pas partie de cette prestation ; les fichiers sont préparés pour que vos développeurs puissent les utiliser directement.

Si le produit lui-même est encore en cours de définition, découvrez le Design de produit.

Ce que comprend
votre design.

Des parcours utilisateurs au transfert : les éléments dont vos développeurs ont besoin pour réaliser l’interface.

Parcours utilisateurs

Les parcours des utilisateurs dans le produit : où commence leur cheminement, ce qui se passe à chaque étape et où il aboutit. Nous cartographions les principaux scénarios et les embranchements importants.

Résultat : des parcours convenus avant la conception des écrans.

Écrans

L’interface de chaque étape, conçue pour les plateformes et les tailles d’écran convenues, sur le Web, dans une application mobile ou sur les deux, avec du contenu réaliste.

Résultat : des écrans pour les scénarios convenus.

États

États vide, de chargement, d’erreur et de réussite, ainsi que le moment précédant la confirmation d’une action. Avec SKARR.PRO, les interactions personnalisées et les transitions sont conçues en détail.

Résultat : des états qui couvrent les situations réelles.

Système de design

Des composants, une typographie, des couleurs et des comportements cohérents dans tout le produit. SKARR couvre les écrans convenus ; SKARR.PRO étend le système pour les fonctionnalités à venir.

Résultat : un système que votre équipe peut faire évoluer.

Transfert

Des fichiers Figma organisés pour le développement, avec composants, spécifications et notes. Avec SKARR.PRO, nous accompagnons vos développeurs pendant la réalisation.

Résultat : un transfert sur lequel vos développeurs peuvent s’appuyer.

Les écrans
en contexte.

Une interface fonctionne lorsque chaque écran et chaque état s’inscrivent dans un même système.

Application bancaire sur un téléphone : écran des abonnements avec analyse des dépenses

Banking App.
De la vue d’ensemble à la décision.

Une personne passe d’une vue d’ensemble de ses dépenses à un abonnement, compare les options et choisit clairement la prochaine étape. Chaque écran et chaque état du parcours s’inscrit dans un même cheminement.

Notre propre produit, en cours de développement. Essayez la démo interactive pour voir les écrans en action.

Essayer la démo

Des fichiers Figma sur lesquels vos développeurs
peuvent s’appuyer.

Vous recevez les parcours, les écrans et les états convenus sous forme de fichiers Figma organisés, accompagnés d’un système de design comprenant les composants, la typographie et les comportements.

Le développement ne fait pas partie de cette prestation. Les modifications après le transfert constituent une prestation distincte ; SKARR.PRO inclut l’accompagnement de vos développeurs pendant la période de transfert convenue.

Des parcours
au transfert.

Vous apportez le produit et son périmètre. Nous concevons l’interface avec vous et la préparons pour vos développeurs.

01

Définir le périmètre

Vous nous présentez le produit, son public et les scénarios à couvrir. Nous examinons les éléments existants, confirmons les plateformes et convenons de ce qui est inclus dans le mois.

02

Cartographier les parcours

Nous étudions les parcours utilisateurs et les informations nécessaires à chaque étape, puis nous les validons avant de concevoir les écrans.

03

Concevoir les écrans et les états

Les écrans, les états et les composants prennent forme dans Figma. Nous examinons ensemble les principaux parcours et affinons les détails. Avec SKARR.PRO, nous étudions différentes options lorsque certaines décisions restent à prendre.

04

Transmettre les fichiers

Les fichiers sont organisés pour le développement, avec des spécifications et des notes. Avec SKARR.PRO, nous restons disponibles pour vos développeurs pendant la période de transfert convenue.

Choisissez le niveau de détail
dont votre interface a besoin.

Les deux options couvrent uniquement le design d’un produit dont le périmètre est défini. Comparez le niveau de détail des écrans, du système et du transfert.

Design UX/UI : 2 options avec leurs tarifs exacts
Caractéristique SKARR Des écrans au design sur mesure. Votre propre langage visuel. $5,000 / mois par mois de travail Acheter SKARR

Paiement sécurisé par Stripe

SKARR.PRO Plus de profondeur et de détail dans toute l’expérience, à chaque point de contact. $6,990 / mois par mois de travail Acheter SKARR.PRO

Paiement sécurisé par Stripe

Le design
Point de départPoint de départ

Un produit dont la tâche, le public et le périmètre sont déjà clairement définis.

Point de départ

La même prestation, avec l’étude de différentes options pour les décisions de design encore ouvertes.

Parcours et écransParcours et écrans

Parcours utilisateurs et écrans pour les scénarios et les plateformes convenus.

Parcours et écrans

Parcours utilisateurs et écrans, avec étude de différentes options lorsque des décisions restent à prendre.

États et interactionsÉtats et interactions

États vide, de chargement, d’erreur et de réussite pour les écrans convenus.

États et interactions

Les mêmes états, avec des interactions et des transitions personnalisées conçues en détail.

Système de design
ComposantsComposants

Composants, typographie, couleurs et comportements pour les écrans convenus.

Composants

Un système étendu, préparé pour les futurs écrans et fonctionnalités.

PlateformesPlateformes

Web, application mobile ou les deux, selon ce qui est convenu pour le projet.

Plateformes

Web, application mobile ou les deux, avec une adaptation plus approfondie aux différentes tailles et plateformes.

Transfert
Travail mensuelTravail mensuel

Travail de design pour le mois. Le périmètre et les livrables attendus sont convenus avant le démarrage.

Travail mensuel

Travail de design pour le mois, au niveau de détail choisi. Le périmètre et les livrables attendus sont convenus avant le démarrage.

Ce que vous recevezCe que vous recevez

Fichiers Figma organisés : parcours, écrans, états et système de design.

Ce que vous recevez

La même chose, avec les options étudiées et le système étendu.

Accompagnement des développeursAccompagnement des développeurs

Notes de transfert et réponses aux questions lors de la transmission.

Accompagnement des développeurs

Accompagnement de vos développeurs pendant la période de transfert convenue.

Avant
de commencer.

Développez-vous aussi l’interface ?

Non. Le design UX/UI couvre la conception et le transfert. La réalisation de l’interface conçue est une prestation distincte : le développement frontend pour les sites Web et les interfaces Web, le développement d’applications pour les applications.

Pouvez-vous concevoir des écrans d’application mobile ?

Oui. La conception d’écrans d’application mobile relève de cette prestation. Nous convenons des plateformes et des tailles d’écran au départ.

Que devons-nous fournir ?

Le produit ou sa description, les scénarios à couvrir, les éléments existants tels que la marque, les écrans actuels et les données analytiques, ainsi qu’une personne disponible pour prendre des décisions pendant le mois.

Que faire si le produit n’est pas encore défini ?

Dans ce cas, le travail commence plus tôt. Le design de produit définit la tâche, le public et le modèle du produit avant la conception des écrans.

Que se passe-t-il après le transfert ?

Vos développeurs réalisent l’interface à partir des fichiers. Avec SKARR.PRO, les questions posées pendant la période de transfert convenue sont prises en charge. Les écrans supplémentaires font l’objet d’un nouvel accord de prestation.

Vous avez encore des questions ?

Parlons de votre interface

Contact

Parlons-en

Laissez vos coordonnées et nous vous contacterons pour discuter de votre projet et vous aider à déterminer la prochaine étape.

FR