WORKS

英会話スクール LINEリッチメニュー

Design Gallery


Design Approach

01 | Project Overview プロジェクト概要

  • 制作物 LINEリッチメニュー

  • 業種 英会話スクール・教育

  • 担当範囲 構成設計/ビジュアルデザイン

  • 使用ツール Figma

02 | Background  制作背景

ビジネス英語を学ぶ社会人向け英会話スクールを想定し、無料体験への申し込みやスクール情報の確認をLINE上からスムーズに行えるリッチメニューを制作。

無料体験を主要な導線として大きく配置しながら、スクール選びに必要な情報へ迷わずアクセスできる構成を目指しました。

03 | Target ターゲット

仕事で英語を必要としている、または今後のキャリアに向けてビジネス英語を身につけたい20〜40代の社会人。

スクールの特徴やコース、受講者の声を比較・確認したうえで、体験レッスンを検討するユーザーを想定しています。

04 | Design Concept デザインコンセプト

「信頼感と知性を感じる、洗練されたビジネススタイル」

ブルーグレーを基調に、ビジネスシーンを想起させる写真と端正なタイポグラフィを組み合わせ、落ち着きと信頼感を表現。

情報量を抑えたシンプルなデザインで、社会人向けスクールとしての専門性を意識しました。

05 | Design Process 設計・制作プロセス

ユーザーの検討行動を踏まえ、無料体験・スクール紹介・コース案内・受講生の声・お問い合わせの5つに情報を整理。

コンバージョンにつながる「無料体験」を最も大きなエリアに配置し、その他の情報を同サイズで整理することで、重要度に応じた視覚的な優先順位を設計しました。

06 | Design Point デザインポイント

Information Design

無料体験をメイン導線として強調し、検討に必要な情報を目的別に整理。

Visual Hierarchy

メニューごとに面積差を設け、重要なアクションが一目で認識できる視覚的な優先順位を設計。

User Experience

ブルーグレーとビジネスシーンの写真をベースに、社会人向け英会話スクールらしい知性と信頼感を表現。