見出し画像

Webサイト観察日記 vol1 黒木テック工業株式会社様

今回観察したサイトはこちら↓
https://www.kurokitec.com/

▪️ターゲット予想

遊園地運営者、産業関係者、地域の個人・中小企業

▪️コンバージョン(目的)

お問い合わせ、企業の認知拡大

▪️CVまでの導線

TOPページ下部に大きくCTAボタン
ヘッダーMENUボタンが常時露出されており、メニュー内からもお問い合わせが可能

CTAボタンは画面の横8割くらいを占めており、一目でお問い合わせとわかる。

▪️配色

グラデーションはCTA、あしらい、ホバーアクションのみ。基本は左の2色

印象
・左2色
シンプル 誠実
・グラデーション
華やか わくわく

▪️使用フォント

和文:Zen Kaku Gothic New
欧文:Oswald

▪️自分が感じたサイトの印象

信頼感 誠実 わくわく 遊び心

▪️FVトレース

シンプルなレイアウトと配色。だからこそ伝えたいメッセージと写真にパッと目がいく。
写真を基準に文字色が変わることでインパクトがでる。
写真は縦方向にスライドするアニメーションになっていて、アトラクションみたい。

▪️デザインの4原則

近接

画像をスライドすると関連のある内容に変わる
右下には製品例の写真があり、作業内容だけではイメージしにくい完成系がわかりやすい

反復

CTAに使われているグラデーションはあしらいやホバーアクションなどポイントになる部分で反復されている。他の部分が落ち着いた配色になっているからこそ目を惹く。

このサイトのGOODポイント

スクロールするとコンテンツが画面いっぱいに広がり、次のコンテンツが出てくる。
単調にならず、ワクワク感や没入感を味わえる工夫がすごい!


・「ものづくり」と聞くと堅そうで難しそうなイメージのあるが、全体的に遊園地をイメージしたあしらいやアニメーションがあることで親近感がある印象に。「信頼感」や「プロフェッショナル感」と「親しみやすさ」が両立されている点がすごい!

・細かいあしらいや配色がサイト全体を通して反復されており、世界観が統一されている。サイト訪問者はひとめでこの会社がどのような会社か理解できるはず。

いいなと思ったら応援しよう!