SBク◇◇◇◇◇◇株式会社の会員登録型ビジネスサイト「ビジネス＋IT」のセミナーLPテンプレートを制作しました
100万を超えるビジネスパーソンが会員登録するビジネス＋IT。同サイト主催セミナー・同サイトクライアント主催セミナーの集客用LPのテンプレートを制作しました。
作品のPOINT
POINT01
セミナー集客用LPを全6パターン制作しました。このテンプレートを元に年間1000を超えるLPが制作、公開されています。
デザインとコーディングの両面をひとりで制作しました。
https://www.sbbit.jp/eventinfo/84301
https://www.sbbit.jp/eventinfo/84459
https://www.sbbit.jp/eventinfo/83710
https://www.sbbit.jp/eventinfo/84015
POINT02
【デザイン】
マーケティング課からの要件を受けてレイアウトやUIなどをデザインしました。
スクロール量が多くなると離脱率が高まるため、縦はコンパクトに情報を収めるように全体的に工夫しています。ビジネスパーソンに訴求するクールなデザインとシンプルで使いやすいUI設計を心がけました。
POINT03
【崩れに強い設計】
テンプレートとして様々な案件に対応させるため、Javascriptで見た目を動的に調整する処理を多用しています。
例えばナビゲーションの項目が多くなればヘッダを2段にする、ブラウザの幅や高さに合わせてコンテンツのサイズを調整する、などです。
それにより配置するコンテンツに合わせたレイアウト調整が自動で行われ、見た目の崩れに強いテンプレートが実現できています。、どのような案件でも実装者の手を煩わせることなくオールマイティに使用できるテンプレートになっています。
POINT04
【着せ替え】コーディング知識のない営業の方でも使いやすいテンプレートに設計しています。
CSS変数をして、着せ替え感覚でCVボタンやタイトル色、文字色などの主要コンポーネントを実装できるようにしています。
それにより、案件ごとにイメージカラーを変えることも容易で、カラー使いによってブランディングを表現できるテンプレートになっています。
POINT05
【拡張性＆操作性】テンプレートとして様々な案件にフィットするように拡張性を持った設計になっています。
bootstarapのようにクラスを組み合わせて好みの見た目や機能を容易に上乗せ可能な仕様です。
また、コーディング経験のない営業や事務の方でも容易に欲しいLPを実装できるように、ソース上の要所にコメントを付けわかりやすく操作性の高いテンプレートになっています。
実装マニュアルも作成しました。
サイトを見る
