国内人物の専門性と作品を結び付ける
デザイン / タイポグラフィ
NERD
青い立体的な文字を主役に、所属アーティストと作品ごとの担当領域を紹介する。
設計の見どころ
冒頭は短い英語と立体的な文字で創造性を伝え、その後にアーティストの紹介と制作実績が続く。独立したクリエイターをつなぐ会社という立場を示し、会社の説明だけでなく誰に相談できるかを人物単位で理解させる構成になっている。
詳しい解説を読む →公式サイトを見る ↗
DESIGN NOTES
確認した画面では左側の細い欄に自己紹介がまとまり、右側の広い領域に縦長の画像が並ぶ。長いページを読み進めなくても、人となりと視覚的な作例を同時に見られる。情報をたくさん積むより、一画面の中で文章と画像の役割を明確に分けている。
右側は角を大きく丸めた縦長の画像を使い、スマートフォンの画面と本人の日常写真を隣接させる。二つの証拠画面では中央の人物写真が異なる場面になっている。同じ縦長の形で仕事と私生活の写真をそろえ、ばらばらな素材にもまとまりを与えている。
左上の名前とAboutの隣に、青いFor hireの小さな表示が置かれる。背景や本文の色が抑えられているため、仕事を依頼できることが色で見つかる。大きな営業見出しを加えず、現在の受付状況を紹介欄の近くで知らせる方法が参考になる。
自己紹介では拠点と職種の後に、これまで扱った業界を挙げ、利用する人の体験を良くしたいという姿勢を述べる。職歴を長い年表にする代わりに、経験の幅と大事にする基準を短くまとめている。分野をまたいで仕事をする個人の説明方法として読み取れる。
紹介文の末尾にTwitter、GitHub、LinkedInとメールがまとまり、人物情報を読んだ流れで連絡先へ進める。SNSごとの大きなカードを増やさず、本文内のリンクで情報量を抑える。確認画面の範囲では、別の連絡ページを探す必要がない位置に入口がある。
APPLY TO YOUR PROJECT
個人の紹介サイトは、短い人物説明と数点の大きな画像だけでも輪郭を示せる。仕事の受付状況と連絡先は、自己紹介を読み終える位置から見つけられるようにしたい。
分析は提供された一画面型のPC表示に限定する。画像の切替機構や別項目の操作、実績の担当範囲は確認しておらず、写真があることだけで制作能力や成果は判断できない。
国内人物の専門性と作品を結び付ける
デザイン / タイポグラフィ
青い立体的な文字を主役に、所属アーティストと作品ごとの担当領域を紹介する。
冒頭は短い英語と立体的な文字で創造性を伝え、その後にアーティストの紹介と制作実績が続く。独立したクリエイターをつなぐ会社という立場を示し、会社の説明だけでなく誰に相談できるかを人物単位で理解させる構成になっている。
詳しい解説を読む →公式サイトを見る ↗
海外デザイン / 実験的
遊べる画面をポートフォリオの中央に置く
デザイン / 実験的
巨大な名前と細かな枠組みの中へ、お絵描き画面・作品リンク・時計を詰め込む個人サイト。
画面中央には大きなお絵描き風の領域があり、左端に鉛筆や消しゴムなどの小さな道具、下辺に記号の列が並ぶ。作品サムネイルを整然と見せるだけでなく、サイト自体を遊びのある画面として見せる構成だ。操作の実動作ではなく、見えている構成を参考にしている。
詳しい解説を読む →公式サイトを見る ↗
国内チームの組み方と仕事の範囲を示す
デザイン / タイポグラフィ
柔らかな図形と筆文字風の見出しで、案件ごとに専門家を組み合わせる仕事を紹介する。
冒頭は異なる形が集まる画面と言葉で会社の姿勢を示し、本文で案件に合わせて専門家を組む体制を説明する。採用、外部委託、相談というサービスの違いを分けた後、戦略、制作、運用などの業務へ展開し、体制と仕事内容の両方を理解させている。
詳しい解説を読む →公式サイトを見る ↗