https://misaki-creativecode.com/
こだわりポイント
GSAPやVivus.jsなどを使って、デザインに合わせた“ふわっと柔らかい”アニメーションにこだわってコーディングしました。
☑️ローディングは、デザインで使用されている色やファーストビューの写真の形から着想を得て、雨粒が水面に落ちたような動きを意識しています。
☑️ファーストビューの背景が素敵だったので、見える範囲を増やしたいと思い、ページトップに来たらヘッダーの背景色を透明に変化させています。
☑️制作実績セクションはWordPressの管理画面で簡単に更新できるように、カスタムフィールド・カスタム投稿を使っています。
☑️ローディングは、デザインで使用されている色やファーストビューの写真の形から着想を得て、雨粒が水面に落ちたような動きを意識しています。
☑️ファーストビューの背景が素敵だったので、見える範囲を増やしたいと思い、ページトップに来たらヘッダーの背景色を透明に変化させています。
☑️制作実績セクションはWordPressの管理画面で簡単に更新できるように、カスタムフィールド・カスタム投稿を使っています。
運営からのコメント
「寄り添う気持ちが伝わるポートフォリオ」落ち着いた配色と洗練されたフォント、そして心地よい余白の取り方が全体に柔らかな雰囲気をつくり出し、安心感を与えてくれます。ローディングアニメーションの見せ方にも工夫があり、ちょっとした演出の中にクリエイティブなセンスを感じさせてくれるのも魅力的。さらに、お客様が知りたい情報がすっきりと整理され、分かりやすく掲載されているため、見ていてストレスがなく自然と理解が深まります。ビジュアルの心地よさと情報の伝わりやすさ、その両方を兼ね備えた、まさに「寄り添う」想いがデザインから伝わってくるポートフォリオです。
