Border

odd eyes story

Web / Design, Develop (2017)

イラストレーター・Mika Pikazoの同人誌「odd eyes story」の特設Webサイトのデザイン・実装を担当した。

特設サイトの基本的な構成は守りつつ、マウスカーソルの移動によるパララックスエフェクトや、スクロールに合わせて要素をアニメーションさせたりと、少しでも本誌の魅力が伝わるようなデザイン・演出を目指した。

DOM操作には珍しくjQueryを使用した。HTMLテンプレートエンジンにはEJSを使用し、アニメーション部分はGSAPを使っている。

URL

https://odd-eyes-story.tumblr.com/

Design Tool

  • Photoshop

Teck Stack

  • jQuery /
  • GSAP /
  • EJS