Design Exploration — Natchan × Liore'

下高井戸ふたつのサロン
デザイン案 90案

並列5分5分で2店舗を紹介する統合サイトのデザイン案を、01〜90 で通し番号を振って一覧にしました。各カードをクリックすると各案のHTMLが開きます。サムネイルは各案のトップ画面です。

方針(2026-09-03現在): 文字ロゴのみ使用(円形ロゴ不使用)・カタカナ店名表記禁止・配色は統一し2店舗は文字ロゴで対比。BN〜BW(66〜75)は「AD刷新編」、BX〜CL(76〜90)は「AD刷新2編」=クリーム×セリフの洗練(BX-BZ)/配色実験(CA-CC)/和モダン(CD-CF)/動き・構造の実験(CG-CI)/フォトドリブン強化(CJ-CL)です。
01 — 08

A〜H

初期8案:並列・主従・予約UIの原型

案1 Natchan主体 + 姉妹店紹介型01A

Natchan主体 + 姉妹店紹介型

Classic

現行サイトをほぼ維持し、Liore' を「姉妹店」セクション+ページとして追加。リスク最低だが、円形ロゴを統合メインに使うため Natchan 主…

低リスク現行踏襲主従の見せ方

案2 2店舗並列ポータル型02B

2店舗並列ポータル型

Portal

2サロンを等価なカードで並べ「選ぶ」導線。デザイントークン共通で店舗ごとのアクセント色を維持。並列感が最も強く、統合目的に合致。

並列予約導線明確バランス型

★ 方向性として好評
案3 コンセプト主導・グループブランド型03C

コンセプト主導・グループブランド型

Concept

「余白」を軸にした編集的リニューアル。写真主導ヒーロー+ストーリー構成で、2店舗をひとつの物語の章として提示。最もスタイリッシュだが現行デザインか…

編集的写真主導変化大

案4 予約導線最優先・モバイルUI型04D

予約導線最優先・モバイルUI型

Reserve UI

固定トップバー+下部フローティング予約バーで、ホットペッパーへの導線を最前面に。予約を最優先にしたい運用に向く。

予約最優先モバイルファーストCTA強化

案5 写真ドリブン・現行DNA維持型05E

写真ドリブン・現行DNA維持型

Photo

現行DNAの生成り×オリーブグレーを保ちながら、ヒーローを写真全画面に。2店舗を写真+テキストで左右交互に紹介し、ギャラリーを大型化。

写真主導現行DNA温かい印象

案6 タブ切替型(店舗セレクタ)06F

タブ切替型(店舗セレクタ)

Tabs

CSSのみで Natchan / Liore' をタブ切替。店舗ごとにメニュー・写真・地図を表示し、1ページで完結。構造が既存案と異なる。

タブ切替1ページ完結構造違い

案7 縦横グリッド編集型(マガジン)07G

縦横グリッド編集型(マガジン)

Magazine

マストヘッド+分割ヒーロー+グリッドセルで編集的・モダンに。写真セルとテキストセルを組み合わせ、ダークフッターで締める。

マガジングリッド編集レイアウト

案8 縦型ストーリー・スクロール分割型08H

縦型ストーリー・スクロール分割型

Story

全画面スナップスクロールで6スライド。ヒーロー→Natchan→Liore'→メニュー→アクセス→フッターを物語として語る。没入感が高い。

スナップスクロールストーリー性没入

09 — 20

I〜T

12案:並列5分5分の多彩な骨格

案9 左右スプリット型(2店舗同時表示)09I

左右スプリット型(2店舗同時表示)

Split

画面を左右2分割し、Natchan と Liore' を同時に対等に表示。2店舗の対比が一目で分かる。並列5分5分の最も直接的表現。

並列対比同時表示

案10 対称2カラム型(完全対等)10J

対称2カラム型(完全対等)

Symmetry

2店舗を完全対称のカラムで配置。写真・ロゴ・タグ・CTAまで同じ構造で並べ、公平な見せ方にする。

完全対称公平2カラム

案11 交互フル幅バナー型11K

交互フル幅バナー型

Banners

2店舗をフル幅バナーで上下に交互配置。写真を大きく使い、1店舗ずつじっくり紹介しながらも、構成上は対等。

フル幅交互写真重視

案12 グリッドカード型(サロン×コンセプト混合)12L

グリッドカード型(サロン×コンセプト混合)

Grid Cards

コンセプトカードを先頭に置き、2店舗のカードを等幅グリッドで配置。余白とカードで整理された構成。

カードグリッドコンセプト先行

案13 比較テーブル型(メニュー横並び比較)13M

比較テーブル型(メニュー横並び比較)

Compare

2店舗のメニュー・料金を横並びのテーブルで比較表示。選ぶための情報が最も整理され、迷うユーザーに最適。

比較表料金選ぶ導線

案14 モバイルアプリ風(ボトムタブ)14N

モバイルアプリ風(ボトムタブ)

Mobile App

下部固定タブと横長カードで、スマホアプリのような操作感。予約ボタンも下部に常設し、モバイル導線を最優先。

モバイルボトムタブアプリ風

案15 縦書き・和モダン型15O

縦書き・和モダン型

Vertical

ヒーローや店舗名を縦書きで配置した和モダンな構成。書店や美容院の上質感を出しつつ、2店舗を縦書きで対比。

縦書き和モダン上質

案16 エディトリアル・大見出し数字型16P

エディトリアル・大見出し数字型

Numbers

サロンを「01」「02」の章として、大きな数字と写真で編集的・物語的に紹介。マガジン的なリズム感。

章立て大きな数字編集感

案17 スライダー型(2店舗カルーセル)17Q

スライダー型(2店舗カルーセル)

Slider

2店舗をカルーセルで切り替え表示。ボタンで Natchan / Liore' を行き来でき、ページを短く保てる。

カルーセル切替コンパクト

案18 サイドバー固定ナビ型18R

サイドバー固定ナビ型

Sidebar

左に固定ナビ、右にコンテンツを配置したデスクトップ寄りの構成。サロン情報を横並びの行で対等に紹介。

サイドバーデスクトップ固定ナビ

案19 ミニマル・ホワイトスペース型19S

ミニマル・ホワイトスペース型

Whitespace

写真をほぼ使わず、余白と文字だけで構成。2店舗を「01/02」の章として簡潔に語り、上質で静かな印象。

ミニマル余白文字中心

案20 コンデンスト・タイポグラフィ型20T

コンデンスト・タイポグラフィ型

Condensed

「NATCHAN × LIORE'」の大文字タイポグラフィでブランドを主役に。2店舗を行形式で対等に紹介するモダンでクールな構成。

大文字タイポモダンクール

21 — 25

U〜Y

5案:並列ポータルの雰囲気を変える

案21 和モダン並列ポータル型21U

和モダン並列ポータル型

Wa Modern

B案の骨格に和モダンな質感を加えたバリエーション。生成りの和紙テクスチャ、縦書きラベル、墨色のアクセントが特徴。Hina Mincho + Not…

和モダン縦書き生成り×墨色B案派生

★ B案派生(並列方向)
案22 エレガント並列ポータル型(ベージュ×ゴールド)22V

エレガント並列ポータル型(ベージュ×ゴールド)

Elegant Gold

B案の骨格をベージュ×ゴールドのエレガントな配色で展開。Cormorant Garamond のラテン書体、ヘアラインのゴールドライン、シャネル風…

エレガントゴールド上品B案派生

★ B案派生(並列方向)
案23 モノクロモダン並列型23W

モノクロモダン並列型

Mono Modern

B案の骨格を白黒グレーのモノクロームで展開。セクション番号(01/02/03/04)、罫線で区切られたグリッド、黒背景フッター。スタイリッシュ・性…

モノクロモダングリッドB案派生

★ B案派生(並列方向)
案24 ナチュラル並列ポータル型(サンド×テラコッタ)24X

ナチュラル並列ポータル型(サンド×テラコッタ)

Natural Sand

B案の骨格を温かみのあるサンド×テラコッタで展開。丸みを帯びたカード・ボタン、Zen Kaku Gothic の親しみやすい本文。アットホームでナ…

ナチュラルテラコッタ温かみB案派生

★ B案派生(並列方向)
案25 フォト並列ポータル型(写真対等)25Y

フォト並列ポータル型(写真対等)

Photo Portal

ヒーローを左右2分割し、各サロンの写真を全面に。ギャラリーも2店舗対等に4枚ずつ。現行DNA(#fffef4 / #7b7b6e)を保ちつつ、写真…

フォト主導左右分割ヒーローギャラリーB案派生

★ B案派生(並列方向)
26 — 35

Z〜AI

10案:レイアウト構造を変える

案26 余白ミニマル並列型26Z

余白ミニマル並列型

White Space

純白の余白を最大化し、中央に細い罫線と極小の文字だけを配置する超ミニマル。ヒーローは縦線で区切り、2店舗は細い罫線付きのシンプルカード。しずかな高級感。

余白ミニマル超シンプル並列方向

★ 並列方向
案27 セゾン(交互フルブロック)並列型27AA

セゾン(交互フルブロック)並列型

Seasonal

ヒーロー下に、2店舗をフル幅ブロックで交互に並べる「季節の移ろい」型。写真ブロックとテキストブロックを左右交互に配置し、各店舗に異なるトーン(春/…

交互フルブロック大写真セクション主役並列方向

★ 並列方向
案28 ブリッジ(左右対向)並列型28AB

ブリッジ(左右対向)並列型

Bridge

2店舗を左右対向カラムで向かい合わせ、中央にオーナー紹介を「橋」として架ける。オーナーが2店舗をつなぐ関係性を構造そのもので表現。

左右対向オーナー=橋関係性並列方向

★ 並列方向
案29 トラディショナル並列型(現行DNA継承)29AC

トラディショナル並列型(現行DNA継承)

Classic DNA

現行NatchanサイトのデザインDNA(#fffef4 / #7b7b6e / Hina Mincho / 余白)を最も忠実に継承した、固定ナビ…

現行DNAオーソドックス低リスク並列方向

★ 並列方向
案30 ダブルヒーロー(上下分割)並列型30AD

ダブルヒーロー(上下分割)並列型

Dual Hero

ページ全体を左右2分割し、それぞれに2店舗のヒーローを全面表示。スクロールしなくても両店舗が一目でわかる、最も対等な見せ方。

左右分割全面ヒーロー即理解並列方向

★ 並列方向
案31 フォトジャーナル(マガジン)並列型31AE

フォトジャーナル(マガジン)並列型

Photo Journal

写真誌スタイル。各店舗を「01 / 02」の章立てで、大きな写真とテキストを交互に見開き配置。イメージで選ばせる直感的でエディトリアルな並列。

マガジン章立て大写真エディトリアル並列方向

★ 並列方向
案32 ベントーグリッド並列型32AF

ベントーグリッド並列型

Bento

不均等グリッド(ベントー)に写真・店舗・オーナー・メニュー・アクセスをタイル配置。情報をコンパクトに収め、スクロール量を抑えた一目で把握できる並列。

ベントータイル情報集約並列方向

★ 並列方向
案33 暖色ホスピタリティ並列型33AG

暖色ホスピタリティ並列型

Warm Wood

木の温もり・クリーム・ブラウンで「おもてなし」感を演出。角丸カード・ソフトシャドウで柔らかな印象。暖かく迎え入れるサロンの雰囲気を表現。

角丸カードソフトシャドウ暖色おもてなし並列方向

★ 並列方向
案34 モダン・スイスグリッド並列型34AH

モダン・スイスグリッド並列型

Swiss Grid

太い罫線で区切られた厳密なグリッド、サンセリフ大文字、英文表記。インデックス番号(01/02)で2店舗を等価に示す、クリーンでプロフェッショナルな並列。

スイスグリッド罫線サンセリフ並列方向

★ 並列方向
案35 イブニング・ダーク並列型35AI

イブニング・ダーク並列型

Evening Dark

墨・ベージュのダークトーンで、大人の夜のサロン感を演出。月をモチーフにしたヒーロー、暗色カードで統一。上質でシックな雰囲気。

ダークシック上質並列方向

★ 並列方向
36 — 50

AJ〜AX

15案:コンセプト・骨組みを変える

案36 パララックス・ストーリーテリング型36AJ

パララックス・ストーリーテリング型

Parallax

重ねた写真がスクロールに合わせて動くパララックス演出で、ふたつのサロンの物語を深みで語る。写真バンドとテキストを交互に配置し、没入感を高めた並列型。

パララックス没入写真演出並列方向

★ 並列方向
案37 マップ中心型(駅からの距離で導く)37AK

マップ中心型(駅からの距離で導く)

Map Centric

「下高井戸駅から徒歩3分」という立地を主役に、簡略マップにピンを置いて2店舗を導く構成。地図上での距離感で並列性を自然に伝える。

マップ立地重視道案内並列方向

★ 並列方向
案38 タイムライン型(サロンの歩み)38AL

タイムライン型(サロンの歩み)

Timeline

Natchanの創業からLiore'開店までを縦のタイムラインで辿る構成。「同じオーナーが2店舗を営む」ストーリーを時系列で自然に伝える。

タイムラインストーリー時系列並列方向

★ 並列方向
案39 オーナー対談(インタビュー)型39AM

オーナー対談(インタビュー)型

Interview

オーナーへのQ&A形式で、2店舗の違いや使い分けを「対話」として紹介。比較表を回答に組み込み、読ませる・比べさせる両方を満たす。

インタビューQ&A対話並列方向

★ 並列方向
案40 ポストカード型40AN

ポストカード型

Postcard

2店舗を「下高井戸からの便り」に見立てたポストカード風カードで紹介。切手モチーフ・手書き風フォントで、温かく親しみやすい並列。

ポストカード手書き温かみ並列方向

★ 並列方向
案41 折り本パンフレット型41AO

折り本パンフレット型

Brochure

パンフレットの「ページ」を1セクションずつ綴じた構成。表紙(ヒーロー)→サロン紹介→メニュー→店舗情報と、読む順番を誘導する。

パンフレットページ送り案内書並列方向

★ 並列方向
案42 ショーウィンドウ型(店先をのぞく)42AP

ショーウィンドウ型(店先をのぞく)

Storefront

2店舗を「店先(ウィンドウ)」として左右に並べ、写真越しに店内をのぞく体験を再現。お店の雰囲気そのもので選ばせる。

ウィンドウ店先体験並列方向

★ 並列方向
案43 インフォグラフィック型(データで比べる)43AQ

インフォグラフィック型(データで比べる)

Infographic

口コミ評価・席数・得意分野・料金を統計や表で視覚化し、「データで比べて選ぶ」を助ける構成。数字が情報の主役。

インフォグラフィックデータ比較並列方向

★ 並列方向
案44 フォトギャラリー全面型(写真で出会う)44AR

フォトギャラリー全面型(写真で出会う)

Gallery

2店舗の写真を全面に並べたギャラリー主導の構成。ヒーローも2分割、写真タイルのマウスオーバーでタグが現れ、直感的に雰囲気を伝える。

ギャラリー写真全面ビジュアル並列方向

★ 並列方向
案45 アコーディオン型(開いて比べる)45AS

アコーディオン型(開いて比べる)

Accordion

サロン・メニュー・アクセスをアコーディオン(開閉式)に収納し、ページを短く保つ構成。タップで開く操作感で、情報を自分で選んで読む。

アコーディオン開閉コンパクト並列方向

★ 並列方向
案46 メニューブック(見開きカタログ)型46AT

メニューブック(見開きカタログ)型

Menu Book

2店舗のメニューを見開きの「ブック」として対向配置し、カタログのように比べ読みする構成。メニュー中心で「何を頼めるか」が一目瞭然。

見開きメニュー中心カタログ並列方向

★ 並列方向
案47 ルートガイド型(駅からの道案内)47AU

ルートガイド型(駅からの道案内)

Route Guide

「下高井戸駅から徒歩3分」を起点に、各店舗への道のりをルート(経路)として案内する構成。道案内(東口から【爺】を通って…)もそのまま活かせる。

ルート道案内ストーリー並列方向

★ 並列方向
案48 カラーブロック型(色で分けるアート)48AV

カラーブロック型(色で分けるアート)

Color Block

2店舗を異なる色面のブロックとして大きく提示するアート的構成。写真に頼らず色と余白でサロンの個性を表現し、力強く並列させる。

カラーブロックアート抽象並列方向

★ 並列方向
案49 額縁フレーム型(作品として飾る)49AW

額縁フレーム型(作品として飾る)

Picture Frame

2店舗を額縁に入れた「作品」として飾り、展覧会のように見せる構成。プラーク(説明板)風のキャプションで上質で静かなギャラリー感。

額縁ギャラリー展覧会並列方向

★ 並列方向
案50 新聞コラム型(2本立ての特集記事)50AX

新聞コラム型(2本立ての特集記事)

Newspaper

「下高井戸新聞」と銘打った新聞風レイアウト。2店舗を2本のコラムとして対向配置し、読み物としてじっくり伝える。明朝体で上質な紙面感。

新聞コラム紙面並列方向

★ 並列方向
51 — 65

AY〜BM

15案:タイポグラフィの動き(文字演出)

案51 キネティックタイポグラフィ型51AY

キネティックタイポグラフィ型

Kinetic Type

ヒーローに輪郭だけの大きな文字がゆっくり流れ続ける演出。文字の「動き」そのものを主役にした、静かでリッチなタイポグラフィ・モーション。

タイポモーション輪郭文字リッチ並列方向

★ タイポ動き編
案52 マーキーリボン型52AZ

マーキーリボン型

Marquee

「Natchan × Liore' — 下高井戸のふたつのサロン」のリボンが画面を横切り続ける。ブランド名を印象づける、リボンのようなリズムの演出。

マーキー横スクロールリズム並列方向

★ タイポ動き編
案53 スクロールリビール型(1文字ずつ現れる)53BA

スクロールリビール型(1文字ずつ現れる)

Scroll Reveal

ヒーローのキャッチコピーが1文字ずつ順番に浮かび上がる。ページの始まりに「言葉」を丁寧に見せる、落ち着いた演出。

文字リビール1文字ずつ上質並列方向

★ タイポ動き編
案54 スティッキータイプスタック型54BB

スティッキータイプスタック型

Sticky Type

Natchan と Liore' の大きな文字が画面に固定され、スクロールで重なり合う。Playfair Display のイタリックがエディトリ…

スティッキー重なりイタリック並列方向

★ タイポ動き編
案55 字間アニメーション型55BC

字間アニメーション型

Letter Space

キャッチコピーの文字間隔がゆっくり開いていく演出。間(ま)の広がりが「余白」のサロンコンセプトと重なる、抑制の利いた動き。

字間ゆっくり余白感並列方向

★ タイポ動き編
案56 タイプパララックス型56BD

タイプパララックス型

Type Parallax

輪郭文字がスクロールに合わせて異なる速さで動く。文字と背景の速度差で奥行きを出し、シンプルな構成をリッチに見せる。

パララックス速度差奥行き並列方向

★ タイポ動き編
案57 背景巨大タイポグラフィ型57BE

背景巨大タイポグラフィ型

Mega Type BG

「NATCHAN」「LIORE'」の巨大な輪郭文字がセクション間を横切る。ブランド名を背景に敷く、インパクトと余白を両立した構成。

背景文字巨大タイポインパクト並列方向

★ タイポ動き編
案58 グラデーションタイプ型58BF

グラデーションタイプ型

Gradient Type

キャッチコピーの文字色にグラデーションがゆっくり流れる。アクセント色(オリーブグレー×サンド)だけで彩る、上品な色の動き。

グラデーション文字色ゆっくり並列方向

★ タイポ動き編
案59 スタッガーフェード型59BG

スタッガーフェード型

Stagger Fade

カードやセクションが下から順番に浮かび上がる。余計な装飾を排し、要素がひとつずつ現れるリズムで情報を丁寧に届ける。

スタッガー順番シンプル並列方向

★ タイポ動き編
案60 ホバータイプエフェクト型60BH

ホバータイプエフェクト型

Hover Type

ヒーローの2店舗ロゴにカーソルをのせると「Reserve」が現れ、写真がふくらむ。予約への自然な導線を持つ、操作を伴う演出。

ホバーロゴ演出予約導線並列方向

★ タイポ動き編
案61 ロードタイプアニメーション型61BI

ロードタイプアニメーション型

Load Anim

ページ表示時にロゴ・ライン・ブランド名が順に現れるローディング演出。最初の一瞬に上質さを感じさせる、しっとりした導入。

ロード導入演出ライン並列方向

★ タイポ動き編
案62 縦書きタイポグラフィ型62BJ

縦書きタイポグラフィ型

Vertical Type

「下高井戸に」「ふたつのサロン」を縦書きで配置し、中央に2店舗のロゴを並べる。和の書体と余白で上質な佇まいを演出。

縦書き和モダン余白並列方向

★ タイポ動き編
案63 数字カウントアップ型63BK

数字カウントアップ型

Counter

口コミ評価(4.86 / 4.79)や駅から徒歩3分などの数字がスクロールでカウントアップ。データで2店舗の信頼を語る、実績を伝える演出。

数字カウント実績並列方向

★ タイポ動き編
案64 文字ローテーション型64BL

文字ローテーション型

Rotating

ヒーローの言葉(ふたつのサロン/美と余白/プライベート空間…)が自動で切り替わる。短い言葉を次々に届ける、軽やかな演出。

ローテーション言葉切替軽やか並列方向

★ タイポ動き編
案65 スクロール拡大タイポ型65BM

スクロール拡大タイポ型

Scroll Scale

「Natchan × Liore'」の文字がスクロールに合わせて大きく近づいてくる。画面いっぱいに言葉が迫る、ドラマチックで印象的な演出。

スクロール連動拡大ドラマチック並列方向

★ タイポ動き編
66 — 75

BN〜BW

10案:AD刷新編(文字ロゴのみ・カタカナ禁止・写真×タイポ)

案66 エディトリアル・クリーム×セリフ型66BN

エディトリアル・クリーム×セリフ型

Editorial Serif

Playfair Display × 和文明朝のエディトリアル。クリーム基調に太罫線と写真のクロップで、Westend / Susanne Kau…

エディトリアルセリフクリーム写真×タイポ

★ AD刷新編
案67 巨大タイポ×余白・モノクロ型67BO

巨大タイポ×余白・モノクロ型

Mono Mega Type

Bebas Neue の極太大文字を画面いっぱいに。写真はすべてモノクロ処理で統一し、ALICE / Salon Heleen 系の「文字が主役」…

巨大タイポモノクロ余白英字大文字

★ AD刷新編
案68 アーチ切り抜き・ポスター的型68BP

アーチ切り抜き・ポスター的型

Arch Poster

写真をアーチ型に切り抜き、ポスターのように配置。Cormorant Garamond × 明朝で、Era Residence 系の彫刻的・静謐な美…

アーチポスターセリフ静謐

★ AD刷新編
案69 墨×ライト切替・一点彩色型69BQ

墨×ライト切替・一点彩色型

Ink & Accent

ダークヒーロー → ライト → ダークとセクションごとに明暗を切り替え、朱色の一点アクセントで引き締める。Consider Digital 系の芸…

ライト切替一点彩色リッチアーティスティック

★ AD刷新編
案70 暖色サンド×テラコッタ型70BR

暖色サンド×テラコッタ型

Warm Sand

サンドベージュ×テラコッタの暖色基調。角丸カードと丸いCTAで、Ever Beauty 系の自然で温かく親しみやすいホスピタリティ。試し配色の1つ。

暖色テラコッタナチュラル温かみ

★ AD刷新編・暖色試し
案71 ダーク×ゴールド型71BS

ダーク×ゴールド型

Dark Gold

墨色の背景にゴールドのアクセント。Cormorant Garamond の大文字タイポと金色の細線で、OMR / NOTHIN' 系のリッチでラグ…

ダークゴールドラグジュアリーリッチ

★ AD刷新編・ダーク試し
案72 ミニマル白余白・細字型72BT

ミニマル白余白・細字型

White Minimal

純白の背景に極細字セリフと圧倒的な余白。Tillberg / Vero 系の静謐なラグジュアリー。情報を極限まで削ぎ落とし、写真の間合いで上質さを…

ミニマル白余白細字静謐

★ AD刷新編
案73 店舗タブ切替型(構造実験)73BU

店舗タブ切替型(構造実験)

Tab Switcher

上部のタブで Natchan / Liore' を切り替えて、各店のヒーロー・特徴・メニュー・情報を個別ページ感覚で見せる構造実験。下部に2店舗の…

タブ切替構造実験比較表店舗個別

★ AD刷新編・構造実験
案74 ナンバードセクション長尺型(構造実験)74BV

ナンバードセクション長尺型(構造実験)

Numbered

01〜05の大きな数字を各セクションに配し、長尺ページを「章立て」で読ませる構造。Playfair Display の英数字と明朝の見出しで、P型…

ナンバード長尺章立て構造実験

★ AD刷新編・構造実験
案75 スクロール連動タイポグラフィ型75BW

スクロール連動タイポグラフィ型

Scroll Type

ヒーローの店名が1文字ずつ浮かび上がり、スクロールで大きな言葉が立ち上がる。AY〜BMの文字演出を「文字ロゴのみ・統一配色」のルールで再統合し、写…

スクロール連動タイポリビール写真×タイポ

★ AD刷新編
76 — 90

BX〜CL

15案:AD刷新2編(クリーム×セリフ洗練 / 配色実験 / 和モダン / 動き構造 / フォトドリブン)

案76 大型誌面エディトリアル型76BX

大型誌面エディトリアル型

Cream Magazine

Playfair×明朝を大型誌面のように。上部に英字ヘッダー・中央に巨大なTwo Salons・セリフ細部の罫線で、紙の編集誌の上質さ。

エディトリアル大型タイポセリフクリーム

★ AD刷新2編
案77 セリフ大見出しスプリット型77BY

セリフ大見出しスプリット型

Serif Split

Cormorant Garamond の巨大見出しを左に、写真を右に。サロンは写真×セリフの行を交互に重ね、口コミ数値のバンドも配置。

スプリット大見出し写真×タイポ

★ AD刷新2編
案78 紙の余白・ドロップキャップ型78BZ

紙の余白・ドロップキャップ型

Paper Quiet

極細字のEB Garamondと和文で「紙面」の静けさ。本文のドロップキャップや飾り罫で、書物をめくるような佇まい。

紙面ドロップキャップ静謐余白

★ AD刷新2編
案79 セージグリーン配色実験型79CA

セージグリーン配色実験型

Sage Calm

セージグリーン×クリームの涼やかな配色実験。自然の落ち着きと清潔感で、ふたつのサロンを爽やかに紹介。

配色実験セージグリーン爽やか

★ 配色実験
案80 ブラッシュ×ブラウン配色実験型80CB

ブラッシュ×ブラウン配色実験型

Blush Brown

ブラッシュピンク×ブラウンの柔らかな配色実験。Rosewoodの色調で、女性的で暖かな雰囲気に。

配色実験ブラッシュブラウン暖か

★ 配色実験
案81 ハイキー・クリーム配色実験型81CC

ハイキー・クリーム配色実験型

Highkey Cream

ほぼ白に近いハイキーのクリーム基調。Jostのサンセリフで明るく軽やかに。洗練された「光」の配色。

配色実験ハイキークリーム明るい

★ 配色実験
案82 和紙×墨色 和モダン型82CD

和紙×墨色 和モダン型

Washi Wa

生成りの和紙の風合いと墨色。縦書きのタグラインを添え、Zen Old Mincho で和の余白を。Shippori Minchoの佇まい。

和モダン和紙墨色縦書き

★ 和モダン
案83 縦書き 和モダン型83CE

縦書き 和モダン型

Tategaki

ヒーローと店名・説明を縦書きで配置。写真と縦書き文字が交差する、書物的な和の編集デザイン。

和モダン縦書き編集書物

★ 和モダン
案84 円相・静寂 和モダン型84CF

円相・静寂 和モダン型

Enso Wa

円相(えんそう)のモチーフをヘッダーに。円形の写真カードと静かな余白で、禅のごとく澄んだ和の世界。

和モダン円相静寂

★ 和モダン
案85 横スクロール・ギャラリー型85CG

横スクロール・ギャラリー型

H-Scroll

サロンの写真や情報を横スクロールのレールで提示。左右に流れるギャラリーを手でなぞる体験。

横スクロールギャラリー動き

★ 動き・構造
案86 スティッキースタックカード型86CH

スティッキースタックカード型

Sticky Stack

カードがスクロールで積み重なって固定され、ひとつずつ開いていく。サロンを「層」として見せる構造実験。

スティッキースタック構造実験

★ 動き・構造
案87 全画面スナップ・章立て型87CI

全画面スナップ・章立て型

Full Snap

全画面を1章としてスナップで切り替わる。ダークな写真の上に大きな章タイトルを。映画的な導入。

全画面スナップ章立てダーク

★ 動き・構造
案88 全面写真ヒーロー型88CJ

全面写真ヒーロー型

Fullbleed

写真を全面に敷いたヒーロー+サロンごとの大判写真ペア。ビジュアルファーストで直感的に世界観を伝える。

全面写真ビジュアルヒーロー

★ フォトドリブン
案89 フォトモザイク・ギャラリー型89CK

フォトモザイク・ギャラリー型

Photo Mosaic

大小さまざまな写真タイルをモザイク状に敷き詰め、ふたつのサロンの空気を写真だけで伝える。

モザイクギャラリー写真

★ フォトドリブン
案90 2店舗デュエット分割型90CL

2店舗デュエット分割型

Duet Split

Natchan と Liore' を左右の大写真で同時に見せる分割ヒーロー。ふたつの店が「対」であることを直球に表現。

分割デュエット写真並列

★ フォトドリブン