【実案件】株式会社E.N様 ホームページサブスクリプションサービス「Webloop」LP
【使用ツール】Figma、STUDIO 【制作期間】約１ヶ月（ワイヤーフレーム制作：１週間、デザインカンプ：２週間、実装：１週間）【担当範囲】ワイヤーフレーム作成～実装まで
実際のサイトは こちら
【要件】
＜目的＞
資料請求・問い合わせ獲得（月10件）
＜ターゲット＞
・20〜40代 男女
・D2C、EC事業者
・広告代理店
・企業マーケティング担当者
＜構成＞
１ ファーストビュー
２ About（E.Nのホームページ制作とは）
３ WORKS（制作実績）
４ PROBLEM（課題）
５ SOLUTION（解決）
６ REASON（選ばれている5つの理由）
７ COMPARISON（比較）
８ CASE STUDY（導入事例）
９ PLAN（料金案内）
10 OPTION（オプション）
11 FLOW（ご利用の流れ）
12 FAQ（よくある質問）
＜カラー指定＞
ホワイト・ブラックを基調
【設計意図】 ・「WebLoop」という名称から着想を得て、Webを通じて、ビジネスの輪がつながるイメージを膨らませ、円（Loop）をモチーフにしたビジュアル設計を採用しました。
・Webサイトが単なる制作物ではなく、“ビジネス成長の循環装置”であることを視覚的に表現しました。
・単調な流れにならないよう要所要所にCTAを挿入し、離脱防止を図っています。
【デザイン設計意図】
① カラー設計
メインカラー：ブラック / ホワイト→IT企業としての信頼感・先進性を演出。
さらに、アクセントカラーとしてレッドを提案しました。
CTAボタン
強調テキスト
重要な数値
に使用し、視線誘導とCV導線を強化しました。
② ビジュアル設計
「輪の繋がり」のイメージから、円モチーフを随所に配置しています。また、使用する図形も角丸のデザインを使用することで、やわらかさを表現しています。
アイソメトリックイラストを採用することで、堅くなりがちなIT・ビジネス領域を視覚的に理解しやすいデザインになるようにしました。
③ 情報設計
ターゲットはマーケティング担当者であるため、曖昧さを排除し、検討時の不安を解消する情報設計にしています。
料金を明確化
できることを具体化
オプションを詳細化