メディアのプロモーションサイトの新規実装

使用パーツ

• ホバーアニメーション

・カルーセル

・ハンバーガーメニュー

概要

日本ビジネスプレス様が運営するメディア（JBprss・JDIR・JBpress autograph）の広告施策・サービスのご案内サイトの新規実装を担当させていただきました。

背景の装飾が画面の両端に吸着するように実装しております。

実装時の工夫ポイント

ページ読み込み時にフォントをすぐに読み込むために、フォントを軽量化し、woffとしてサーバーに直接設置しております

URL

https://www.jbpress.co.jp/list/promotion/top/

ページ数

8ページ

実装時間

約130h

クラス命名規則

エンドクライアント様指定コーディング規約で実装

レスポンシブ対応

エンドクライアント様指定CMSの都合上、SPとPCでHTMLが別れているため、HTML、CSSを別で作成

使用CMS

エンドクライアント様CMS（CMSへの組み込みは未対応）

使用プラグイン

不明

フォルダー構成

エンドクライアント様指定フォルダー構成

使用技術（開発環境、言語）

• ejs
• scss
• gulp
• git
• github
• javascript
• slick
• jQuery