Website自主制作
ポートフォリオサイト

- 担当範囲
- デザイン / コーディング
- 使用ツール
- Figma / Visual Studio Code
- 制作環境
- HTML/CSS / Wordpress / jQuery
- 製作期間
- 6ヵ月
- 実装機能
- 通常投稿 / お問い合わせ / スライダー
サイトの紹介
本ポートフォリオになります。
グレーと黄緑の配色を取り入れ、落ち着いた中にも明るさや親しみやすさを感じられるデザインを意識しました。グレーはシンプルで洗練された印象を、黄緑はフレッシュで前向きなイメージを与える色として選び、全体のバランスにこだわっています。この配色には、私自身の性格でもある「落ち着き」と「向上心」を重ね合わせています。グレーが持つ安定感や信頼感は、物事に冷静に取り組む姿勢を表し、黄緑のアクセントは、新しいことに前向きに挑戦していく姿勢をイメージいたしました。このデザインを通じて、「自然体でありながら意欲的」というメッセージを伝えたいと思いました。
また、背景には木漏れ日をイメージした動画を埋め込んでおり、一息つけるような、そんなサイトをイメージし配置しました。
落ち着いた基盤の上で、次のステップを見据えて行動する姿勢を感じ取っていただけると嬉しいです。
主な実装機能
- WordPress
- カテゴリー・タグ分類、投稿ページの実装、ピックアップ機能(チェックをつけた作品のみTOPページに表示)、コンタクトフォーム7など
- フェードイン
- 要素が画面内に入ってスクロールすると、ScrollInというclassを加えるというトリガーをJQueryで指定しています。
- スムーススクロール・スクロールで
TOPに戻る - jQueryで実装しています。
- ハンバーガーメニュー
- Drawer.jsを使用しています。