ポートフォリオサイト「AKARI’s portfolio」

担当箇所

デザイン、コーディング、WordPress構築

使用言語

HTML、CSS(Sass)、JavaScript(JQuery)

制作期間

3週間

サイトURL

https://akr-production.com/
ベーシック認証にてアクセス制限をかけている場合は、以下のパスワードを入力してください。
User: user, Pass: password

サイト説明

このポートフォリオサイトです。サイトデザインはAdobeXDを用いて作成しました。
落ち着いた、やわらかいイメージのサイトにしたかったので、夜の雰囲気を出し、雲の中にいるようなデザインにいたしました。
こだわったポイントとしては、
①cssアニメーションとJQueryを使用してロード画面を実装
②スクロールするとヘッダー部分のデザインを変える機能を実装＆ヘッダー画像の下部分にbox-shadowをかけてぼかした雲の雰囲気を演出
③JavaScriptでメインビジュアルのタイトルを1文字ずつ流れるように実装
などがあります。
WordPressは自作テーマで構築し、カスタムフィールドを使用して更新しやすいサイト作りをいたしました。