ポートフォリオサイト
自分のポートフォリオサイトをデザイン・制作しました。ロゴデザインの際に考えたコンセプト「親しみやすさ」「ユーモア、遊び心」をテーマにしつつ、見やすさも考慮したデザインを心がけました。
- ターゲット
-
- 採用担当の方
- 自分に興味を持ってくださった方
- 目的
-
- 制作物を見ていただく
- 「会ってみたい」と思っていただく
- 情報設計
-
ロゴを印象づけるため、ローディング画面やFVにロゴ画像を大きく載せてインパクトを出しました。トップページが冗長にならないようトップページでは作品数やプロフィール情報のコンテンツ数を絞り、すぐに詳細ページに飛べるリンクをコンテンツ直下に配置しました。
- デザイン
-
「見やすさ」と「自分らしさ」の両立したデザインを目指し、ポップな雰囲気でありながらも視認性を保つために色数を抑え、文字サイズや要素の余白を細かく調整しました。自分が「おばけ」モチーフが好きであることから、親しみやすさを感じさせるイラストにおばけを起用しました。Javascript、jQuery、CSSアニメーションで遊び心のある動きをつけています。
- 制作期間
-
- 企画、設計：20H
- WF：8H
- デザインカンプ：26H
- コーディング：36H
- WordPress化：20H
- 使用ツール
-
- Figma
- Illustrator
- Photoshop
- VSCode ( HTML / CSS / jQuery )
- WordPress
