---
title: 北海バネ株式会社 - 12Grid
description: これまでに手がけたWebサイトやシステム開発などの実績をご紹介。
image: https://241931904.hs-sites-na2.com/hubfs/works-keyvisual/hokkai-bane.png
---

## WORKS

制作実績

北海バネ株式会社

2024/06/01

![hokkai-bane](https://241931904.hs-sites-na2.com/hubfs/works/hokkai-bane.png)

![](https://241931904.hs-sites-na2.com/hubfs/works/hokkai-bane_pc1.png)

![](https://241931904.hs-sites-na2.com/hubfs/works/hokkai-bane_pc2.png)

![](https://241931904.hs-sites-na2.com/hubfs/works/hokkai-bane_sp1.png)

![](https://241931904.hs-sites-na2.com/hubfs/works/hokkai-bane_sp2.png)

 バネ製造の専門性や技術力を強調するため、落ち着いた色調と安定したレイアウトで、訪問者に信頼感を与えることを重視しました。  
多彩な製品のラインナップをわかりやすく整理する、各種製品の詳細を知りたくなった時に迷わずお問い合わせや資料請求といったアクションを起こしやすくさせる、といった効果を見据えてレイアウトを構築、ユーザーがお問い合わせや資料請求などの行動に繋げやすくなる「わかりやすさ」を意識してデザインを制作しています。  
また、バネの品質や特徴、スタッフの熱意をビジュアルで表現するため、製品や作業風景を撮影。サイト内に効果的に取り入れました。

 BtoB商材のため、見積依頼や問い合わせがスムーズに行えるよう、CTAのわかりやすさを特に意識しています。訪問者の熱量にあわせたリードを取れるように、KPIのポイントを複数用意。また、各製品ページやサービス紹介ページに問い合わせフォームへのリンクを目立つ位置に設置し、訪問者がすぐにアクションを取れるように誘導しています。

 長年の実績や製造工程の品質管理、取引先の信頼を強調するため、企業の歴史や導入事例を紹介するコンテンツを作成。コピーライターに魅力を整理してもらい、企業の技術力と信頼感を訪問者に伝えることを意識しました。

 クライアントが簡単にコンテンツの更新や追加を行えるよう、WordPressを組み込んでいます。事例紹介、ニュースなどに関して、迅速に更新できる仕組みにしています。

 「わかりやすさ」を意識したデザイン

- CLIENT
  
  北海バネ株式会社
  
  
  
  [https://www.hokkai-bane.com/](https://www.hokkai-bane.com/)
- MEMBER
  
  Director
  
  KON Masato
  
  
  
  Designer
  
  OGURA Keisuke
  
  
  
  Coding
  
  TAKEDA Tetsuro
  
  
  
  Coding
  
  SUGAWARA Kengo
  
  
  
  Coding
  
  OSHIMA Kano
  
  
  
  System
  
  TAKEDA Tetsuro
  
  
  
  System
  
  OSHIMA Kano
  
  
  
  Marketing
  
  KON Masato
  
  
  
  Photo
  
  HIROSE Shogo
  
  
  
  Copywriting
  
  SATO Shuho（かもめプランニング）

- [Webサイト制作](https://241931904.hs-sites-na2.com/works/?tag=webサイト制作)
- [Webデザイン](https://241931904.hs-sites-na2.com/works/?tag=webデザイン)
- [フロントエンド開発](https://241931904.hs-sites-na2.com/works/?tag=フロントエンド開発)
- [BtoB Webマーケティング](https://241931904.hs-sites-na2.com/works/?tag=btob-webマーケティング)

### PICKUP

[北海バネ株式会社 会社案内パンフレット

2024/11/01

![hokkai-bane-pamphlet](https://241931904.hs-sites-na2.com/hubfs/works-keyvisual/hokkai-bane-pamphlet.png)

技術展示会などでの配布を想定したパンフレット

](https://241931904.hs-sites-na2.com/works/hokkai-bane-pamphlet)

[MTS3 Transfer

2024/10/01

![mts3](https://241931904.hs-sites-na2.com/hubfs/works-keyvisual/mts3.png)

Movable Type AWS Amazon S3 転送プラグイン

](https://241931904.hs-sites-na2.com/works/mts3-transfer)

```json
{
  "@context" : "https://schema.org",
  "@type" : "BlogPosting",
  "author" : {
    "@type" : "Person",
    "name" : "12Grid",
    "url" : "https://241931904.hs-sites-na2.com/works/author/12grid"
  },
  "dateModified" : "2025-06-16T07:00:40.702Z",
  "datePublished" : "2025-01-17T15:00:00.000Z",
  "headline" : "北海バネ株式会社 - 12Grid",
  "image" : [ "https://241931904.hs-sites-na2.com/hubfs/works-keyvisual/hokkai-bane.png" ],
  "mainEntityOfPage" : {
    "@id" : "https://241931904.hs-sites-na2.com/works/hokkai-bane",
    "@type" : "WebPage"
  },
  "publisher" : {
    "@type" : "Organization",
    "logo" : {
      "@type" : "ImageObject"
    }
  }
}
```

```json
{
  "@context" : "https://schema.org",
  "@type" : "BreadcrumbList",
  "itemListElement" : [ {
    "@type" : "ListItem",
    "item" : "https://241931904.hs-sites-na2.com/",
    "name" : "TOP",
    "position" : 1
  }, {
    "@type" : "ListItem",
    "item" : "https://241931904.hs-sites-na2.com/works/",
    "name" : "WORKS",
    "position" : 2
  }, {
    "@type" : "ListItem",
    "item" : "https://241931904.hs-sites-na2.com/works/hokkai-bane/",
    "name" : "北海バネ株式会社",
    "position" : 3
  } ]
}
```