MENU
  • Works
  • Service
  • About
  • Contact
わかりやすく、伝わりやすく。
yui-design
  • Works
  • Service
  • About
  • Contact
  • Works
  • Service
  • About
  • Contact
yui-design
  • Works
  • Service
  • About
  • Contact
  1. ホーム
  2. Webデザインスクールサイト(SWELL)

Webデザインスクールサイト(SWELL)

サンプルページ

ターゲット

Webデザインに興味がある20〜40代の女性。

特に、

  • 在宅で働きたい方
  • 育児や家事と両立しながら
    スキルを身につけたい方
  • 未経験からWebデザインを
    学びたい方

を想定して制作しました。

制作意図

未経験者向けのWebデザインスクールサイトを想定して制作しました。

スクール選びでは「自分にもでき
そう」という安心感が重要だと考え、サービス内容や学習後のイメージが
伝わる構成を意識しています。

また、女性向けサービスとして、
やわらかく親しみやすい雰囲気と、

信頼感のあるデザインの両立を
目指しました。

工夫した点

ターゲットに合わせた
デザイン設計

在宅ワークやWebデザインに興味を
持つ女性をターゲットに設定し、
落ち着いたベージュをベースに、

くすみブルーを組み合わせることで、
やわらかさの中にも信頼感を感じられるデザインを目指しました。

また、CTAボタンにはピンクを使用し、女性向けの雰囲気を保ちながら視線を集められるよう
工夫しています。

ロゴやサイト内で使用している
バナー、アイキャッチ画像も制作し、サイト全体で統一感のある世界観を

構築しました。


情報を整理し、読みやすさを重視

情報量が多くなりやすいスクール
サイトのため、セクションごとに役割を明確にし、視線の流れに沿って
読み進められる構成を意識しました。

文章の改行位置や余白にも配慮し、
長い説明文でも負担なく読めるよう
調整しています。
また、写真やイラストを活用することで内容を視覚的に理解しやすくし、
必要な情報をスムーズに
取得できる
よう工夫しました。


サービス内容を
視覚的に伝える工夫

講座内容や学習サポートについては、アイコンやイラストを活用することで視覚的に理解しやすい
デザインにしました。

また、一部のビジュアルにはAI生成
画像も活用しながら、ターゲットに
合わせた世界観づくり
を行っています。

制作情報

制作種別
ホームページ制作(自主制作)

担当範囲
デザイン・WordPress実装・ロゴ制作・バナー制作・アイキャッチ制作

使用ツール
Photoshop / WordPress(SWELL) /
AI画像生成

Works一覧