WORKS DETAILランディングページ(LP)&サイト制作実績の詳細

20代向けwebセミナープラットフォームのサービスサイトを制作

20代対象のwebセミナーサービス「ニイゼロ★ウェビナー」(ブラッシュアップ・ジャパン株式会社さま運営)のサービスサイトをデザイン制作いたしました。

20代向けwebセミナープラットフォームのサービスサイトを制作

ランディングページのテーマ

20代の挑戦を応援する!”をテーマにしたwebセミナーサービス

ニイゼロ★ウェビナーは20代を対象としたwebセミナーのプラットフォームです。「20代の挑戦を応援する!」をテーマに、自己啓発やスキルアップコンテンツをはじめ、国内外・ジャンルを問わず挑戦する20代のドキュメンタリーコンテンツをwebセミナー形式で提供しており、コンテンツを見た視聴者が「自分も一歩踏み出そう」と思える、そんな願いが込められています。サイト制作においては、ニイゼロ★ウェビナーのサービスとして2つのテーマがあることを視聴者に理解してもらう構成にいたしました。挑戦する20代のドキュメントなどを紹介する「ニイゼロ★ウェビナーSTUDY」と実際に企業で働く若手社員のリアルな声を紹介する「ニイゼロ★ウェビナーJOB」の2つのテーマにそれぞれTOPページから分岐していくように設計。デザインでは、情熱を感じさせる赤をメインカラーとしながら、ページ全体を通じて、ポジティブな印象が伝わるように制作を行っております。

ランディングページのデザインコンセプト

  • WordPress での運用を想定した使いやすいデザインフォーマット
  • イラストを多数活用した直感的なイメージ訴求
  • 赤をメインカラーに情熱を感じさせるカラー設計
  • 「ニイゼロ★ウェビナーSTUDY」と「ニイゼロ★ウェビナーJOB」の2つのテーマに分けたカラー展開
  • デバイスフォントと画像フォントを適度に組み合わせた訴求力重視のレスポンシブデザイン
  • ページ遷移や申し込み等のアクションのしやすさを考慮したUIデザイン

ランディングページのコーディング

  • PC/スマホそれぞれに最適化したレスポンシブコーディング
  • モーダルウィンドウによるYouTube動画の再生
  • ウェビナーのテーマを切り替えるタブの実装
  • スクロールに応じたウェビナーコンテンツの読み込みを実装
  • EFOの一環として、フォームの入力に間違いがないようにバリデーションを実装
カテゴリー Webサイト
提供サービス Webサイト制作

ランディングページ(LP)&サイト制作実績

ドローン・顔認証AIサービスのサイトデザイン制作

ドローン・顔認証AIサービスのサイトデザイン制作

ドローン・顔認証AIソリューションサービスを提供するセブントゥーファイブ株式会社さまのコーポレートサイトをデザイン制作いたしました。

メンズコスメブランドのPC/スマホランディングページ(LP)を制作

メンズコスメブランドのPC・スマホ向け楽天市場ストアサイトを制作

メンズコスメブランド「BULK HOMME(バルクオム)」を展開しているTSUMO・JP株式会社様の楽天市場ストアサイトのPC版とスマートフォン版をデザイン制作いたしました。

ペットの行動や感情を可視化するスマートフォンアプリ「anicall」のサービスサイトをデザイン制作

ペットの行動や感情を可視化するアプリのサービスサイトをデザイン制作

ブランドコンサルティング会社クリオーゾ様ディレクションのもと、株式会社Anicallさまがご提供されているスマートフォンアプリ「anicall」のサービスサイトをデザイン制作。

貸切会場のランディングページ

貸切会場のランディングページを制作

ブライダル・ホテル・レストラン・スクール・カラオケ・バー・カフェ・スタジオ・劇場などレジャー施設の企画運営を行われているニュートン様(パセラリゾーツ様)のランディングページをデザイン制作いたしました。

子ども向け英語・英会話スクールのランディングページを制作

子ども向け英語・英会話スクールのランディングページを制作

子ども向け英語・英会話スクールWinBe(やる気スイッチグループさま運営)のスマートフォン/PC用ランディングページを制作いたしました。

フォトウェディングアートのPC/スマホランディングページ(LP)を制作

フォトウェディングアートのPC/スマホランディングページを制作

自社運営しているロケーションフォトウェディング専門サイト「ロケ婚」の特設ページのPC/スマートフォンランディングページをデザイン制作いたしました。

もっと詳しい事例をご覧になりたい方は

  • 03-6427-2311 平日10:00~18:00
  • お問い合わせフォーム