OKO
Yoko Nishida portfolio
Type
webサイト
制作期間
2ヶ月
使用ツール
HTML/CSS
JavaScript
Illustrator
Photoshop
After effect
ターゲット
採用担当者様
目的
就職活動を行うにあたり、自身の経歴やスキル、制作物を伝えるため。
課題
多くのポートフォリオを見なくてはならないので、ひとつのポートフォリオに使える時間は限られている。
情報設計
応募者がどのような人柄、経歴があるのか、スキルマッチするかどうか判断してもらえるようにする。
デザイン
内容は分かりやすさ重視で青系統一色のシンプルなデザインにしました。しかし印象に残らなければ意味がないので、トップビジュアルにインパクトのあるアニメーションを配置しました。

テーマ
・シンプル
・面白さ
・可愛さ

ホバーアニメーション

ホバー時にアニメーションを付けることでクリックを促します。

トップビジュアルでインパクトを与える

Twitterのアイコンをスマイルマークにしており、Twitterからこのポートフォリオを知る方もいると考え、統一感を出すためにスマイルマークをメインビジュアルにすることにしました。
Illustratorでイラストを描き、after effectでテキストアニメーションを加えました。

デザインラフ

詳細なデザインはコーディングしながら調整していこうと考えていたため、大まかなデザインだけ考えました。

Work

ひょうご性被害ケアセンター
よりそい様

チラシ

Click!

ポートフォリオ

web制作|自主制作

Click!

YokoPottery

web制作|自主制作

Click!

社会人写真サークル
まるかめ様

webサイト|アニメーション

Click!

社会人写真サークル
まるかめ様

ポスター|ロゴ

Click!