Portfolio Site

自主制作
サイトプレビュー

ターゲット

web制作会社で働くデザイナーさんや採用担当の方

目的

自分の作品を見ていただき、どういった雰囲気の制作物を作成するか知っていただくため。

製作期間

ワイヤーフレーム:2日間

デザイン:4日間

コーディング:10日

情報設計

線で囲むようなデザインの関係上、デバイスのサイズより若干小さく表示されます。 そのため、ナビゲーションの追従はあえて採用せず、 トップに戻るボタンをフッターとトップページの左上にのみ設置し画面サイズを確保しました。

レスポンシブデザインでは、 作品ページの影響でページ数は多いものの階層が深くないため、 ハンバーガーメニューは設けず、モバイル版とPC版のレイアウトを統一しました。

デザイン

自分の好きなデザイナーさんのサイトをベンチマークにし、自分の世界観に融合しながら制作しました。

作品と自己紹介に注目していただきたいため、サイト自体はシンプルにし作品を目立たせるようデザインしました。

サイト内、カラーチャート
サイトキャプチャーデスクトップ版
サイトキャプチャースマホ版

work