WORKS
あらいなお
ポートフォリオサイト（当サイト）
https://a-nao.com
概要：
就職活動のため作成したポートフォリオサイトです。
サイトを開く自主制作
情報設計/デザイン/コーディング
制作期間：2か月
使用ツール：Figma/Photoshop
サイト作成の目的
自分の実績をまとめ、採用へ向けて現在の実力と
自身の傾向を知っていただく
コンセプト
作り込みを見てもらう
ターゲット
企業の採用ご担当者様
制作スケジュール
メインコンテンツは内容を見てもらう
作品紹介ページでは内容やプロセスの説明を取り入れることで、少ない作品数でも自分の考え方などが分かるようにしました。 また、自然に読み進められるように情報は極力整理し、逆に詳細に見てもらことうも可能なように工夫しました。
一目で雰囲気がつかめるように
明快な印象を持たせるため、特にTOPページでは流し見れば一通りの情報が得られるようにしました。 ABOUTのセクションは自己紹介とサイトの概要の説明を兼ねています。WORKSのセクションにはバナーを配置し、何ができるのかを端的に表しました。
信頼感をキープしつつも、見飽きないデザイン
採用ご担当者様は選考にあたり多くのポートフォリオを見ている可能性が予想されるため、シンプルさ・明快さを大事にしながら少し面白みのあるデザインを採用しました。
ノートに付箋を貼ったような雰囲気をコンセプトに、再生紙風の質感をアクセントに使うなど、要素は温かみや丸みのあるもので統一しました。
フォントは丸ゴシックと角ゴシック体を併用し、かっちりした印象を崩しすぎないようバランスを取っています。
全体図 表示/非表示
