Work
伎冶商事 コーポレートサイト
複数の事業を持つ会社のコーポレートサイトです。業務ソフトウェア、経営コンサルティング、メディア運営、制作と、性格の違う事業をひとつの会社の顔としてまとめました。
- お客様
- 伎冶商事合同会社
- 区分
- 自社運営
- 業種・分野
- 企業サイト
- 担当した範囲
- サイト設計／デザイン／文章／開発・公開／運用
- 時期
- 2026年
Challenge
何を解こうとしたか
- 事業が複数あると、会社のサイトは「何の会社か分からない」状態になりやすいこと。
- 事業ごとに別のサイトがあるため、コーポレートサイトの役割を「入口」と「信用の担保」に絞る必要があったこと。
- 取引先・金融機関・採用のいずれが見ても、会社の輪郭が同じように伝わること。
Decisions
決めたこと
-
01
事業の一覧を最初の画面に置く
会社の理念を長く語るより先に、どんな事業を持っているかを一目で見せる構成にしました。訪問した人が最初に知りたいのは「この会社は何をしているか」で、理念はその後に読まれるものだからです。
-
02
菱形をひとつの軸にする
ロゴの菱形を、見出しの前の印、背景の図形、区切りにくり返し使いました。事業ごとに色や雰囲気が違っても、同じ形が並ぶことでひとつの会社に見えます。
-
03
赤は強調だけに使う
骨格は墨色で組み、赤はボタンと、読ませたい一語の下線だけに使っています。赤を面で広く使うと、事業の数が多いぶん画面が騒がしくなるためです。
-
04
会社の情報を省かない
商号・所在地・代表者・事業内容を、探さずに読める場所に置きました。取引の前に必ず確認される項目で、ここが薄いサイトは審査や与信の場面で不利になります。
Colors & Type
色と書体
- 墨 #1B1B1D 背景・見出し
- 朱赤 #E3292B ロゴ・ボタン・強調
- 生成り #F6F5F2 面の切り替え
- 線 #E4E2DD 区切り
- Noto Sans JP
- 見出し・本文とも。事業の説明が多いので、長く読んでも疲れないゴシックで統一しました
Build
どう作ったか
- Astro で静的なページとして書き出し、Cloudflare Pages で配信しています。
- お知らせや事業の一覧は設定ファイル 1 か所にまとめてあり、増えたときの追記が 1 行で済むようにしました。
- 事業ごとのサイト（伎冶総研・伎冶メディアネット・Lapisデザインラボ）と同じ色・書体の規則を共有し、どこから入っても同じ会社に見えるようにしています。
この事例と同じ考え方・同じ作り方で、ご依頼いただいた制作にも取り組みます。作るものと毎月のことを選ぶと、その場で概算のお見積りが出ます。