Web Design

よしだあやかPortfolio

サイトの概要

自身のPortfolioサイト

ターゲット層

お仕事を依頼してくださる方や、自身に興味を持ってくださっている方

目的・ゴール

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

制作ポイント

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

担当範囲

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

制作期間

2ヶ月

使用ツール

Photoshop、Illurstrator、html、css、jQuery

制作過程

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

トップへ戻るボタン