ポートフォリオサイト

https://code-step.com/xd-public/
こちらのサイトで公開されているデザインカンプをもとに作成したデモホームページです。
全体的に縦書きのレイアウトを採用しており、和風なテイストになっています。
ヘッダーの背景画像のスライドショーやスクロールのプログレスバーなどはすべて自作しています。
こちらで使用している画像はすべて商用利用可、およびクレジット掲載不要のフリー素材を使用しています。
レスポンシブ対応です。

現在のポートフォリオサイトを構成はそのままでパーティクルエフェクトを主体にしたデザインにしたものです。

パーティクルエフェクトはThree.jsを用いてスクロールに応じて形が徐々に変化するようにしました。

PCの場合は左側に、スマートフォンの場合は背景にパーティクルが表示されます。

レスポンシブ対応です。

https://webdesigner-go.com/template/psd-hairsalon/
こちらのサイトのファーストビューを参考に、ヘアサロンのホームページをイメージして作成したサイトです。
サイト内のすべての素材は商用利用可、リンク表示不要のものを使用しています。
レスポンシブ対応しています。