【LPデザイン】説明会募集ページのデザインと実装を行いました

制作のポイント

使用システム:UTAGE

UTAGEシステムを使用した説明会への募集LPの制作を担当しました。
システム仕様上、HTML構造の変更ができないという制約がある環境での制作となり、CSSが反映しづらい箇所やデザイン調整に制限がある状況でした。

そのため、既存構造を前提にCSS・JavaScriptを活用し、可能な範囲でデザイン性と操作性を向上させる設計を行いました。特に、写真を活かしたメインヘッダーの設計や、ビジネス向けのトーンに合わせたサムネイル制作など、ブランドイメージを意識したビジュアル設計に注力しています。
また、人物画像を2名挿入したいとの希望がありましたので、メインビジュアルへ印象に残るようにアニメーションをつけて並べる形で掲載しました。業界のあらゆる悩みに寄り添い、解決できるコンテンツの提供となるよう見出しタイトルやイラストにも熟慮し制作しました。

制約のある環境下でも、実装可能な方法を模索しながら改善を積み重ねることで、機能性と視認性の両立を図った案件です。
※フォームはシステム特有の設定となります。

実際のページはこちら
https://utage-system.com/page/9BWsXMG1Eh2J

制作内容:会員サイト制作(UTAGE使用)
対応範囲:文章追加作成・画像選定・デザイン・コーディング・テスト

PC用

スマートフォン用

目次