Eri’s Portfolio

ポートフォリオ(当サイト)

自身のポートフォリオサイトを制作しました。
余計な情報は極力入れずシンプルにまとめ、自分がどういう人間でありどんなことができるのか、見ていただいた方に分かりやすく伝わるサイトを目指しました。

URL:https://eri-portfolio.com/
制作期間
企画 / 情報設計 / WF:1週間
デザイン:2週間
コーディング:4週間
使用ツール
Figma / Canva / VScode
ターゲット
企業の担当採用者の方々
目的
自身の作品やスキル、人柄などの情報を整理して伝え、採用担当者の方々に一緒に働くイメージを持っていただく
サイト構成
大きく4つのページに分けて構成し、複雑にならないようシンプルな設計にしました。 ターゲットは短時間でポートフォリオを閲覧するものと考え、常に主要導線に戻れるよう上部ヘッダーは固定で配置。 ページのどの位置にいてもすぐに他のページに飛べるようにしました。 トップページは特に簡潔にまとめ、プロフィール、制作物共にさらに興味を持っていただいた方には詳細ページへ進み詳しく知ってもらい、理解を深めていただけるように設計しました。 また、クライアントの「相談したい」と思った瞬間を逃さないため、全ページ下部にお問い合わせCTAを設置し、行動喚起となるボタンを視認性の高いデザインで配置しました。
デザイン

多くの方々と関わり合い、様々な「アイデア」「考え」「価値観」などを絵の具のように混ぜ合わせてより良い作品を作るデザイナーになる!という思いを込め、水彩画のニュアンスを取り入れたデザインにしました。 さらにそれに合わせてページ全体に紙の質感のテクスチャを忍ばせています。全体的に白っぽい印象なので、水色やオレンジのパーツをアクセントに取り入れました。 ボタンデザインやマウスホバー時のアクションにもこだわり、単調にならないよう動きのあるサイトを目指しました。

【配色】

CONTACT

声をかける

ご覧いただきありがとうございます。
お仕事のご依頼やお困りごとについてのご相談など
どんなことでもお気軽にお声がけください。