Web site
- カテゴリ
- ポートフォリオサイト
- 担当範囲
- デザイン/コーディング
- 使用ツール
-
Illustrator / Photoshop
/ Visual studio code - 制作期間
- 1ヶ月
- point
-
「旅をするようなわくわくした気持ちをデザインからも感じてもらいたい」という想いから、メインビジュアルは今まで実際に訪れた旅先の写真にしました。
見やすさを意識したサイトでシンプルな中にもふんわりとした丸のオブジェクトや、トップページのプロフィール写真の切り抜き方、「旅＝海」をイメージした背景(アバウトページのfavoriteコンテンツ)で、わくわく感を表現しております。
コーディング部分ではスクロールでふわっと出る動きで単調なページにならないようにしたり、Worksページでカテゴリごとに切り替え可能にして分かりやすさにこだわりました。 - color
-
● =
ベースカラー(#eae6dd)
● = メインカラー(#333)
● = アクセントカラー(#c26924)
私の第一印象では落鬱いた雰囲気と言われることが多いため、ベースカラーは落ち着きと親しみを持ってもらいたい柔らかい印象のカラーに。
落ち着いたオレンジをアクセントカラーにしたのは、旅のわくわくした楽しさを表しました。 - logo
- ヘッダーに置いたロゴは、自分の名前の「M」を使用しました。 今後デザイナーとして成長し、“伸びていくぞ”という強い気持ちと、“私の伸びしろを感じてもらいたい”という意味を込めて縦に伸ばしたデザインにしてます。