モバイルファーストサイト100選 その13 株式会社コケナワ
愛知県にある会社のHPです。
正直ちょっと何の会社なのか判りませんでしたが・・・。
https://kokenawa.co.jp/service
こちらもSTUDIOの作例から引用しました。
こんなのも作れるなんて、
STUDIOはすごいですね。
![株式会社コケナワ](https://fifties-blog.genzaburow.com/wp-content/uploads/2023/12/46fac9fb-1448-4890-84fd-a16cc81d3368-1024x508.jpg)
色
このサイトで使われている配色はこちら
![配色](https://fifties-blog.genzaburow.com/wp-content/uploads/2023/12/スクリーンショット-2023-12-28-200733.jpg)
非常にシンプルな配色ですね。ほぼ2色です。
しかし、コーポレートサイトでは
なかなかカッコいい色合いだと思います。
写真にもビビットな色は少なく、
全体的に纏まっている気がします。
![sp](https://fifties-blog.genzaburow.com/wp-content/uploads/2023/12/a41dd72d-e73e-4b16-bb55-cabbbfefa9bc-493x1024.jpg)
![sp](https://fifties-blog.genzaburow.com/wp-content/uploads/2023/12/bc9f8943-fa13-43d8-b459-65bc5919d02c-382x1024.jpg)
フォント
見出しと本文に Zen Kaku Gothic New
英数字は Open Sans
が使われています。
両方とも似たような角ゴシックですね。
特にデザイン的な狙いはなさそうです。
![sp1](https://fifties-blog.genzaburow.com/wp-content/uploads/2023/12/sp1-4-175x1024.jpg)
![sp2](https://fifties-blog.genzaburow.com/wp-content/uploads/2023/12/sp2-2-137x1024.jpg)
![sp3](https://fifties-blog.genzaburow.com/wp-content/uploads/2023/12/sp3-2-163x1024.jpg)
構成
pc時メインはやや右寄りで、左にキャッチコピー、
右にグローバルナビがあります。
メインはスマホの画面そのまんまですね。
シンプルな割に、下層ページが多く、
サイトマップが少々難しそうです。
情報量がかなり多いですね。
タブレット時は左右が消えるようになっていて、
背景だけ残ります。
初めからメインにナビが固定で表示されてますので、
消すだけでいいんですね。
このあたりもシンプルで良いですね。
モバイルファーストのサイトは
ターゲットが個人の場合が多いのですが、
ここは完全にビジネス向けだと思います。
ゆえに下層ページも情報量も多いのでしょう。
やや珍しいタイプのサイトですね。
しかし、ごちゃついて見えないのは、色数が少ないからでしょうか?
参考にしたいと思います。
![パソコン](https://fifties-blog.genzaburow.com/wp-content/uploads/2023/08/james-harrison-vpOeXr5wmR4-unsplash-1-1024x576.jpg)