見出し画像

【1日1サイトレビュー】 #07 宮本金型製作所

今回は宮本金型製作所さんの、ホームページです!
かっこいい雰囲気のサイトを見てみたくて選ばせてもらいました👏

では早速、色んなスキルを学ばせてもらいましょ〜う🌟


01. サイト概要

奈良県にある金型メーカーのホームページ

構成

<TOP>
MV→私たちについて→強み→技術・設備紹介→製品実績→会社情報→ブログ→お知らせ→採用・お問い合わせ→フッター
<下層>
・トップの各コンテンツが大体下層で1ページづつ設けられていて詳細を紹介している
・各下層ページのフッター上に他ページに誘導するボタンを設置
他ページに遷移しやすくなっている

目的・ゴール(予想)

・顧客獲得
・会社の信頼向上

ターゲット(予想)

・部品を制作してくれるところを探している車や自転車のメーカー

02. 客観的な目線で見てみる

もし私が、「自転車メーカーのオーナーで、部品を製造してくれるところを探している」という目線で見てみました(とても難しいですが💦💦)
・一つ一つとても丁寧に説明されていて、とても信頼できそうな印象
・製品実績を見ればこの会社がどのようなことができるのかすぐにわかるので判断しやすい。
・ブログでモノづくりへの考え方や、新調した機械についても記されていて、その会社の考え方や雰囲気まで伝わってくるのでとても好印象!話聞いてみようかなと思える◎
・大体の相場価格はあってもいいのかも。(価格は作るものによって異なるので載せないものなのかもしれないが。。。)

03. デザイナー目線で考えてみる

▲配色と文字

配色について

・基本背景は真っ白のFFFFFF。キーカラーに会社のカラーでもある青を使用。少し彩度が低く、落ち着いた印象。
・文字は真っ黒よりも少しグレー寄りの222で、背景によっては文字も白色を使っている。
・ボタンやあしらいは青のグラデーションを使用しており、ベタ塗りよりも重くならなくて良いアクセントになっている。

デザインについて

・『m』のようなデザインがとても会社のロゴにあっていていいなと。
MVの半分写真で半分は動く画像というデザインすごくかっこよくて真似したい!
・ヘッダーはMV上では左下のサイドナビにすることで写真を邪魔することなく、わかりやすく配置されている。
・下層ページに制作の流れがあり、あまりこの業界に詳しくない人でも流れを知れることで安心できる部分もあるので、これはあるといいなと感じた。
サイドナビも使いやすくてGOOD。(下記参照)
ここでもう一点、動画も一緒にあるのとてもわかりやすい!しかもポップアップ表示なので気軽に開けてすごくいい!

▲製作の流れ

・下層ページのMVは薄いグレーのあしらいになっていて、シンプルな感じ。
・お問い合わせページの「必須」マークが少し大きめでわかりやすい。
・沿革の部分の下でスライドさせる仕様がすごく使いやすくていいと思った!沿革を縦に長く書かれていて長いな〜と感じたことがあったので、横に自分でスライドさせられるとコンパクトに感じる。(下記参照)

▲沿革

04. 最後に

トップページ画像

▲トップページ画像

感想

とてもかっこいいし、わかりやすい工夫が沢山あって勉強になりました📚
今度サイト模写してもっと勉強したいです🌟

これにて第7回サイトレビュー終了です!
ではまた〜👋



この記事が気に入ったらサポートをしてみませんか?