2024.02.20 - Tue
森
【厳選12サイト】「金属・鉄鋼業」の参考になるホームページデザイン集!
「製品価値」を打ち出したデザイン事例
岐阜ギヤー工業株式会社
http://www.gifu-gear.co.jp/(制作:株式会社リーピー)
弊社で制作させていただいた、岐阜ギヤー工業株式会社様のホームページです。ファーストビューではギヤの緻密な製造工程をアップで映した動画が流れ、ギヤに馴染みがないユーザーの興味を引くようなデザインとなっています。写真は全体的に大きく配置しており、斜めにカットしたり重ねたりなど単調にならないよう工夫をしています。
制作実績ページ:『岐阜ギヤー工業株式会社|コーポレートサイト|制作実績|株式会社リーピー』
株式会社バイタル
https://vaital.co.jp/vaital/ (制作会社:リーピー)
自動水栓メーカーとして、高い技術力を誇る「株式会社バイタル」様のホームページです。製作物が大きく映し出されているのはもちろん、サイト全体が白やグレー基調となっているため、自社商品がより美しく映えるデザインとなっています。またサイトをスクロールするたびに、文字や写真が”ふわっと”浮かび上がるため、製造業らしい最先端な印象を感じられますね!
制作実績ページ:『株式会社バイタル|コーポレートサイト |制作実績|株式会社リーピー』
ボリーナ(田中金属製作所)
https://bollina.jp/(制作:株式会社リーピー)
シャワーヘッド「ボリーナ」のLP(ランディングページ)を制作させていただきました。明るいシャワールームを想起させるようなクリアでみずみずしいデザイン。水面がきらめくようなホバーアクションも商材とぴったりですね。一つ前にご紹介したサイトと同様にグリーンとブルーを使ったグラデーションですが、少しくすんだトーンにすることで上品で落ち着いた雰囲気に仕上げています。
制作実績ページ:『田中金属製作所|LP(ランディングページ)|制作実績|株式会社リーピー』
自社の“強み”を活かすデザイン事例
川本鋼材株式会社
https://kawamoto-kozai.co.jp/(制作:株式会社リーピー)
特殊鋼鋼材の卸売りを行う会社のホームページです。写真をふんだんに使ったレイアウトや、斜めに区切るようなデザインが特徴的です。力強さや勢いのある会社であることがイメージされます。サイトに使用されているネイビーとピンクは、コントラストのあるデザインレイアウトですので、サイト全体が締まった印象になりますね。
制作実績ページ:『川本鋼材株式会社|コーポレートサイト |制作実績|株式会社リーピー』
SMW-AUTOBLOK株式会社
https://www.smwautoblok.co.jp/(制作:株式会社リーピー)
旋盤用のパワーチャック・シリンダーなどをメインに、製造・販売している会社です。トップでは、英語が多く織り交ぜられた製品画像が使用され、国内外で展開していいる規模感が伝わります。切り抜いた製品画像を大きく使用したデザイン処理や、斜めの線を用いることで、クールでインパクトのあるサイトに仕上がっています。
制作実績ページ:『SMW-AUTOBLOK株式会社|コーポレートサイト |制作実績|株式会社リーピー』
事業内容を明快にまとめたデザイン事例
株式会社関東製作所
https://kanto-seisakusyo.jp/(制作:株式会社リーピー)
東京・愛知・岐阜・浜松に拠点を置き、ブロー成形金型・射出成形金型の設計・製作を手がける株式会社関東製作所様のホームページを制作させていただきました。写真や見出しを大きく使用し、会社の事業内容や強みが分かりやすいデザインとなっています。ページ下部にはマップを置いて、どこに拠点があるのかがひと目で分かります。
制作実績ページ:『株式会社関東製作所|コーポレートサイト |制作実績|株式会社リーピー』
中村精工株式会社
https://www.nmsk.co.jp/(制作:株式会社リーピー)
弊社で制作させていただいた、中村精工株式会社様のホームページです。デザインに使用した曲線は、「流線的な造形美を金型で再現できる」という、中村精工様ならではの強みを表しています。写真は文章につき1枚だけでなく大きさが違うものを何枚も組み合わせることで、コンテンツに変化を持たせました。
制作実績ページ:『中村精工株式会社|コーポレートサイト |制作実績|株式会社リーピー』
「モノづくり」への意気込みが伝わるデザイン事例
多田精機グループ
http://www.tada.co.jp/(制作:株式会社リーピー)
弊社で制作させていただいた、多田精機グループ様のホームページです。工場の内観を中心に映した動画が、規模の大きさや充実した設備を印象づけます。動画や写真には薄いボーダーを敷き、色味を抑え落ち着いた印象に仕上げる一方、「採用情報」では人のあたたかみを感じられるデザインにしました。
制作実績ページ:『多田精機グループ|コーポレートサイト|制作実績|株式会社リーピー』
株式会社太田工業所
http://oota-p.co.jp/(制作:株式会社リーピー)
弊社で制作させていただいた、株式会社太田工業所様のホームページです。トップの動画では細やかな作業風景や精密な機械を映し、見る人を惹きつけます。作業風景の写真をコンテンツ同士の間に挟むことで、イメリハリが生まれサイト全体が引き締まります。見出しのグラデーションのラインもワンポイントアクセントとなっています。
制作実績ページ:『太田工業所|コーポレートサイト |制作実績|株式会社リーピー』
株式会社リガーマリンエンジニアリング
https://www.regar.co.jp/ (制作:株式会社リーピー)
船で使用する部品などを製造・販売している企業のホームページです。水の動きを感じるデザインなど、見た目からも海に関連する企業だと分かります。製品の検索窓や製品カテゴリが設置されていることで、ユーザーが探しやすい構造になっています。充実した製品情報で、製品カタログとしても機能しているホームページとなっていますね。
制作実績ページ:『株式会社リガーマリンエンジニアリング|コーポレートサイト |制作実績|株式会社リーピー』
強いインパクトで若者の心を掴むデザイン事例
株式会社ササキ
https://sasaki-inc.co.jp/recruit/(制作:制作会社リーピー)
弊社で制作させていただいた、株式会社ササキ様の採用サイトです。ファーストビューは白黒写真に鮮やかな青と赤が映えるデザイン。ファーストビュー以下でも広い面積に白と青を、差し色に赤を使用して強い印象を残します。背景や装飾にモノクロ写真を使用することで、職人的でクールな個性が出ています。縦横無尽なレイアウトもモダンで、ターゲットである新卒生にアピールできるデザインです。
制作実績ページ:『株式会社ササキ|採用サイト|制作実績|株式会社リーピー』
株式会社大栄鉄工所
https://daiei-ironworks.co.jp/
千葉県富津市で鉄骨の製造や現場工事を行っている鉄工所のホームページです。ファーストビューのキャッチコピーははじめから表示させるのではなく動きをつけることで注目されるような工夫がされています。ページ下部にはマップを表示し、どこにある会社なのかが分かるだけでなく、ベタ塗りよりもデザイン性がアップしています。
当社では、鉄鋼・金属・鉱業業界のホームページ制作経験も多数ございますので、ホームページ作成・リニューアルをお考えの鉄鋼・金属・鉱業業界のご担当者様は、ぜひリーピーへご相談ください。
※ご紹介しているサイトの中で、「(制作:株式会社リーピー)」と書かれたサイトは当社の制作実績です。その他のサイトは当社の制作実績ではございませんが、デザイン性などが優れているため、事例としてご紹介させて頂きました。制作をされた制作会社様で、掲載の取り消しをご希望の場合は速やかに対処させて頂きますので、当社までご連絡くださいませ。
この記事を書いた人
森
WEBデザイナー/2016年入社/岐阜県出身/幼少期は一日のほとんどを、絵を描いて過ごす/苦手を克服するために外国語大学へ/このとき初めて日本の外の世界を知る/場所に囚われない仕事をしたいと思いWebデザイナーに/旅行が好き/今年も行ったことのない場所へ行きたい。