最高のUXデザイナーポートフォリオ–刺激的なケーススタディと例

公開: 2022-03-11

優れたUXデザイナーポートフォリオの構築には、かなりの時間と労力が費やされます。 適切なタイプのコンテンツが優れたUXで選択された場合、それは価値のある投資になります。

何がUXポートフォリオを勝ち取るのですか? 前回の記事「UXポートフォリオのヒントとベストプラクティス」で概説したように、説得力のあるストーリーを伝えることが重要です。 あなたの仕事を評価しているかもしれないリクルーターや他の人たちは忙しいです—あなたがカットをしたかどうかを彼らが決定する前に彼らを雇うのにほんの数分しかありません。

関連するスキル、使用するツール、および経験年数の長いリストは、訪問者やプレゼンテーションにとって実際には何のメリットもありません。 ユーザー中心の設計プロセス、つまり問題がどのように解決されたかを概説することがより重要です。

自分のスキル、使用するプロセス、専門とするプロジェクトの種類について明確にしますが、あまりにも多くの情報を提示することに注意してください。 UXポートフォリオは、過去のすべての作業を振り返ってはなりません。 具体的で、最近の、優れたプロジェクトを選択し、それらを設計プロセスとして提示します。

採用/UXマネージャーは、ユーザーリサーチ、リサーチレポート、スケッチ、ワイヤーフレーム、ユーザーフロー、ワイヤーフロー、ユーザーストーリー、カスタマージャーニーマップ、プロトタイプ、ユーザーテスト、および最終製品を見たいと考えています。 可能であれば、製品がどれほど成功したかを確認するために使用される分析ツールを含めることもお勧めします。

覚えておくべき他のいくつかのポイントがあります:

  1. 専門用語や派手な画像に注意してください。単純なプロジェクトの説明とビジュアルがより効果的です。
  2. ワイヤーフレームはきれいではないので、構造的な能力を強調してください。 プロセスを共有してください!
  3. 明確なプロジェクトの要約を書きます。 読みやすくします。テキストが多すぎないようにします。
  4. 機密性の問題がない場合は、あなたの作品の実例にリンクしてください。
    • 機密性の問題がある場合、会社のロゴを消したり、画像の領域をぼかしたりします。 パスワードで保護されているページに遭遇することほど大きなターンオフはありません。 それは悪いUXです。
  5. いくつかの利害関係者の証言を含めます。
  6. 各プロジェクトのケーススタディは、学んだことで締めくくります。

UXデザイナーの場合、UXポートフォリオは並外れたUXを実証する必要があります。

UXデザイナーのポートフォリオはスキルのショーケース以上のものであり、楽しいユーザーエクスペリエンスを作成する機会であるため、デザイナーは優れた作業を優先し、魅力的なストーリーを語り、UXの習得を実証する必要があります。

10の刺激的なUXデザイナーポートフォリオ

Karolis Kosas

Karolisはリトアニアのビリニュスで育ち、現在はサンフランシスコのベイエリアに住んでおり、Stripeのプロダクトデザイナーを務めています。 他の多くの興味深い自発的なプロジェクトとは別に、彼はAnchovyの共同創設者です。Anchovyは無料の非常にシンプルなiPhoneアプリで、あなたの言葉を美しいカラーグラデーションに変え、本物の紙のポストカードとして世界中のどこにでも送信したり、共有したりできます。 Facebookメッセンジャーで友達と。

堅実なUXデザインの原則に基づくもう1つの優れたUXデザイナーポートフォリオ
CUJOアプリは、wifiネットワーク上のアクティビティを監視および制御します。

このUXデザイナーポートフォリオの優れている点

これは見栄えがよく、よく設計されたUXデザイナーポートフォリオです。 明らかに、カロリスはUXの検討に時間を費やしました。 スパースでクリーンなレイアウトと優れたUIデザインは別として、彼のデザインプロセスには多くの詳細が提供されています。 たとえば、CUJOプロジェクトでは、調査中にユーザーベースとどのようにやり取りしたかを説明し、ユーザーの最大の問題点を特定し、さらに価値を高めることができる場所を見つけました。 彼のすべてのプロジェクトで、UXリサーチはデザイン決定の主要な推進力として中心的な役割を果たし、彼はプロジェクトがどれほど成功したかを説明することでプロジェクトを締めくくります。

彼のUXデザイナーポートフォリオサイトは次のとおりです。http://karoliskosas.com

優れたUXデザイナーポートフォリオには、UXデザインプロセスだけでなく、最終的なUIデザインも含まれます。

アレックス・ラカス

ワシントンDC出身のAlexは、イラストレーターからUXデザイナーに転向しました。 彼はB2B製品に焦点を当てたビジネスを共同設立するだけでなく、Googleマップ、eコマースおよびソーシャルゲームプロジェクトでローカル検索チームと協力してきました。 彼は、同時および将来の取り組みを考慮しながら、ユーザーを最優先し続け、ピクセルの完全性と快適なユーザーエクスペリエンスを保証します。

彼の多くのUXプロジェクトの1つ-Googleの人気のある時代

このUXデザイナーポートフォリオの優れている点

彼のプロジェクトの1つであるGoogleLivePopular Timesを例にとると、Alexはプロジェクトの内容、実行内容、および到達方法を明確に説明しています。 彼は、問題と、設計上の問題の説明を深く掘り下げて定義するために実行されたUXの調査について説明します。 彼はまた、既存の製品の設計上の制約、およびユーザー調査の洞察をどのように取り入れて単純なソリューションを考案したかについても言及しています。

すべての優れたUXプロセスのケーススタディの中で、彼はドリブルショットにリンクするプロジェクトのサムネイルを持っており、プロジェクトの詳細をまったく提供していないため、いくつかのブラウニーポイントを取り戻します。 UXデザイナーは、プロ意識と訪問者への敬意を伝えるため、UXポートフォリオのデザインの一貫性を示すのが最善です。

彼のUXデザイナーポートフォリオサイトは次の場所にあります:https://www.alexlakas.com

優れたUXデザイナーポートフォリオには、プロセスの内訳が含まれます。

サイモンパン

オーストラリアの小さな町出身のSimonは、現在サンフランシスコを拠点とするプロダクトデザイナーであり、Uber、Amazon、Google、Medium、Barclays(自転車レンタル)などの主要ブランドのプロジェクトに携わってきました。

SimonPanUXデザイナーポートフォリオ

このUXデザイナーポートフォリオの優れている点

サイモンのケーススタディは非常に詳細であり、訪問者を思慮深い方法で彼の設計プロセスに導きます。 バークレイズの自転車レンタルシステム用のLondonByBikeアプリの彼の例は、特に徹底的です。 彼は実際に潜在的なユーザーを調査し、プロジェクト全体で設計の決定や優先順位を導き、クライアントと彼のチームの間に共感を生み出すために使用する詳細なペルソナを考え出しました。 彼は「ユーザーの靴を履いて1マイル歩く」ために自分で乗りに出かけました。 この場合、「1マイル乗る」。 -:)

彼のUXデザイナーポートフォリオサイトは次のとおりです。http://simonpan.com

詳細なUXデザインプロセスに焦点を当てたUXデザイナーポートフォリオ。

米国を拠点とするフルタイムのフリーランスUXデザイナーが望んでいた

ニヤワトキンス

Niyaは、ワシントンDCを拠点とするフリーランスのUXデザイナーです。 彼女は以前に国際関係で働いていました、そして公務員での彼女の時間は彼女が生産性への非効率的で不十分に設計されたウェブサイトの障害が何であるかを学んだところだと言います。 彼女はしばしば、時間、エネルギー、お金を節約するために創造的なソリューションを使用していることに気づき、その後「偶然に」ユーザー中心設計、エルゴ:UXに押し込まれました。

詳細な画面フローは、いくつかの最高のUXデザイナーポートフォリオの一部です
Spotifyモバイルアプリのソーシャルネットワーク機能のプロトタイピング。

彼女のUXデザイナーポートフォリオの優れている点

まず始めに、ニヤは各プロジェクトの背景、彼女の役割、研究プロセスを教えてくれます。 次に、ペルソナ、カードソート、情報アーキテクチャ、サイトマップ、インタラクションデザイン、ワイヤーフレーム、プロトタイプ、ユーザーテスト、および優れたUXデザイナーが最高のデザインに到達するために実行するその他すべての一般的な手順のプロセスに入ります。 彼女は、すべての人がチェックアウトできるように、InVisionプロトタイプへのリンクも含んでいます。 非常に包括的です。

Rahulのいくつかのレビューと同様に、サイトナビゲーションの問題のために、いくつかのブラウニーポイントを取り戻しています(これはSquarespaceテンプレートの制限である可能性がありますが、デザインが貧弱です)。 また、「最新のプロジェクト」セクションには、彼女のホームページに4つのプロジェクトがあり、訪問者を「すべて表示」に招待すると、同じ4つのプロジェクトが表示されます。 それは期待されたものではなく、悪いUXです。

彼女のUXポートフォリオサイトは次の場所にあります:https://www.niyawatkins.com

Spotifyブランドデザイン-最高のUXデザインポートフォリオは、堅実なUXデザイン原則に基づいた作品を示しています。

ペンダーユーセフィ

ペンダーは60年代のアメリカでは育ちませんでしたし、月に行くこともありませんでしたが、大変だったのでいつも何かをしていました。 現在、彼はGoogle翻訳の設計チームを率いており、毎月製品を使用する世界の人口の10%を支援することを使命としています。

UXデザイナーポートフォリオ

このUXデザイナーポートフォリオの優れている点

本当にジューシーなUXのケーススタディ。 Pendarは、彼のすべてのプロジェクトでのUXデザインプロセスについて詳細に説明し、それぞれが提示した問題と課題を提示します。 彼のUXデザインのケーススタディと、チームが製品の問題について思いついた仮説を見て、魅力的で教育的な読み物を作りましょう。 多くの場合、製品チームは問題が存在する多くの理由を想定していましたが、ユーザーの調査の結果、それらの想定が完全に間違っていたことがわかりました。

UXデザインプロセスのケーススタディは非常に詳細ですが、その量は多すぎますが、プロセスを説明する際に説明用の画像とテキストのバランスが適切であるため、読みやすくなっています。 ユーザーテストでデザインが間違った方向に進んでいることがわかった場合、チームがどのように急旋回してコースを修正したかを見るのは魅力的です。

彼のUXポートフォリオサイトは次の場所にあります:https://mahimoto.com/projects

UXプロジェクトのUXデザインのウォークスルーは、多くのUXデザイナーポートフォリオのベストプラクティスの1つです。

ラウール・ジャイン

Rahulは、2018年の夏にGoogleでインターンを務めた、新しく造られたUX /プロダクトデザイナーです。彼は、自分の経験と学んだことを詳細かつ内省的に書いています。 UXインターンシップの前は、エンタープライズ環境とスタートアップ環境の両方でUIおよびUXデザイナーとして3年間働いていました。 彼のUXポートフォリオには、Amazon Go Plus、GE Appliances、および米国保健社会福祉省の事例研究が含まれています。

UXポートフォリオは、ワイヤーフレームなどの詳細なUXプロセスを示す必要があります。

このUXデザイナーポートフォリオの優れている点

Rahulのケーススタディは非常に詳細であり、簡単に消費できる方法で彼の設計プロセスを人々に説明します。 一部の設計者は、ケーススタディにテキストを追加しすぎるという間違いを犯します。ほとんどのレビュー担当者/採用担当者は忙しく、その詳細を確認する時間がありません。 グラフィックとチャートを使用すると、プロセスの中心になり、読みやすさが向上します。

いくつかのサイトナビゲーションの問題と一般的な目標の説明を使用するために、いくつかのブラウニーポイントを取り戻しています。 彼のデザイナーの目標ステートメント:「デザイナーとしての私の目標は、人々を喜ばせ、複雑なビジネス上の問題を解決する、魅力的で機能的でアクセスしやすいユーザーエクスペリエンスを作成することです」と、彼は他の5万人のUXデザイナーと区別されません。 UXデザイナーは、自分たちのユニークな何かを共有することで、自分たちを際立たせる必要があります。

サイトのナビゲーションは素晴らしいものではありません。 「仕事」とホームページは全く同じです。 「バージョン情報」をクリックすると、同じページが新しいブラウザタブに何度もリロードされます。

多くのUXデザイナーは、SquarespaceやWixなどのポートフォリオテンプレートを使用していますが、それでも、UXポートフォリオには独自のUXがあり、使いやすさ、つまりポートフォリオのUXデザインで判断されることを覚えておくことが重要です。

彼のUXデザイナーポートフォリオサイトは次の場所にあります:https://rahuljain.co

最高のUXデザインポートフォリオには、UXデザインプロセスに関する多くの情報が含まれています。

サミュエル・メドヴェドフスキー

サミュエルは、現在メタラブで働いているパリを拠点とするフランスのUX&インタラクションデザイナーです。 彼は大企業と中小企業の両方のために設計し、便利で使いやすく魅力的な製品と楽しいユーザーエクスペリエンスを作成する革新的な方法を見つけることを楽しんでいます。

UXデザインプロセスを示すことは、最高のUXデザインポートフォリオの特徴です。

このUXデザイナーポートフォリオの優れている点

他の成功したUXデザイナーポートフォリオに沿って、サミュエルは訪問者に特定のプロジェクトの背景、彼の役割、および彼が直面した課題を提供します。 プロジェクトを進めているとき、彼はユーザーの調査によってユーザーの問題点がどこにあるかを示し、明確な目的と範囲を定義するのに役立ったと語っています。 彼のUXデザインプロセスは、プロジェクトのウォークスルー全体で明確に示されています。

このレビューに含まれている他のいくつかのポートフォリオと同様に、サイトナビゲーションの問題のためにいくつかのブラウニーポイントを取り戻しています。 ホームページにいるとき、「ケーススタディ」ナビゲーションリンクはページをリロードするだけです。 また、ケーキの上のアイシングであったであろう何かが欠けています。各プロジェクトの終わりに彼が学んだことについての持ち帰りはありません。

彼のUXポートフォリオサイトは次のとおりです。http://www.samuel-medvedowsky.com

TVUIデザイン作業を紹介するUXポートフォリオ。

クリスチャン・トゥマンガン

Kristianはカリフォルニア出身で、社内および代理店で数年の経験があります。 自発的なデザイナーである彼は、ユーザーの行動を理解し、その情報を使用して楽しい体験をデザインできることを特に楽しんでいます。

UXデザインプロセスを示すことは、最高のUXデザインポートフォリオの特徴です。

このUXデザイナーポートフォリオの優れている点

KristianのUXデザインプロセスは、プロジェクトのウォークスルー全体で明確に示されています。 典型的なUXデザイン手法とそれに続くUXアーティファクトが段階的に示されています—発見、ペルソナ、ストーリーボード、スケッチ、ワイヤーフレーム、プロトタイプ、サイトマップ、ユーザーテストなど。 そして、彼はプロジェクトから学んだ重要な学習を終えます。 彼は、問題、解決策、役割、プロセス全体で使用したツールに取り組み、ライブのMarvelプロトタイプへのリンクを提供します。

繰り返しになりますが、このレビューに含まれる他のUXデザイナーのポートフォリオと同様に、サイトナビゲーションの問題と、彼の「About」ページの下にあるばかげたもののために、いくつかのブラウニーポイントを取り戻しています。 、そしてまともな料理人。」 UXデザイナーは、自分のサイトのUXに注意を払う必要があります。

彼のUXデザイナーポートフォリオサイトは次のとおりです。http://www.ktumangan.com

モバイル画面を備えたもう1つの優れたUXデザイナーポートフォリオ。

Adithya Holehonnur

Adiは、ソフトウェアエンジニアからUXデザイナーに転向し、インドの西ガーツ山脈の中心部にある小さな町、クドレムクで育ちました。そこでは、幼少期のほとんどをジャングルの中をさまよったり、クリケットをしたりして過ごしました。 彼は現在、バンガロールのハネウェルでUXデザインリーダーとして働いています。

UXデザインの原則を示すUXデザイナーポートフォリオ。

このUXデザイナーポートフォリオの優れている点

最終的なアプリデザインのアニメーションGIFが豊富なこのUXデザイナーのポートフォリオは、詳細なケーススタディだけでなく、各プロジェクトの下部にある「リフレクション」セクションでも際立っています。UXデザイナーとして、私たちはすべてのプロジェクトから学び続けています。従事。 Adithyaはまた、ケーススタディの最後に達成された結果を提示し、訪問者がどの設計目標が達成されたか、つまり彼の製品設計プロセスの成功した成果を自分で確認できるようにします。

彼のUXデザイナーポートフォリオサイトは次の場所にあります:https://www.adithyaholehonnur.com

最高のUXデザインポートフォリオは、UXデザインプロセスを示しています。

ドラファング

ドラは、世界をリードする2つのデザインスクールで工業デザイナーとして訓練を受けました。 彼女は美しい環境、生き物、物に魅了され、デザインの哲学や製品製造の社会的影響の調査にも興味を持っています。 彼女はUXデザインの複雑さと速いペースを楽しんでおり、収益性とビジネスの成功によってアーティストやデザイナーが生き残るだけでなく繁栄することもできると信じているため、新製品のアイデアを商品化する可能性を探求するのが好きです。

包括的なUXデザイナーポートフォリオでUXデザインプロセスを示しています。

このUXデザイナーポートフォリオの優れている点

Doraは、SpringboardのUXコースの最近の卒業生です。 彼女のキャップストーンプロジェクト「Five-to-Eight」のUXデザイナーポートフォリオのケーススタディは模範的なものです。 それは、彼女のユーザー中心の設計プロセスと、彼女がどのようにして最終的な設計に到達したかについて、段階的に詳細に説明します。

彼女のUXポートフォリオのケーススタディはここにあります:https://www.daorongfang.com/5-to-8

彼女のUXコースキャップストーンプロジェクトUXデザイナーポートフォリオで彼女のUXデザインプロセスを示しています。

•••

Toptal Designブログでさらに読む:

  • UXポートフォリオのヒントとベストプラクティス
  • ユーザビリティとポートフォリオデザインの芸術:Toptal Design Talk
  • 設計作業の提示:正しい方法
  • 最高のUXツール(インフォグラフィック付き)
  • UXの試行錯誤の法則(インフォグラフィック付き)