認知拡大や各校舎へのお問い合わせを目的とし、トップページ・各教室の詳細ページ・お問い合わせページで構成されています。

CoABLEの最大のこだわりは、生徒の主体的な学びや興味関心を引き出す教育コンサルを大切にしている点にあります。生徒ひとりひとりの目標設定を手助けする「1on1（カウンセリング・コーチング）」、生徒が先生に問題を解説する「超OUTPUT指導」、思考力・判断力・表現力が身につく「アドバンスプロジェクト（ワークショップ）」など、ユニークな取り組みをたくさんされていました。

「学習塾」というジャンルで他社のサイトを見てみると、堅めの気難しいサイトが多くありましたが、CoABLEのスタッフの皆様はお打ち合わせでの雰囲気がいつも和やかで、「遊び心」を大切に、生徒のことを真剣に考えていらっしゃる姿がとても印象的でした。

そのため、「学習塾」というイメージで抱く堅さに偏りすぎず、かといって「遊び心」のイメージが勝って安っぽく見えないように（ターゲットが比較的富裕層のご家庭だったため）意識したデザインをご提案。
配色は、（ロゴに合わせて）ポップな色味を使いつつ、あしらいは最低限に、コンテンツの充実度で親御さんの信頼や興味関心を高められるように意識しました。

全体の構成も「想い」からはじまり、スクロールするごとに具体的な情報がはいってくるように設計しています。
大きな特徴を伝えつつ、モーダルウィンドウやプルダウンを活用して、指導方法の詳細まで掲載しました。

また、先生と生徒の距離が近いことや生徒同士の交流があることが、他の学習塾と異なる大きなポイントだと感じ、"人"が見える写真を多く使い、ひとりひとりに向き合って丁寧に指導をしてくれる雰囲気が伝わるように、写真選びを工夫しました。