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

更新日: 2023.06.26

使用パーツ

  • ホバーアニメーション

・カルーセル

・ハンバーガーメニュー

概要

日本ビジネスプレス様が運営するメディア(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