伎冶商事 コーポレートサイト

Decisions

決めたこと

1. 01

   最初の画面で、事業を名指しする

   最初の画面の説明文で 4 つの事業の分野を一文で名指しし、短い理念のすぐ後に事業の一覧を置きました。理念を長く語るより先に、どんな事業を持っているかが分かる構成です。訪問した人が最初に知りたいのは「この会社は何をしているか」で、理念はその後に読まれるものだからです。

2. 02

   菱形をひとつの軸にする

   ロゴの菱形を、見出しの前の印、背景の図形、区切りにくり返し使いました。事業ごとに色や雰囲気が違っても、同じ形が並ぶことでひとつの会社に見えます。

3. 03

   赤は菱形と強調だけに使う

   骨格は墨色で組み、ボタンも墨にしました。赤を使うのは、ロゴと最初の画面の菱形、見出しの前の印、事業の番号、メニューに触れたときの下線だけです。事業の数が多いぶん、赤の使いどころを増やすと画面が騒がしくなるためです。

4. 04

   会社の情報を省かない

   商号・所在地・電話番号はすべてのページの下に、代表者・設立・事業内容・運営サービス・適格請求書の登録番号は会社概要のページに、探さずに読める形で置きました。取引の前に必ず確認される項目で、ここが薄いサイトは審査や与信の場面で不利になります。

Build

どう作ったか

• Astro で静的なページとして書き出し、Cloudflare Pages で配信しています。お問い合わせと採用の応募のフォームだけを、サーバー側の小さな処理で受けています。
• 事業の一覧は設定ファイル 1 か所にまとめ、トップ・事業内容のページ・ページの下のメニューがそこから読みます。事業が増えたときは、そこに 1 件足せば全部に出ます。
• 伎冶メディアネットのサイトとは色と書体の規則をそのまま共有し、Lapisデザインラボのサイトとは書体（Noto Sans JP と Inter）をそろえています。事業ごとの色は変えても、同じ会社の仲間だと分かるようにするためです。

この事例と同じ考え方・同じ作り方で、ご依頼いただいた制作にも取り組みます。作るものと毎月のことを選ぶと、その場で概算のお見積りが出ます。

この事例を見て相談する → 概算のお見積りを出す → サービスと料金を見る →