• HOME
  • 制作事例
  • スポーツ世界大会出場決定戦の応援特設サイト

スポーツ世界大会出場決定戦の応援特設サイト

UPDATE : 2017/10/10
案件区分 :
  • 受託案件
  • 自社案件
使用言語,ツール :
  • HTML
  • CSS
  • jQuery
  • PHP
  • FLASH
  • Photoshop
  • Illustrator
対応ブラウザ :
  • IE6
  • IE7
  • IE8
  • IE9
  • IE10
  • chrome
  • safari
  • FIreFox
  • iOS
  • android
対応端末 :
  • PC
  • SP
  • +responsive
CMS :
  • MovebleType
  • WordPress
対応範囲・規模 :
  • 全7ページ
URL :

公開期間が2週間ほどと短いサイトですでに公開停止になっています。

レスポンシブですが、PC表示時にはスマホが画面中央に置いてあってその中でSPサイトを見せるというようなレイアウトでした。
要件的に厳しく、VW(Viewport Width)を用いたコーディングを行ったため、PCレイアウト時にCSSの使い回しが一切できず、またドラッグによるスクロールに対応させつつjsを発火させたりoffしたりと、シンプルなデザインとは裏腹に複雑なjsで動作しています。

LINEのタイムライン風に上部からメッセージが流れてくるようなコンテンツで、次のメッセージまでの表示時間の設定などができるタイムライン風レイアウトを実現するjsを組みました。

SERVICE

  • WEB CODING
  • jQuery/Javascript
  • CMS CONSTRUCTION
  • WEB DESIGN
  • WEB CREATION
  • IN CHARGE OF WEB
  • JOB PLATFORM
  • MEDIA MANAGEMENT