works

Doh-ShiN合同会社様

子どもスポーツ教室 Webサイト

direction / design / coding

サイトをみる
Doh-ShiN合同会社様のサイトのモックアップ画像

子どもスポーツ教室を運営されている、Doh-ShiN合同会社様の新規Webサイトを制作しました。
子どもたちの個性や童心を活かした指導スタイルが伝わるデザインを目指しました。
ワクワク感を表現するためにアニメーションにもこだわっています。

案件概要

クライアント Doh-ShiN合同会社様
目的
  • 事業の拡大
  • お客様が見れる情報として安心してもらうため
強み・特徴
  • 子どもたち一人一人に、個別にサービスを提案できること
ターゲット
  • 会員の保護者世代(20〜40代の女性)
  • 幼稚園などの園長先生(50〜60代の男女)
要望
  • 明るい、暖かみ、子ども主体の仕事だとわかる雰囲気
課題
  • 人からの紹介の仕事が多いので、より多く集客をしたい
  • 以前は無料のLPを使用しており、よりいいサイトを作りたい
解決策
  • 以前のLPをクライアントと確認し、必要な情報を整理した
  • →新規ユーザーにとって、よりわかりやすいサイトにするため
  • インスタグラムからサイトへの誘導を増やすため、インスタグラムの更新内容や頻度についてのアドバイスを行った

デザインコンセプト

デザインコンセプト画像

ここがポイント!

さまざまなカタチを取り入れたデザイン

クライアントのヒアリングから、子どもの個性を活かす指導スタイルを大事にしていると伺いました。その理念がサイトを見た人にも伝わるよう、丸・三角・四角や波のデザインを取り入れ、子どもたちのそれぞれ違う個性が一つの場所(体操教室)で調和していくイメージを表現しました。

私たちについてページ

私たちについてページのスクリーンキャプチャ画像

会社情報ページ

会社情報ページのスクリーンキャプチャ画像

フッター

フッターのスクリーンキャプチャ画像

企業ロゴを意識した目のデザイン

TOPページと会社情報ページに、目をモチーフにしたデザインを入れています。こちらは企業ロゴを意識しています。アニメーションで動きをつけることでより可愛らしい雰囲気にしています。

TOPページ

TOPページのスクリーンキャプチャ画像

制作データ

制作期間

デザイン:31h

コーディング:25h

使用ツール

figma

VScode

使用言語

HTML / CSS

Javascript

URL https://doh-shin.com/
Doh-ShiN合同会社様サイトのpc版の全体画像 Doh-ShiN合同会社様サイトのsp版の全体画像
Doh-ShiN合同会社様サイトのpc版の全体画像
Doh-ShiN合同会社様サイトのsp版の全体画像 Doh-ShiN合同会社様サイト下層ページのsp版の全体画像

他の作品