LOADING

ico Created with Sketch. ico Created with Sketch. ico Created with Sketch.

WORKS

worksページのFV画像

ポートフォリオサイト

担当範囲
デザイン / コーディング
使用ツール
Figma / Visual Studio Code
制作環境
HTML/CSS / Wordpress / jQuery
製作期間
6ヵ月
実装機能
通常投稿 / お問い合わせ / スライダー
サイトURL
https://siroto-portfolio.com/

サイトの紹介

本ポートフォリオになります。
グレーと黄緑の配色を取り入れ、落ち着いた中にも明るさや親しみやすさを感じられるデザインを意識しました。グレーはシンプルで洗練された印象を、黄緑はフレッシュで前向きなイメージを与える色として選び、全体のバランスにこだわっています。この配色には、私自身の性格でもある「落ち着き」と「向上心」を重ね合わせています。グレーが持つ安定感や信頼感は、物事に冷静に取り組む姿勢を表し、黄緑のアクセントは、新しいことに前向きに挑戦していく姿勢をイメージいたしました。このデザインを通じて、「自然体でありながら意欲的」というメッセージを伝えたいと思いました。
また、背景には木漏れ日をイメージした動画を埋め込んでおり、一息つけるような、そんなサイトをイメージし配置しました。
落ち着いた基盤の上で、次のステップを見据えて行動する姿勢を感じ取っていただけると嬉しいです。

主な実装機能

WordPress
カテゴリー・タグ分類、投稿ページの実装、ピックアップ機能(チェックをつけた作品のみTOPページに表示)、コンタクトフォーム7など
フェードイン
要素が画面内に入ってスクロールすると、ScrollInというclassを加えるというトリガーをJQueryで指定しています。
スムーススクロール・スクロールで
TOPに戻る
jQueryで実装しています。
ハンバーガーメニュー
Drawer.jsを使用しています。