Web Design

よしだあやかPortfolio

サイトの概要

自身のPortfolioサイト

ターゲット層

希望する会社の採用担当者や社員の方々

目的・ゴール

自身の人柄や作風を伝えるとともに、「宇宙」の世界観を体験してもらう

制作ポイント

自身の好きな宇宙の世界観を体験してもらえるよう、タイトル下部やCareer・Vision箇所などに惑星やUFOといった宇宙に関わるモチーフを使用。背景をグラデーションに、フッターを地球にすることで、スクロールするにつれて宇宙から地球に戻ってくるような演出にしてみました。また、手書き風イラストやアイコンなどは、全て自身で制作しています。
ただし、肝心の作品や文章が見辛くなることは避けたかったため、作品はできる限り大きく配置する、1行の文字数を減らす等、見やすさを意識した設計を心がけました。

担当範囲

設計、デザイン、コーディング

制作期間

2ヶ月

使用ツール

Photoshop、Illurstrator、html、css

制作過程

初めて下層ページを作成しコーディングまで行ったため、制作当初は不明点も多くありましたが、他のポートフォリオサイトを参考にしつつ、1つずつ自身で調べながら制作にあたりました。
また、カンプ制作時は考慮していなかったアニメーションをつけることで、より宇宙の世界観を表現することができたのではないかと思います。
今回、レスポンシブ対応まではコーディングしていませんが、デザインは作成しているため、今後も勉強を重ねてレスポンシブ対応を実装していきます。

→レスポンシブ対応、実装しました!

▼ SP

トップへ戻るボタン