クオリティに脱帽!注目の日本人クリエイターのポートフォリオサイト7選
@Pressでのランサーズのプレスリリースによれば、全国の労働人口のうち、17%が広義でいうフリーランスであるといいます。中でも無視できない存在がクリエイターで、彼らは自分の技術を武器に仕事を行っています。
クリエイターといってもその分野は多岐に渡りますが、どの分野であっても欠かすことができないのが、ポートフォリオサイトです。ポートフォリオサイトは自身が作った作品をまとめたホームページのことで、新しいクライアントに対してスキルや実績をアピールすることを目的としています。
今回は、ポートフォリオサイト作成の参考になる、美し過ぎる日本人クリエイターのポートフォリオサイトを7つ紹介します。
ポートフォリオサイトを作成する時に、どんな風に作成すればいいのかわからないことがあるかもしれませんが、そんな時こそ先例に学んでみるのはどうでしょうか。
参考:
ポートフォリオサイトとは〜基本的な作り方から無料作成サービスまで紹介|ferret
美し過ぎる日本人クリエイターのポートフォリオサイト7選
1. HAJIME WATANABE
HAJIME WATANABEは、写真家である渡邉肇さんのポートフォリオサイトです。1961年兵庫県神戸市出身の渡邉さんが初めてカメラを手にしたのは小学校5年生の時で、その時のきっかけをポートフォリオサイトでは赤裸々に綴っています。
トップページではこれまで撮影してきた世界中の著名人やモデル、風景や静物などの写真をカルーセルのような形で順番に表示していますが、水面のような、煙が空気中に舞うようなエフェクトをかけることで幻想的な雰囲気を醸し出しています。
中心には自身の名前を持ってきています。存在感を出しながらも、マウスカーソルを合わせると煙のようにふっと消えてしまうようなギミックも凝らされています。
2. KAZ ARAHAMA
KAZ ARAHAMAは、東京都目黒区の写真家Kaz Arahamaさんのポートフォリオサイトです。Kazさんは神奈川大学で英文学を学んだのち、渡米して研究を深めますが、その過程でカメラにのめり込んだと言います。
トップページでは、光の動きがエフェクトとして加わりながら、Kazさんの様々な写真が登場します。ビビッドなもの、直感的なもの、センシュアルなもの、様々な写真がそれぞれに存在感を出しながら登場してきます。
トップページ下部の「EXPROLE」をクリックすると、さらに様々な写真をギャラリーとして閲覧することができます。UXにもこだわっており、微細な部分にマイクロインタラクションが取り入れられています。
3. MIKIYA KOBAYASHI
MIKIYA KOBAYASHIは、デザイナー兼ディレクターの小林幹也さんのポートフォリオサイトです。2005年に武蔵野美術大学工芸工業デザイン学科を卒業した後、インテリアデザイン会社に勤務。その後、MIKIYA KOBAYASHI DESIGNを設立し、プロダクトからインテリアデザインまで広く携わり、2016年からはグッドデザイン賞の審査員も務めています。
トップページでは、自身の名前をボールドでバランスよく配置し、背景に写真を順番に登場させています。フォトグラファーのポートフォリオサイトと違って、写真そのものよりはプロダクトが主役になるため、極力白い背景を使ってプロダクトを目立たせています。
スクロールすると、これまでに小林さんがデザインを行ったりディレクションを行った数々の作品を閲覧することができます。
4. RYOJI YAMADA FILM
RYOJI YAMADA FILMは、映像クリエイター・アニメーションアーティストの山田遼志さんのポートフォリオサイトです。2013年に多摩美術大学大学院アニメーション専攻修了後、広告映像に携わりながら、2010年多摩美術大学在学中にアニメーション国際映画祭デビューした気鋭のアニメーターです。
ホームページにアクセスすると、これまでに制作された様々なアニメーションが無限ループで背景に再生されます。フィルムのコマに見立てた作品をマウスカーソルでホバーすると、作品の名前が表示され、YouTubeで作品を楽しむことができます。
全体的に白黒であるがゆえに、独特の世界観が表現されています。それぞれが非常に印象的で目に焼き付くので、1度観たら忘れられなくなってしまうでしょう。
5. NOZOMI WATANABE
NOZOMI WATANABEは、漆(うるし)アーティストの渡邊希さんのポートフォリオサイトです。2006年に東北芸術工科大学の大学院を修了した後、青森県弘前市で塗師の松山継道さんに師事し、翌年には漆の美展で受賞を果たした実力派の漆アーティストです。
漆が放つ質感、光沢の度合いは非常に独特です。ホームページでも、漆の黒や赤が映えるように、全体の構成は白やグレーをベースにクリーンなデザインを採用。タイポグラフィにも、「和」のイメージを彷彿とさせる明朝体を上手く活用しています。
最近ではANA(全日本空輸)のVIPラウンジに貯蔵されている「想」をはじめ、様々なビルでも見かけるようになりました。漆でしかできない、独特の世界観に没入してみるのはいかがでしょうか。
6. MOEKO ABE
MOEKO ABEは、フォトグラファーの阿部萌子さんのポートフォリオサイトです。2010年に日本写真芸術専門学校を卒業した後、個展やグループ展、出張写真などで精力的に活動されています。
黒い背景に幻想的な写真が映え、独特な雰囲気を演出しています。ブログも写真家らしく、それぞれのポストに美しい写真が添えられており、日々感じたことがエッセイとして綴られています。
7. SATOSHI KURODA
SATOSHI KURODAは、映像ディレクター・クリエイターの黒田賢さんのポートフォリオサイトです。最近ではマクドナルドのMcCaféのCMやJINSのAirframeのCMなど、1度は見たことがあるような有名なCMも制作しています。
ホームページにアクセスすると、マジックで書いたような文字で、大きく自身の名前が表示され、スクロールすると映像のショーケースを閲覧することができます。CMからPVまで、様々なジャンルの映像作品は、観ていて飽きることがないでしょう。
見出しの文字は、名前と同じようにスクロールで、その場で書いたかのようなエフェクトがかかっています。白と黒、アクセントに黄色を使って、全体的にクリエイティブな雰囲気を出すことに成功しています。
- ページ
- 印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。
- トップページ
- インターネットのWebサイトの入り口にあたるページのことをトップページといいます。 一般的には、階層構造を持つWebサイトの最上位のWebページをさします。サイト全体の顔としての役割も果たすため、デザインなどで印象を残すことも考えたサイト作りも有効となります。
- トップページ
- インターネットのWebサイトの入り口にあたるページのことをトップページといいます。 一般的には、階層構造を持つWebサイトの最上位のWebページをさします。サイト全体の顔としての役割も果たすため、デザインなどで印象を残すことも考えたサイト作りも有効となります。
- トップページ
- インターネットのWebサイトの入り口にあたるページのことをトップページといいます。 一般的には、階層構造を持つWebサイトの最上位のWebページをさします。サイト全体の顔としての役割も果たすため、デザインなどで印象を残すことも考えたサイト作りも有効となります。
- UX
- UXとは、ユーザーエクスペリエンス(User Experience)の略で、ユーザーが製品・サービスを通じて得られる体験を意味します。似たような言葉に、UI(ユーザーインターフェイス、User Interface)がありますが、こちらはユーザーと製品・サービスの接触面を指した言葉です。
- インタラクション
- 交流、相互作用、対話などの意味を持つ英単語で、ふたつ以上の存在が互いに影響を及ぼしあうことです。ITの分野においては、主に人間とシステム(コンピューター)の間の情報のやりとりのことを指し、人間の操作や入力に対するシステムの反応や出力(アクションとリアクション)、対話的な操作方法、の意味で用いられることが多いです。
- トップページ
- インターネットのWebサイトの入り口にあたるページのことをトップページといいます。 一般的には、階層構造を持つWebサイトの最上位のWebページをさします。サイト全体の顔としての役割も果たすため、デザインなどで印象を残すことも考えたサイト作りも有効となります。
- クロール
- クロールとは、検索エンジン内のシステムであるクローラ(ロボット)が一つ一つのサイトを巡回し、サイトの情報を収集することを指します。
- 広告
- 広告とは販売のための告知活動を指します。ただし、広告を掲載するための媒体、メッセージがあること、広告を出している広告主が明示されているなどの3要素を含む場合を指すことが多いようです。
- ページ
- 印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。
- ページ
- 印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。
- ブログ
- ブログとは、ホームページの一種です。運営者はブログシステムに登録し、利用開始をすることで、ホームページ制作のプログラム技術を修得する必要なく、本文のみを投稿しつづければ、公開・表示はおろかページの整理や分類なども効率的に行えるシステムを言います。
- ページ
- 印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。
- クロール
- クロールとは、検索エンジン内のシステムであるクローラ(ロボット)が一つ一つのサイトを巡回し、サイトの情報を収集することを指します。
- PV
- ページビューとは、ホームページにおいて閲覧者が実際に見たページのページ数を言います。
- クロール
- クロールとは、検索エンジン内のシステムであるクローラ(ロボット)が一つ一つのサイトを巡回し、サイトの情報を収集することを指します。
おすすめ記事
おすすめエントリー
同じカテゴリから記事を探す
カテゴリから記事をさがす
●Webマーケティング手法
- SEO(検索エンジン最適化)
- Web広告・広告効果測定
- SNSマーケティング
- 動画マーケティング
- メールマーケティング
- コンテンツマーケティング
- BtoBマーケティング
- リサーチ・市場調査
- 広報・PR
- アフィリエイト広告・ASP
●ステップ
●ツール・素材
- CMS・サイト制作
- フォーム作成
- LP制作・LPO
- ABテスト・EFO・CRO
- Web接客・チャットボット
- 動画・映像制作
- アクセス解析
- マーケティングオートメーション(MA)
- メールマーケティング
- データ分析・BI
- CRM(顧客管理)
- SFA(商談管理)
- Web会議
- 営業支援
- EC・通販・ネットショップ
- 口コミ分析・ソーシャルリスニング
- フォント
- 素材サイト
●目的・施策
- Google広告
- Facebook広告
- Twitter広告
- Instagram広告
- LINE運用
- LINE広告
- YouTube運用
- YouTube広告
- TikTok広告
- テレビCM
- サイト制作・サイトリニューアル
- LP制作・LPO
- UI
- UX
- オウンドメディア運営
- 記事制作・ライティング
- コピーライティング
- ホワイトペーパー制作
- デザイン
- セミナー・展示会
- 動画・映像制作
- データ分析・BI
- EC・通販・ネットショップ
- 口コミ分析・ソーシャルリスニング