Works 制作物
Project Info
- カテゴリ
- Webサイト
- 担当範囲
- デザイン / ロゴデザイン / コーディング / WordPress
- 制作ページ
- TOP / Works一覧 / Works詳細 / Contact / Privacy Policy
- 制作期間
- 約2ヶ月
- 使用ツール
- Figma / Photoshop / illustrator / VSCode
- 使用技術
- HTML / Sass / JavaScript / EJS / WordPress
- 制作年
- 2026年
Project Overview
雨の日の部屋をテーマにしたポートフォリオサイトです。
落ち着いた雰囲気の中に自分らしさを感じてもらえるよう、雨や部屋をモチーフにしたデザインとアニメーションを取り入れて制作しました。
デザインから実装、WordPress化まで一貫して行い、細部までこだわりました。
Project Approach
- 雨の日の静かな時間をイメージし、淡いブルーやグレーを基調とした落ち着いた配色を採用しました。
- ファーストビューでは雨が降るアニメーションやローダーを実装し、ページを開いた瞬間から世界観を感じられるようにしました。
- スクロールやホバーなどのインタラクションにもアニメーションを取り入れ、静かな雰囲気を保ちながら、楽しめる操作感を意識しました。
- WordPress化を行い、Worksなどのコンテンツを管理画面から更新できる構成にしました。