Design Gallery
Design Approach
01 | Project Overview プロジェクト概要
制作物 Webデザイナースクール LP
業種 Webデザインスクール・教育
担当範囲 LPデザイン
使用ツール Figma／Photoshop
02 | Background 制作背景
Webデザインとコーディングを学べる、女性向けWebデザイナースクールのLPを制作。
提供された構成をもとに、スクールの親しみやすさと学習サービスとしての信頼感が伝わるビジュアルデザインを目指しました。
03 | Target ターゲット
Webデザインを学び、副業やフリーランスなど新しい働き方を目指す女性。
未経験からの学習に不安を感じながらも、実践的なスキルを身につけてキャリアの選択肢を広げたいユーザーを想定しています。
04 | Design Concept デザインコンセプト
「やさしさと信頼感を両立した、前向きに学べるスクールデザイン」
淡いパープルを基調に、ピンクをアクセントとして使用。柔らかな写真や余白を取り入れ、女性向けスクールらしい親しみやすさを表現しました。
05 | Design Process 設計・制作プロセス
提供されたLP構成に沿って、各セクションの役割や情報量を確認しながらビジュアルを制作。
見出し・写真・カード・CTAなどの視覚的な強弱を整え、長いLPでも内容を追いやすいデザインに仕上げました。
06 | Design Point デザインポイント
Visual Hierarchy
見出し・写真・カードなどに強弱をつけ、情報量の多いページでも内容を把握しやすくしました。
Visual Design
淡いパープルとピンクを中心に、親しみやすさと前向きな印象を感じられる世界観を表現。
Consistency
カードやCTA、見出しなどのデザインルールを統一し、LP全体に一貫性を持たせました。