制作内容考え方進め方運営者
PLEN日本語
お問い合わせ

Hegasa i Technik Diament.

2013年から木工所、製材所、家具メーカーのためにのこ刃、カッター、ナイフを研いでいる、ウォヴィチ近郊の研磨工房のウェブサイトです。ウッチ県とマゾフシェ県では刃物を引き取りに伺い、ポーランドのその他の地域へは宅配便で発送しています。

公開中のサイトを見る hegasa.pl
Hegasaのウェブサイトのファーストビュー。研磨機にかけられたのこ刃のクローズアップを背景に、のこ刃、カッター、スコアラー刃、ナイフの研磨を伝える見出し。

火花

始まり

以前のサイトはWordPressの既成テーマでつくられ、言葉は多いのに具体的な情報はほとんどありませんでした。サービスの内容を知るには電話をかけるしかありませんでした。料金表も地図もなく、数字のカウンターはゼロのままでした。

求められたのは、具体的で技術的な、飾り気のないサイトでした。サービス、ネットショップを持たない製品紹介、そして意味のある数字です。

没入

つくり方

紺と白に、赤のアクセントを一つ。書体はIBM Plex、本文は18pxです。ファーストビューで何を研ぐのか、どれくらいで仕上がるのかをすぐに伝え、その下に三つの事実を並べました。0.01mmまでの精度、標準7日の納期、そして2013年からの実績です。

電話番号と営業時間を載せたヘッダーはスクロールしても上部に残り、画面の隅ではWhatsAppのボタンが待っています。6つのサービスにはそれぞれ、対応範囲、料金、質問への回答をまとめた専用ページがあり、注文は4つのステップで完了します。

公開前に、サイトに載っているすべての数字と記載を確認しました。残したのは、裏付けが取れたものだけです。

実体

中のしくみ

ウッチからズギェシュまで、6つの都市のページが、近くで研磨工房を探している人に届きます。税抜きの明確な料金表と対応エリアの地図が、以前は電話で聞くしかなかった疑問に答えます。

すべてのページに、検索エンジン向けの説明文と構造化データがあります。サイト全体にLocalBusiness、サービスのページにはさらにService、FAQPage、パンくずリストを設定しています。

技術的な判断
コードに関心のある方へ
Next.js 16、React 19、TypeScript

既成テーマもプラグインも使わずにゼロから書いたサイトなので、テンプレートと格闘することなく、どのセクションでも変更できます。

Tailwind v4とIBM Plex

22ページすべてで色と余白のルールを一つにそろえ、サービス、料金、都市のページが一つのまとまりとして見えるようにしています。

アクセシビリティのルールを加えたESLintと、CIでのLighthouse

すべての変更は、サイトに反映される前に、アクセシビリティと品質の自動チェックを通ります。

JSON-LD:LocalBusiness、Service、FAQPage、BreadcrumbList

Googleが会社情報、サービス、質問への回答を理解できる形で受け取ります。

ServiceとCityのデータを持つ都市ページ

6つの都市それぞれに、その土地に結びつけたサービスの専用ページがあります。

Vercel、セキュリティヘッダー、URLの一本化

サーバーがセキュリティヘッダーを送信し、hegasa.plはwww付きの一つのURLに転送されます。