伎冶メディアネット コーポレートサイト

Decisions

決めたこと

1. 01

   ロゴのドットを、最初の画面の印にする

   ロゴのドットの並び（黒の点 7 つと赤の点 1 つ）を、最初の画面の見出しの右に大きく置きました。前のサイトから引き継いだ短い言葉「見つける。つながる。動き出す。」と並べて、散らばった情報をつなぐ事業だと、形で伝えます。点はロゴの画像から位置と大きさを測って描き起こしたもので、ロゴとずれません。

2. 02

   ロゴのドットをそのままファビコンにする

   同じドットの図を、ファビコンと、スマートフォンのホーム画面のアイコンにも使いました。小さく表示されたときに社名が読めなくても、形で思い出せます。

3. 03

   運営しているサイトを、3 つに分けて並べる

   最初の画面のすぐ下に、運営しているサイトを「検索サイト」「求人・キャリア」「記事メディア」の 3 つに分け、見出しに数を添えて並べました。カードには、分野・サイトの説明・主な読者・URL を載せています。メディアの事業にとって、運営中のサイトそのものが実績だからです。

4. 04

   サイトごとに、方針と窓口のページを置く

   一覧のカードは、それぞれのサイトの「方針と窓口」のページにつながります。何のためのサイトか、誰に向けたサイトか、使っている公開データと出どころ、掲載の方針、更新の頻度、掲載と広告の窓口を、サイトごとに書きました。各サイトのページの下の「運営」の欄からもこのページに戻れるので、どのサイトから来た人にも、誰がどんな方針で運営しているかが分かります。

5. 05

   編集の考え方のすぐ下に、相談の入口を置く

   トップの後半に「根拠を示す」「広告は広告と分かるように」「誤りは直す」の 3 行の編集の考え方を置き、そのすぐ下に、広告・掲載、マーケティング提携、取材の 3 つの窓口を並べました。広告を出す人が先に確かめるのは、そのメディアが信用できるかどうかだからです。広告掲載のページには、掲載のプランと料金、メディアごとの額、掲載にあたってのお約束を載せています。

Build

どう作ったか

• Astro で静的なページとして書き出し、Cloudflare Pages で配信しています。フォームは持たず、お問い合わせは伎冶商事のお問い合わせフォームで、件名にご用件を書いていただく形で受けています。会社の情報とプライバシーポリシーも伎冶商事のサイトを正本にし、こちらにはリンクだけを置きました。
• 伎冶商事のコーポレートサイトと、色・書体と、ボタン・見出し・ページの下などの部品の規則（CSS）を共有しています。
• 運営しているサイトの一覧は設定ファイル 1 か所にまとめ、トップの一覧・ページの下のメニュー・広告掲載のページの表・方針と窓口のページがそこから読みます。サイトが増えたときは、そこに 1 件足し、方針と窓口のページの中身を書けば、全部に出ます。

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

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