スポーツ・テニスサイトのデザイン | APF Academies

01

APF academies | スクンビットからすぐ!タイ・バンコクのテニススクールhttp://apfacademies.net/

コーポレートデザインを行う

バンコクのテニススクール「APF Academies」様のロゴを制作後、次はサイトをデザイン・制作しました。以前はGoogleのBloggerをカスタマイズし、運営されていましたが、今回はイメージを刷新し、新しいロゴ、サイトでブランディングし、リニューアルする案件です。

Before

APF Academies

After

APFAcademies

仕様まとめ

デザイン レスポンシブデザイン、フラット
CMSシステム WordPress
プログラム HTML5、CSS3、Javascript
カラー ピンク、イエロー、ブルー、グレー
 

コンセプト

ロゴ制作の際にコンセプトをしっかり理解したので、その世界観、イメージをそのままサイトに反映しました。
  1. 楽しく運動をすることで、健康的になる
  2. 横のつながりをもち、コミュニティーを作る
  3. 海外生活(暮らし)をサポートする
テニススクールにくる顧客はジュニアの子供たちから大人の方まで様々。その中でターゲットとなるのが、女性の存在です。女性が見て、いいなと思っていただく。そして、スポーツサイトらしく、元気で活気があるようなデザインを行いました。

トップページは縦長のサイト

トップページはかなりにぎやかになっています。ファーストビューからすぐにアクションが起こせるように「無料レッスン」ボタンを配置。次にプロモーション、BLOGとコンテンツが続きます。

APFAcademies

料金表もわかりやすくカラーで分類し、値段を明瞭に表示させています。

APFAcademies

ロゴのカラーでもあるCayenneはタイでよく見るタクシーと同じような系統の色です。フッターでは全面をCayenneカラーでまとめ、反対色でもあり黄色を合わせています。

01 - コピー - コピー - コピー

ランディングページ

うまくなりたいと考える人は何もしなくてもAPFに来る。テニス初心者の方たちにもっとテニスの魅力を伝えたい。

そんな思いを表現しつつ、無料体験レッスンに参加していただくため、ランディングページを作りました。

無料体験レッスン  毎日開催、選べるお好きな時間帯  APF academies

強み、ベネフィットなど詳しくヒアリングし、キャッチコピーを考え、文章を作っていきます。

  1. 運動不足が解消、新しいテニス仲間ができ、バンコク生活が楽しくなりました!!
  2. APFアカデミーズが選ばれる理由 – APFテニススクールの4つのポイント
  3. ゼロからはじめる初心者の方でも、安心 – 1ヶ月でラリー、2ヶ月でテニスの基本をマスター!
  4. テニスを通じて成長し、バンコク生活をより楽しく! – 一生夢中になれる趣味に出合える!!
  5. 健康的なバンコク生活を過ごせるようサポート- 気持ちよい汗を流し絵、運動不足を解消!
  6. プロの選手も絶賛!APFのレッスンプログラム – テニスだけではなく、社会に必要な自己表現も学ぶ
  7. 12才、14才以下のタイナショナルランキングNo1選手を育成 – 会員様限定のレッスンイベントも随時開催!
  8. レッスン振替&キャンセルもWebで瞬時に可能です – iphoneアプリでレッスンを簡単予約できます!
  9. 入会までの3ステップ
  10. 無料体験レッスンは5分で予約完了!
APFAcademies

見出しだけで大体の構成はイメージできるように設計し、わかりやすく伝わるようデザインを行います。

スケジュールについて

スケジュールはWordpress上のテーブルで直接、手打ちで修正できるようにしました。その場合、レスポンシブでこんな大きなテーブルをどう表示させるか迷いましたが、横にスクロールして見るという表示方法をとっています。

APFAcademies

PDFをダウンロードするボタンも作りましたが、PDFを更新する作業が発生し、運用上の面倒ということで、ページ上での表示のみになります。

 

CSSはprint.cssも作っているので、印刷してもきれいに表示されるよう対応済み。

 

バススケジュールはも同様の理由から画像にしています。クライアントが簡単に編集できるようExcelで作成しています。

最後に

頭にテニスをイメージさせるため、毎週「Baby Step」というアニメを見ていました。そのおかげでルールも覚え、テニス用語もわかるようになりました。こういうインプット作業がよりよい仕事をする上で大事だと考えています。

 

クライアントはバンコクを中心にシンガポール、他のアジアの国、そして、日本とグローバルに活躍されています。このサイトを使ってよりビジネスが飛躍し、多くの人たちとコミュニケーションできるように情報を伝えていければと良いですね。

 

これまでで自分が作った中が一番カラフルなサイトで気に入っています!

 

Share on Facebook0Tweet about this on TwitterShare on Google+0Pin on Pinterest0Email this to someone

Leave a Reply

24時間以内に返信します、お気軽にお問合せください!

お問合せ

Mobile:+(49) 176-4585-1066

Königsteiner Straße 43
65812 Bad Soden am Taunus

nakagawa@masamichi-design.com