Créateur de site web de portfolio UX pour études de cas | Pixpa

Créateur de site web de portfolio UX pour études de cas | Pixpa

Construisez votre site Web

Liens vers la galerie

Une seule plateforme pour votre site web, vos galeries clients et votre boutique. Découvrez ce qui la distingue.

Créateurs de mode et stylistes mode

Architectes et Designers d'intérieur

Musiciens et interprètes

Écrivains et auteurs

Sites web portfolio pour chaque domaine créatif

Pourquoi choisir Pixpa?

Étudiants et éducateurs

Mises à jour du produit

Applications et Intégrations

Configurez votre site web

A Pixpa Le graphiste crée le document à partir de votre cahier des charges, de vos images et de votre contenu. Il le vérifie ensuite et le publie. $399 $199 Offre d'une durée limitée

Pages d'études de cas, protection par mot de passe pour les documents confidentiels et contrôle total du CSS. Sur votre propre domaine.

15 jours d'essai gratuit · Aucune carte requise

Un site web portfolio UX est un site hébergé sur votre propre nom de domaine où chaque projet est présenté comme une étude de cas plutôt que comme une simple image : le brief, les recherches, les décisions que vous avez écartées et les maquettes que vous avez livrées. Les recruteurs le consultent pour comprendre votre raisonnement, et non vos compétences techniques.

La plupart des outils de création de portfolio gèrent mal cet aspect. Ceux qui privilégient une galerie vous proposent une grille et une visionneuse d'images, ce qui convient parfaitement à un photographe, mais pas à un designer qui a besoin d'une description détaillée de son processus créatif pour chaque projet.

Des pages, pas seulement des galeries

Un outil complet de création de pages avec des blocs de contenu pour le texte, les images, les vidéos et les éléments intégrés, ainsi que du CSS et du HTML personnalisés dans chaque forfait pour lorsque l'éditeur de base est insuffisant.

Protection par mot de passe sur n'importe quelle page

Verrouillez une étude de cas soumise à un accord de confidentialité et communiquez le mot de passe à un seul recruteur. Disponible avec tous les abonnements, sur des pages individuelles ou sur l'ensemble du site.

Votre propre domaine

Un nom de domaine personnalisé gratuit la première année avec la facturation annuelle, ou connectez celui que vous possédez déjà.

Assistance répondue par une personne

Chat en direct, 24/7 , composée de personnes qui utilisent l'éditeur.

« Courbe d'apprentissage quasi inexistante. Apprendre à créer son propre site web a été presque instantané. »

Concepteur UX · Capterra

Chaque projet a sa propre page et sa propre mise en page. Superposez une image d'en-tête, trois paragraphes sur la recherche, une séquence de wireframes, un avant/après annoté, puis l'indicateur qui a évolué. Réorganisez les éléments par glisser-déposer.

Le CSS personnalisé est inclus dans tous les forfaits et le HTML personnalisé est disponible dans l'éditeur ; ainsi, un prototype Figma, une présentation Loom ou une interaction déclenchée par le défilement est intégré plutôt que pris sous forme de capture d'écran.

Si l'étude de cas est longue, divisez-la en plusieurs pages et créez des liens entre elles.

C'est la première question que se posent les designers. Le CSS personnalisé est inclus dans tous les forfaits : vous pouvez ainsi modifier directement une règle de modèle au lieu de la contourner, et le code HTML est modifiable dans l'éditeur. La taille des caractères, l'espacement, la grille et l'ordre des blocs se modifient sans toucher au code, et les versions ordinateur et mobile peuvent être stylisées séparément. Un modèle est un point de départ que vous pouvez modifier ultérieurement sans perdre de contenu, et non un conteneur figé.

Conformément à l'accord de confidentialité

La plupart des projets UX de haut niveau sont couverts par un accord de confidentialité, et la solution habituelle consiste à les décrire de manière vague en espérant que le lecteur devinera les détails. Ce qui n'arrive généralement pas.

Pixpa La protection par mot de passe est prise en charge pour les pages individuelles et l'ensemble du site, quel que soit votre abonnement. Publiez deux études de cas sur le site public, protégez la refonte du site fintech par un mot de passe et communiquez ce mot de passe au responsable du recrutement qui l'a demandé. Modifiez-le une fois le processus terminé.

Pour un travail que vous réalisez plutôt que de le montrer, galeries clients Ajouter des contrôles d'accès, un suivi d'activité et une expiration automatique à une date définie.

« Édition ultra simple, assistance client en temps réel exceptionnelle, personnalisation très poussée. »

Pourquoi pas Dribbble ?

Behance et Dribbble vous offrent de la visibilité. Ils ne vous fournissent ni nom de domaine, ni étude de cas détaillée, ni mot de passe pour vos travaux sous accord de confidentialité. De plus, ils référencent leurs propres résultats, pas les vôtres.

La plupart des designers utilisent les deux : les visuels sont publiés sur Dribbble, les études de cas sur un site dont ils sont propriétaires, et le profil contient des liens externes.

Sites web de concepteurs UX, UI et produits. Ouvrez-en un et vérifiez l'essentiel : comment l'étude de cas s'affiche sur un téléphone.

Pixpa a 200+ La bibliothèque comprend 18 modèles, dont 18 ont été sélectionnés pour la conception d'interfaces utilisateur (UI) et d'expériences utilisateur (UX). Ces modèles sont conçus pour des pages de projet longues et aérées, et non pour une forte densité d'images.

Rien n'est figé dans un modèle. Déplacez n'importe quel bloc, modifiez l'échelle de police, écrivez du CSS personnalisé, modifiez le HTML. Changez de modèle après la mise en ligne du site sans perdre de contenu.

Si vous vendez des kits d'interface utilisateur, des jeux d'icônes ou des cours de design, la boutique gère les téléchargements numériques sur le même site, et PixpaLa commission de [Nom de l'entreprise] sur chaque vente est nulle.

« Des modèles de conception magnifiques, un contenu facile à utiliser et à gérer, et la possibilité de modifier les paramètres par défaut des modèles. »

Rédacteur UX · Capterra

Trois options tout à fait valables, selon les autres besoins du site.

Un outil dédié à l'expérience utilisateur comme UXfolio est la solution idéale si votre seul site web est un portfolio. C'est aussi la solution la plus spécifique : pas de boutique, pas de blog, pas de second projet hébergé sur le même domaine.

Un outil de création de sites web intégré comme Framer ou Webflow offre un contrôle maximal, mais sa configuration est plus complexe. Cela vaut le coup si le site sert uniquement de portfolio. C'est excessif si vous souhaitez publier trois études de cas ce week-end.

Un créateur de sites généraliste comme Squarespace ou Wix créera votre site, puis prélèvera une commission si vous vendez quoi que ce soit, vous laissant ainsi aux prises avec un système de mise en page privilégiant la galerie.

Six étapes. Comptez environ un week-end si les études de cas sont déjà rédigées.

Choisissez trois projets.

Trois études de cas approfondies valent mieux que neuf études superficielles. Si vous ne pouvez pas expliquer une décision prise concernant un projet, celui-ci n'est pas prêt à être publié sur le site.

Rédigez les études de cas avant de contacter un constructeur.

Problème, contrainte, tentatives, solution mise en œuvre, changements apportés. La rédaction est la partie la plus difficile et aucun modèle ne peut corriger une mauvaise écriture.

Choisissez un modèle.

Filtrez les résultats en fonction de l'interface utilisateur et de l'expérience utilisateur, puis jugez-les sur la lisibilité d'un long bloc de texte, et non sur l'élément principal de la page d'accueil.

Créez une page d'étude de cas de bout en bout.

Réussissez-en un, puis dupliquez-le. Une structure cohérente entre les projets est ce qui rend un portfolio facile à parcourir.

Verrouillez le travail soumis à l'accord de confidentialité.

Définissez un mot de passe pour ces pages et rédigez un résumé public d'une ligne indiquant l'existence de l'étude et la procédure pour y accéder.

Connectez votre domaine et configurez les métadonnées.

Utilisez le gestionnaire SEO pour rédiger les titres et les descriptions des pages avant de partager le lien, puis envoyez-le.

Six éléments distinguent un portfolio qui suscite un rappel d'un portfolio qui se contente de faire défiler la page. Aucun d'eux n'est lié à la qualité visuelle.

Chaque étude de cas doit débuter par le résultat.

Face à une multitude de candidatures, le lecteur décidera de lire ou non votre projet dès la première ligne, et non au troisième paragraphe. Indiquez donc en premier lieu les changements intervenus : l’indicateur, le lancement, la décision annulée. Le compte rendu de recherche sera lu ensuite, et non avant.

Trois études de cas, et non neuf.

Le site « Volume » se présente comme une archive. Trois projets que vous pouvez défendre en entretien témoignent de votre capacité à évaluer les compétences, et c'est précisément l'évaluation des compétences qui compte lors d'un recrutement. Tout sujet sur lequel vous ne souhaiteriez pas être interrogé pendant vingt minutes devrait être retiré du site.

Montrez le travail que vous avez rejeté.

La section consacrée aux pistes rejetées est la seule preuve, dans un portfolio, qu'une décision a été prise délibérément et non par hasard. Une galerie d'interface utilisateur présente l'écran final. Un portfolio d'expérience utilisateur, quant à lui, expose les deux pistes abandonnées et explique pourquoi. C'est le critère de distinction le plus évident entre les deux, et pourtant, la plupart des portfolios l'omettent car les travaux rejetés sont souvent perçus comme peu esthétiques.

Rédigez-le de manière à ce qu'une personne non spécialiste en design puisse le comprendre.

Le premier interlocuteur est souvent un recruteur ou un responsable du recrutement d'un autre service. Le jargon technique, perçu comme un signe de compétence par un autre concepteur, est incompréhensible pour lui. Définissez la contrainte en termes simples avant de nommer la méthode.

Ne faites pas du prototype l'élément porteur.

Les prototypes Figma intégrés sont lents sur mobile, se bloquent lors du déplacement d'un fichier et deviennent totalement inopérants derrière certains pare-feu d'entreprise. Privilégiez les maquettes statiques qui suffisent à illustrer votre propos et présentez le prototype interactif en complément, plutôt que comme preuve.

Indiquez le rôle que vous souhaitez et comment vous contacter.

« Ouvert aux postes de concepteur de produits senior, au Royaume-Uni ou à distance » élimine la question qui empêche les gens de me contacter. L’ambiguïté est interprétée comme une indisponibilité.

Le moment du rejet est celui où la plupart des portfolios UX perdent leur intérêt, et cela ne coûte rien à corriger.

Tout ce que vous souhaitez savoir avant de commencer. Vous avez encore des questions ? Le chat en direct est disponible. 24/7 .

Trois études de cas constituent la norme pour la plupart des rôles, quatre étant le niveau le plus élevé. Chaque étude de cas doit présenter un problème défini, votre contribution spécifique étant clairement identifiée (distincte de celle de l'équipe), ainsi qu'un résultat. Une quatrième étude de cas superficielle affaiblit les trois études de cas solides qui l'accompagnent.

Placez l'étude de cas sur une page protégée par mot de passe et ne communiquez ce mot de passe qu'aux personnes qui le demandent. PixpaLa protection par mot de passe fonctionne sur les pages individuelles et sur l'ensemble du site, quel que soit l'abonnement. Sur le site public, veuillez indiquer brièvement l'existence de l'étude et la procédure d'accès.

Pixpa Ce service propose un essai gratuit de 15 jours sans carte de crédit, suivi d'une garantie de remboursement de 30 jours. Il n'existe pas de formule gratuite permanente. Bien que des plateformes d'hébergement de portfolios gratuits existent, elles apposent leur propre logo sur votre travail et conservent le nom de domaine, ce qui signifie que le site sur lequel vous avez passé un week-end fait la promotion d'un tiers.

Non. Vous partez d'un modèle et vous modifiez ce que vous souhaitez. Le CSS personnalisé est inclus dans tous les forfaits et le HTML est modifiable si vous le souhaitez, mais un site d'étude de cas complet peut être créé sans toucher à l'un ni à l'autre.

Un portfolio d'interface utilisateur (UI) présente des travaux d'interface finalisés et est évalué sur la qualité de la réalisation. Un portfolio d'expérience utilisateur (UX) expose le raisonnement qui a mené à leur création et est évalué sur la prise de décision. La plupart des designers ont besoin d'un site unique qui combine les deux : les maquettes témoignent de la qualité technique, tandis que l'étude de cas expose le raisonnement.

Assez long pour exposer les décisions, assez court pour être lu. Les plus convaincants privilégient les images et légendes commentées aux longs paragraphes, permettant ainsi au lecteur de suivre le raisonnement en faisant défiler la page. Si une section ne modifie pas la perception du lecteur quant à votre jugement, supprimez-la.

Cela dépend des autres fonctionnalités du site. UXfolio est la solution la plus adaptée si vous n'avez besoin que d'un portfolio. Framer et Webflow offrent un contrôle maximal, mais leur configuration est plus longue. Pixpa C'est la solution la plus rapide si vous souhaitez inclure des études de cas, un blog et une boutique sur un seul domaine, avec une protection par mot de passe sur chaque page.

15 jours · Aucune carte requise · Garantie satisfait ou remboursé de 30 jours

Nouveautés sur Pixpa

Recommended articles