KINGDOM様|ワイヤーフレーム(レイアウト設計)

公式サイトと採用サイトのレイアウトの設計図です。配色はまだ入れていません(墨1色)。
色・写真・文言は次の工程で決めます。ここで見ていただきたいのは「どこに何を置くか」だけです。
書体は本番で実際に使うものを入れてあります(明朝)。
2026年9月1日/株式会社リム 担当:岩田

設計仕様(全ページがこの値で組まれています)

項目出どころ
コンテンツ幅1260px(左右の余白 90px) 現行 kingdom-hair.com の実測(2026-09-01・PC1440)
本文の級数15px/行送り 1.8 現行の実測(15px・行送り27px)
ヘッダー高PC 96px/SP 60px 現行79px・GARDEN 70px・ZACC 157px を実測して決めた
和文の書体Shippori Mincho(明朝) 現行が明朝。競合3社はいずれも角ゴシック=明朝は KINGDOM様の資産
欧文の書体Baskervville(セリフ) 明朝と組んで浮かない欧文
見出し欧文 24〜38px / 和文 19〜30px GARDEN の h2 40px(英字)を軸に、明朝で受ける級数へ
ボタン・タップ領域高さ 48px 以上 弊社の制作基準(指で確実に押せる大きさ)
SP の左右余白20px 写真を大きく使うため、余白で削らない
ブランド色#980b12(地に対して 8.27:1) 現行サイトから実測済み。ワイヤーには入れていません

🔴 現行サイトの書体は、見る端末によって変わっています。 指定が「ヒラギノ明朝/游明朝/MS P明朝」という端末の書体だけなので、 Mac ではヒラギノ明朝、Windows では游明朝または MS P明朝で表示されています。
新サイトでは書体そのものを配って、どの端末でも同じ見え方にします。明朝であること自体は変えません。

KINGDOM AI が自動で入れるもの(どのページに、どう入るか)

ワイヤーの中で破線の箱(AUTO と書いてあるもの)が、KINGDOM AI が外から取ってきて自動で描く場所です。
実線の箱は、人が作って入れるものです。ページを作り直さないと変わりません。

入るものどのページにどこから更新の手間
空き状況(朝/昼/夜)店舗トップ/スタイリスト ご予約サイトの公開ページ(30分ごと)なし。読むだけで書き込みません
スタイル写真トップ/一覧/店舗/スタイリスト 掲載サイトなし
クーポン店舗トップ/メニュー・料金 掲載サイトなし
口コミ・評価トップ/店舗トップ/スタイリスト Google ビジネスプロフィール
ホットペッパービューティー
楽天ビューティ
なし。原文のまま出します
出勤予定スタイリスト ご予約サイトの公開ページなし
関連記事記事詳細 記事のタグなし。手で選びません
質問への回答全ページ(右下のボタン) 営業時間・料金・記事・募集要項 誤りは管理画面から貴社で直せます

お手元のPOS(スキャット)とはつなぎません。空き状況はご予約サイトの公開ページから読みます。

口コミは、掲載サイトごとに載っている店舗が違います。2026年9月1日に各サイトの公開ページを調べた実測:
ホットペッパービューティー=ALLURE 横浜・港南台 ★4.72(173件)/横浜・元町店 ★4.64(149件)/ Ley by KINGDOM 横浜店 ★4.72(85件)/鎌倉店 ★4.86(14件)=4店合算 421件・加重平均 4.70
表参道・青山本店はホットペッパービューティーに掲載がありません。楽天ビューティ=表参道・青山本店 ★4.5(98件・技術4.7/サービス4.6/雰囲気4.6)。
Google ビジネスプロフィール=管理権限をいただいてから接続します(確認事項に入れています)。

このワイヤーで決めていないこと

色・写真・文言は入っていません。ワイヤーは「どこに何を置くか」を決めるためのものです。
ワイヤーをご承認いただいたあと、デザイン(色と写真)→ 実装、の順に進みます。
いま止めていただければ、作り直しは起きません。ここで方向を決めてください。

■ 公式サイト

A

グループトップ

5店舗を並べて入口で選び切らせる。全ページ調査でいう「トップ」1ページ。
このワイヤーを単独で開く →
PC 1440(0.62倍で表示)
SP 375(等倍)
B

店舗トップ

salon/ 配下の 5店。写真と文言だけ差し替えて使い回す。★空き状況(見積③)がここに入る。
このワイヤーを単独で開く →
PC 1440(0.62倍で表示)
SP 375(等倍)
B

一覧(カード型)

スタイルとスタッフ。全ページ調査でいう「スタイル・スタッフの移行」173ページが流れる。
このワイヤーを単独で開く →
PC 1440(0.62倍で表示)
SP 375(等倍)
B

一覧(テキスト型)

お知らせと記事の入口。店舗別・スタイリスト別に分かれている枝を1本に束ねる。
このワイヤーを単独で開く →
PC 1440(0.62倍で表示)
SP 375(等倍)
C

記事詳細

全ページ調査でいう「ブログ・記事の移行」4,676ページが、この1つの型に流れる。★URL は変えない(4,676ページすべてで、いまのURLをそのまま使います)。
このワイヤーを単独で開く →
PC 1440(0.62倍で表示)
SP 375(等倍)
C

メニュー・料金

menu_* × cut/color/perm/spa-treatment/special/other。5店 × 6分類を1つの型で切り替える。
このワイヤーを単独で開く →
PC 1440(0.62倍で表示)
SP 375(等倍)
C

スタイリスト専用ページ

ご指名につながる1人1ページ。★出勤と空き状況(見積③)がここに入る。
このワイヤーを単独で開く →
PC 1440(0.62倍で表示)
SP 375(等倍)
D

お問い合わせ

独立したレイアウト。ご予約以外の窓口。
このワイヤーを単独で開く →
PC 1440(0.62倍で表示)
SP 375(等倍)

■ 採用サイト

いま公開されている採用サイトの中身は34ページあります(このほかにリクルートNEWS 22ページ)。すべて新しい採用サイトへ移し、名称も現行のまま使います。採用トップの最後に一覧表を置いていますので、落ちているものが無いかご確認ください。

K

採用トップ

入口を新卒/中途の2つに分けるのが骨。現行の採用サイトにある中身を、名称もそのままに全部載せた(KINGDOMとは…/創業者メッセージ/VIDAL SASSOONとの繋がり/クリエイティブ/スタイリストへの道/スタッフインタビュー/社員旅行/会社概要/説明会・見学会/リクルートNEWS)。最後に34ページの一覧表を置いて、落ちているものが無いか確認できるようにしている。
このワイヤーを単独で開く →
PC 1440(0.62倍で表示)
SP 375(等倍)
K

新卒

「スタイリストへの道」(スクール&練習会/デモンストレーション/オーディション)を軸に、説明会・見学会から「新卒募集内容」「ENTRY新卒エントリー」へつなぐ。★高校へ配る場合の注意を枠として持つ。
このワイヤーを単独で開く →
PC 1440(0.62倍で表示)
SP 375(等倍)
K

中途

現行の「中途募集内容」は4職種(美容師/ネイリスト/事務員/レセプショニスト)。入口で職種を選べる形にした。★「どの役職から始まるか」が中途ページの本体。役職は現行の料金表から実測している。
このワイヤーを単独で開く →
PC 1440(0.62倍で表示)
SP 375(等倍)
K

募集内容・エントリー

現行の新卒1ページ+中途4ページを1つの型に流し、切り替えで見せる。★労働条件を明示する欄を職種ごとに1組ずつ(新卒+中途4職種=5組)持つ。本文・求人票・AI の答えが同じ出どころを見る形にする。
このワイヤーを単独で開く →
PC 1440(0.62倍で表示)
SP 375(等倍)

AI に読ませるための設計(LLMO・AIO・AEO・GEO・SEO)

検索は「順位を上げる」だけの土俵ではなくなりました。AI が直接"答え"を返すいま、 同じ情報を人が読む形と、機械が読む形の両方で持っている必要があります。
ワイヤーの中に STRUCTURED DATA と書いた細い枠があります。 そのページが機械に渡すものです。

土俵何の場所か効くものこのリニューアルで用意するもの
SEOGoogle の検索順位継続的な記事・サイト構造・専門性 記事 4,676ページを URL を変えずに移行。1記事1テーマの型に流す
AEO「近くの美容室」等の地図枠・強調表示店舗情報の正確さ・口コミ HairSalon(LocalBusiness)FAQPageを全店に。住所・営業時間・電話を掲載サイトと一字一句そろえる
GEOChatGPT・Gemini が店を推薦・引用するチャネル横断の一貫性・口コミ・新鮮さ 3つの掲載サイトの評価をサイトに集約。更新日と書いた人を全記事に出す
AIOGoogle 検索の最上部の AI 要約SEO×AEO×口コミの総合力・構造化された正確な情報 各ページ冒頭に定義の一段落を置く(AI が要約の材料に使う場所)
LLMOAI が「KINGDOM とは何か」を覚えている状態実体の明確さ・言及の一貫性 店舗名・住所・営業時間の表記を全チャネルで統一。KINGDOM AI 自身が一次情報になる

土俵は排他ではありません。共通して効くのは「継続的で・一貫した・新鮮な発信」です。

株式会社リム|担当:岩田 / 2026年9月1日
このページは検索エンジンに載らない設定(noindex)にしてあります。