- 制作概要
- 自作のポートフォリオサイト
- ターゲット
- 採用担当者、お仕事を発注してくださるお客様
- コンセプト
- 見に来てくださった方がほっと一息つける居心地のよいカフェのようなサイト
- デザイン
- QLIPプログラミングスクールの課題として、レスポンシブ対応のWebサイトを制作しました。デザインからHTML・CSS・JavaScriptによるコーディング、そしてWordPress化まで一貫して担当しました。トップページ・作品一覧ページでは、slickを使用してカフェを連想させる画像のスライドショーを実装。さらに、サイト全体にアニメーションを取り入れることで、訪れた方が飽きずに楽しめるよう工夫しました。
中でも特にこだわったのが、フッター部分のアニメーションです。コーヒーの湯気がふわっと立ちのぼる様子をリアルに表現することで、カフェの温かく落ち着いた雰囲気を演出しました。また、WordPress化により、コンテンツの更新作業が簡単に行える構成とし、実用性にも配慮しました。
- 使用ツール
- Photoshop / Illustrator / Figma / Visual Studio Code / WordPress