N-design WebCreator

CASE 1 Achievement

  • 【種類】: ポートフォリオ
  • 【制作期間】: 約1ヶ月
  • 【イメージ】: 優しい・柔らかい・誠実
  • 【制作の意図】: 誠実さの「青」をベースに、やさしさ・柔らかさを持たせるため、サイトイメージカラーを「ブルーグレー」とした。

    更に、誠実性とスマートさも感じさせる明朝体を使用した。
    キャッチコピーの「出会い」を縦書きで表現することで日本らしさを印象付けた。

    また、全体に柔らかさをイメージしやすい「丸」を基調とし、デザインを統一した。
  • 【技術】: JavaScript、jQuery、GSAPを使用し、フワッと浮き上がる動きや横にスクロールするスライドショーを実装。

    スクロールの動きに対して背景が遅く動くパララックス実装。
    スマホ画面サイズに対応し、画面サイズによるデザインの変更を実装。