*

website

Mao Hayataka Portfolio

自身のポートフォリオを制作しました。

リリース日
2024年8月
制作期間
企画・WF:2週間
デザイン:2週間
コーディング:3週間
ツール
Illustrator/photoshop/
figma/Visual Studio Code
works-3
Overview
シンプルながらもy2k要素を取り入れて、個性的なサイトに
webデザイナーへの転職活動のため、自身の経歴や作品を載せたポートフォリオを制作しました。
私らしさが伝わるよう、ポイントとなる部分にy2k要素を取り入れて、やりすぎないトレンド感や若々しさを表現しています。採用担当者様にポートフォリオもひとつの作品として見ていただけるようなデザインを目指しました。
情報設計
採用担当者様のニーズを考え、私自身の人物像とスキルを簡潔に、必要最低限のページ構成にまとめました。Topページで簡単な自己紹介とスキル、制作物の大まかな概要を見てもらい、下層ページで詳細な説明を記載し、スムーズな情報の流れを意識しています。Aboutページでは自身の経歴や強みを具体的な事例を用いてまとめました。ページごとのレイアウトにも一貫性を持たせ、デザインへのこだわりが伝わるように設計しています。
デザイン
全体はパステルカラーの水色と白で統一し、文字にはコントラストのある紺色を使い、メリハリのあるデザインにしました。星が流れているようなモチーフや、ファーストビューの名前に3D文字を使用し、私らしさを表現しています。y2k要素を取り入れつつも安っぽく見えないよう、アルファベットのフォントは太字で個性的なフォントを使用し、ポイントとなる部分にだけモチーフを入れています。独創的で、なおかつ爽やかさと洗練されたモダンな雰囲気を演出しました。
配色
color palette
Detail
portfolio detail portfolio detail portfolio detail portfolio detail
*
Other works
works1
banner
母の日の販促バナー(架空)
view more
works2
banner
チョコレートドリンクの販促バナー(架空)
view more