モバイルファーストサイト100選 その11 STEP UP キッズジム|キッズ体操スクール
栃木県にあるキッズ向け体操スクールの
ホームページです。
https://stepup-kg.studio.site/
幼少の頃にこういう身体を使ったレッスンを受けたら、
運動音痴なんてなくなるような気がしますね。
少なくとも運動嫌いの子供は減るでしょうね。
さて、このサイトですが、
どうやらSTUDIOで作られているようですね。
STUDIOでこんなのできるだーって、
ちょっと衝撃的でした。
個人的な考えですが、
子供向けや、若い人向けのサイトは
モバイルファーストが重要だと思っていますので、
それが作れるのは魅力的ですね。
もっとも、このサイトは
”子供を持つ親”向けのサイトでしょうけど。
![キッズ体操スクール](https://fifties-blog.genzaburow.com/wp-content/uploads/2023/12/6c1d5f9d-637e-4697-bc4b-d8f2144e2ad2-1024x504.jpg)
色
このサイトで使われている配色はこちら
![配色](https://fifties-blog.genzaburow.com/wp-content/uploads/2023/12/スクリーンショット-2023-12-25-202636.jpg)
特にメインという色は無く、
色相の異なる色が使われています。
なんとなくクレヨンっぽいなと感じました。
キッズ向けであることがイメージできて良いですね。
フォント
見出しと本文に Zen Kaku Gothic New
英数字に Anek Telugu
が使われています。
画像になった字も無いので、
全体として落ち着いた感じはします。
![sp1](https://fifties-blog.genzaburow.com/wp-content/uploads/2023/12/sp1-2-94x1024.jpg)
![sp2](https://fifties-blog.genzaburow.com/wp-content/uploads/2023/12/sp2-1-85x1024.jpg)
![sp3](https://fifties-blog.genzaburow.com/wp-content/uploads/2023/12/sp3-1-99x1024.jpg)
構成
メインはやや右寄りで、
背景には左にナビと
右にSNSボタン、お問い合わせへのリンクがあります。
右上のボタンはspナビではなく、
お問い合わせボタンなんですね。
ちょっと間違えそうです。
で、sp時のハンバーガーは右下に表示されます。
sp時のナビは、
pc時の背景がそのまんま表示されるんですね。
へ~~って思いました。
なるほど、これなら効率が良いですね。
デザイン的にも統一感が出ますし。
![spナビ](https://fifties-blog.genzaburow.com/wp-content/uploads/2023/12/62dba77a-a8ee-4530-bd63-f437ba6c68ec.jpg)
STUDIOはノーコードで手軽に作れると聞きましたが、
このサイトでは、かなり難しい動きをするアニメもあって、
思った以上に手がこんでいる印象です。
ちょっとSTUDIO勉強してみようと思いました。
![背景](https://fifties-blog.genzaburow.com/wp-content/uploads/2023/12/aomidoriIMGL1053_TP_V-1024x660.jpg)