スターターキット デザイン案内
スクール事業デザイン室てしま STARTER KIT — WEB DESIGN INDEX / 2026.09

スクール開業スターターキット

WEBページの方向は、
10案から選んでいただきます。

好みで選ぶものではありません。お手持ちの写真の枚数と、誰に読ませたいかで決まります。下の10案を開いて、近いものを一つ選んでください。細部はそこから合わせます。写真はお手持ちのものを使います。撮影やイラストの用意は含みません。
載せる情報とその順番は、国内の教室サイト約100件のトップページを調べて見直しています。

DIRECTIONS
10案
INDUSTRIES
7業種
TYPEFACES
見出し9書体
PHOTOS
0枚〜12枚以上
A A案のトップ画面:生成り地に明朝体の見出し

明修館

中学受験・小4〜小6

実績と格式で選ばれたい教室に。文字だけで成立する構成なので、写真がまだ一枚も無くても公開できます。士業・資格・進学系にそのまま使えます。

地
生成り(明るい)
書体
明朝体+ゴシック本文
構成
文字主導・図版すこし
写真
0〜2枚で成立
B B案のトップ画面:濃色の地に全幅の写真

明修館

中学受験・写真主導

雰囲気で選ばれたい教室に。画面いっぱいの写真で押します。良い横長写真が6枚以上ある場合のみ成立します。夜間営業や大人向けと相性がいい。

地
濃色
書体
角ゴシック(極太)
構成
全幅写真・没入型
写真
6枚以上(横長・高解像)
C C案のトップ画面:白地に夜の写真を図版として置いた構成

明修館

中学受験・白地に図版

証拠を静かに見せたい教室に。白い紙に写真を置く組み方なので、写真が暗くても沈みません。答案・作品・現場写真など「中身」を見せたい業種向け。

地
白
書体
角ゴシック
構成
図版+キャプション
写真
3〜6枚(暗くても可)
D D案のトップ画面:淡い青地にイラストと角丸のカード

ことのは英語教室

中学英語・中1〜中3

生徒本人が読む教室に。フォームの先頭も保護者ではなく生徒です。イラストで親しみを出す型なので、写真が用意できない場合の逃げ道にもなります。

地
淡い青
書体
丸ゴシック
構成
角丸カード・親しみ
画
イラスト 5〜8枚
E E案のトップ画面:温かい生成り地に写真を中央に置いた展覧会のような組み

おとはピアノ教室

ピアノ・小〜高校生

静かな信頼で選ばれたい教室に。美術館の展示キャプションの組み方です。写真を大きく1枚ずつ見せるので、数が少なくても格好がつきます。お稽古ごと全般に。

地
温かい生成り
書体
教科書体系
構成
写真→見出しの展示組み
写真
6〜9枚
F F案のトップ画面:写真タイルを敷き詰めたベントーグリッド

ひなたピアノ教室

ピアノ・4歳〜高校生

明るく間口を広げたい教室に。第一画面をタイルで埋めて情報量で押します。写真が12枚以上ある場合に一番強い。子ども向け・習いごと・体験教室に。

地
明るい白
書体
幾何学ゴシック
構成
ベントーグリッド
写真
12枚以上
G G案のトップ画面:方眼の地に大きな見出しと、紺の数字帯を重ねた写真

あゆみ塾

個別指導・小4〜高3

料金と時間割で比べられる教室に。目次つきの縦長ページで、料金表・時間割・テスト対策・入塾の流れを全部見せます。写真が少なくても情報で勝負できます。

地
白・方眼ノート
書体
UDゴシック
構成
目次つき・情報を全部見せる
写真
4〜6枚
H H案のトップ画面:黄色の地に弾む大きな見出しと、丸く切り抜いた子どもの写真

ぽろん

親子リトミック・1歳〜年長

スマホでぱっと見て「楽しそう」が伝われば勝ちの教室に。文字を減らし、色の面と大きな言葉で引っぱります。自宅教室向けに、住所は申込み後にお知らせする形です。

地
黄・4色の色面
書体
太い丸ゴシック
構成
色面ブロック
画
6枚前後
I I案のトップ画面:プールの全景に大きな見出しと、傾けたレッスン写真

みなも

スイミング・6か月〜小6

段階で上達を見せたい教室に。進級表を階段の図にして主役に置きます。級や検定がある習い事(そろばん・空手・書道など)にも使えます。

地
プールの青と白
書体
極太ゴシック
構成
進級表の階段図
画
6〜8枚
J J案のトップ画面:ゴルフコースの全景に、縦書きの明朝の見出し

凪ゴルフアカデミー

ゴルフ・大人の初心者

大人に落ち着いて選ばれたい教室に。全幅の風景に、明朝の見出しを縦書きで立てます。空間や景色の写真が強い教室向けです。

地
深緑・生成り
書体
明朝体の縦書き
構成
全幅の風景+縦書き
画
横長の風景+6枚

Comparison

写真の枚数で、だいたい決まります。

最初のヒアリングで「出せる写真は何枚ありますか」を聞けば、候補は2つまで絞れます。そこから「誰に読ませたいか」で1つ選ぶ、という順番が早いです。

案向く教室地書体構成要る画の枚数
A 明修館実績・格式で選ばれたい生成り明朝体文字主導0〜2枚
B 明修館雰囲気で選ばれたい濃色角ゴシック全幅写真6枚以上(横長)
C 明修館証拠を静かに見せたい白角ゴシック図版+キャプション3〜6枚
D ことのは生徒本人に読ませたい淡い青丸ゴシック角丸カードイラスト5〜8枚
E おとは静かな信頼で選ばれたい温生成り教科書体展示組み6〜9枚
F ひなた明るく間口を広げたい白幾何学ゴシックベントーグリッド12枚以上
G あゆみ塾料金・時間割で比べられたい白・方眼UDゴシック目次つき縦長4〜6枚
H ぽろんぱっと見で楽しさを伝えたい黄・色面太丸ゴシック色面ブロック6枚前後
I みなも段階で上達を見せたい青極太ゴシック進級表の階段図6〜8枚
J 凪大人に落ち着いて選ばれたい深緑・生成り明朝の縦書き全幅風景風景+6枚

Next

近いものが見つかったら、
そこから合わせていきます。

ぴったり同じにする必要はありません。「この方向」が決まれば、教室名・料金・写真を入れ替えて、御教室のページに仕立てます。まだ写真が一枚もない場合でも、公開できる案があります。