モバイルファーストサイト100選 その11 STEP UP キッズジム|キッズ体操スクール

栃木県にあるキッズ向け体操スクールの
ホームページです。

https://stepup-kg.studio.site/

幼少の頃にこういう身体を使ったレッスンを受けたら、
運動音痴なんてなくなるような気がしますね。
少なくとも運動嫌いの子供は減るでしょうね。

さて、このサイトですが、
どうやらSTUDIOで作られているようですね。

STUDIOでこんなのできるだーって、
ちょっと衝撃的でした。
個人的な考えですが、
子供向けや、若い人向けのサイトは
モバイルファーストが重要だと思っていますので、
それが作れるのは魅力的ですね。

もっとも、このサイトは
”子供を持つ親”向けのサイトでしょうけど。

キッズ体操スクール

このサイトで使われている配色はこちら

配色

特にメインという色は無く、
色相の異なる色が使われています。
なんとなくクレヨンっぽいなと感じました。
キッズ向けであることがイメージできて良いですね。

フォント

見出しと本文に Zen Kaku Gothic New
英数字に Anek Telugu
が使われています。

画像になった字も無いので、
全体として落ち着いた感じはします。

sp1
sp2
sp3

構成

メインはやや右寄りで、
背景には左にナビと
右にSNSボタン、お問い合わせへのリンクがあります。

右上のボタンはspナビではなく、
お問い合わせボタンなんですね。
ちょっと間違えそうです。
で、sp時のハンバーガーは右下に表示されます。

sp時のナビは、
pc時の背景がそのまんま表示されるんですね。
へ~~って思いました。
なるほど、これなら効率が良いですね。
デザイン的にも統一感が出ますし。

spナビ
sp時のナビゲーション

STUDIOはノーコードで手軽に作れると聞きましたが、
このサイトでは、かなり難しい動きをするアニメもあって、
思った以上に手がこんでいる印象です。

ちょっとSTUDIO勉強してみようと思いました。

背景

Follow me!

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

CAPTCHA