制作実績一覧｜サロンWeb

綴 TSUZURI PC表示

綴 TSUZURI スマホ表示

綴 TSUZURI

物語型ストーリーテリング

スクロールで紡ぐ物語型サイト。「サロンに行く」という体験そのものを、8つの章で描くストーリーテリング。来店の流れを追体験させることで、初めてのお客様の不安を取り除きます。

GSAP アニメーションチャプター構成パララックス

サンプルを見る

声 KOE PC表示

声 KOE スマホ表示

声 KOE

タイポグラフィ主導型

文字そのものがデザインの主役。巨大な漢字の中に写真が透けて見えるテキストマスク表現で、言葉の力とビジュアルの美しさを融合。表参道の知的でグラフィカルな世界観。

テキストマスク巨大タイポグラフィ SVGアニメーション

サンプルを見る

霧 KIRI PC表示

霧 KIRI スマホ表示

霧 KIRI

没入型アトモスフェリック

リアルタイムの霧パーティクル、横スクロール体験、多層パララックス。五感に訴える没入型の世界観で、サロンの空気感をそのまま伝える。

Canvasパーティクル横スクロール多層パララックス

サンプルを見る

凪 NAGI PC表示

凪 NAGI スマホ表示

凪 NAGI

クワイエットラグジュアリー

余白で魅せる静寂の贅沢。派手なエフェクトを一切排し、完璧なタイポグラフィ、完璧な余白、美しい写真だけで勝負。Aesop的なクワイエットラグジュアリーの世界観。

カーテン演出マーキーテキストイメージリビール

サンプルを見る

THE EDIT PC表示

THE EDIT スマホ表示

THE EDIT

ファッションエディトリアル

ファッション誌のエディトリアルを一冊のサイトに。プリローダー、横スクロールLookbook、マニフェスト演出。「髪を、編集する」世界観を表現する、雑誌のようなヘアサロンサイト。

プリローダー横スクロールLookbook mix-blend-mode

サンプルを見る

FRAME PC表示

FRAME スマホ表示

FRAME

建築ブルータリズム

建築ポートフォリオのようなサロンサイト。巨大キネティックタイポグラフィ、ショックオレンジのアクセント、モノクロビジュアルで「髪を、建築する。」世界観を構築。Obys Agency的なデザインアプローチ。

キネティックタイポグラフィブルータリストグリッド mix-blend-mode

サンプルを見る

DUAL PC表示

DUAL スマホ表示

DUAL

スプリットスクリーン二面性

光と影、構造と流動。ページ全体を縦に二分割するスプリットスクリーンで「美の二面性」を表現。白と黒が共存する唯一無二のサロンサイト体験。

スプリットスクリーン二面性テーマゴールドアクセント

サンプルを見る

REEL PC表示

REEL スマホ表示

REEL

シネマティック映画型

映画のトレーラーのようなサロンサイト。レターボックスバー、タイムコード、フィルムグレイン、シーン番号。「髪で、物語を撮る。」世界観を全編で演出するシネマティックサイト。

レターボックスタイムコード連動フィルムグレイン

サンプルを見る

KOMOREBI PC表示

KOMOREBI スマホ表示

KOMOREBI

世界観没入・ストーリー型

吉祥寺の住宅街にある築40年の一軒家サロン「木漏れ日」。架空のオーナーの人柄・空間・哲学をヒアリングし、サロンの"声"からデザインした温かく親しみやすいサイト。写真トーン・コピー・レイアウトすべてが一つの世界観で統一。

世界観設計一貫写真トーンストーリーテリング

サンプルを見る

PALETTE PC表示

PALETTE スマホ表示

PALETTE

アート×水彩イラスト型

水彩イラスト、ボタニカルアート、ダブルエクスポージャー写真、テクスチャ背景、ゴールドラインアートパターン。AI画像生成の力をフル活用し、写真だけでは作れないアートな世界観を構築。髪を「描く」という新しい切り口。

水彩イラスト AI画像フル活用アート素材多数

サンプルを見る

凛 RIN PC表示

凛 RIN スマホ表示

凛 RIN

和モダン × 都会派

渋谷エリアの大人女性に向けた、洗練された和モダン。墨と漢字の力強さに、現代的なミニマリズムを掛け合わせ、トレンド感と上品さを両立。20-30代女性向けサロンに最適。

和モダン漢字タイポグラフィモノトーン

サンプルを見る

澄 SUMI PC表示

澄 SUMI スマホ表示

澄 SUMI

ミニマル × 銀座品格

銀座らしい高級感を、過剰な装飾なしに。オフホワイトとゴールドのストイックなパレットで静寂と落ち着きを表現。30代以降・高単価客層のサロンに最適。

高級感オフホワイト × ゴールド大人サロン

サンプルを見る

ARC Barbershop PC表示

ARC Barbershop スマホ表示

ARC Barbershop

メンズ × シネマティック

恵比寿の深夜まで開くメンズバーバー。シネマティックなビジュアルと「ritual(儀式)」というキーワードで、男性のグルーミング時間を非日常体験に昇華。ストレート剃刀シェーブ、スキンフェード対応。

メンズ特化シネマティック深夜営業対応

サンプルを見る

BUDDY PC表示

BUDDY スマホ表示

BUDDY

10案デザイン提案集

1つのサロン、10通りの世界観。インダストリアル、エディトリアル、シネマティックなどA〜Jの10種類のデザイン案を一気に提案できるスタイル。サロン側が方向性を選び取れる「相談ツール」型サンプル。

10案提案スタイル比較提案ツール

サンプルを見る

Deep Breath. PC表示

Deep Breath. スマホ表示

ヘッドスパ

Deep Breath.

静謐 × ヘッドスパ専門

中目黒のヘッドスパ専門サロン。「深呼吸」をテーマに、視覚的にも呼吸が深くなるような余白とリズム。ヘッドスパという"無の時間"を売りにする業態に特化したミニマル設計。

ヘッドスパ専門静謐デザイン余白の美学

サンプルを見る

LOOPLINE PC表示

LOOPLINE スマホ表示

セルフエステ

LOOPLINE

24h無人 × サブスク業態

渋谷の24時間セルフエステ。月6,980円通い放題というサブスク業態を、シアン×ブラックのテック感あるUIで表現。LINE予約導線、料金訴求、24h空き状況の可視化など、無人運営に必要な機能を実装。

サブスク業態 24h可視化 LINE予約導線

サンプルを見る

melt&me PC表示

melt&me スマホ表示

ネイルサロン

melt&me

アーティスト主導 × ネイル

渋谷のデザインネイルサロン。ネイリストを「アーティスト」として打ち出すエディトリアル構成。フラットレイで作品集として見せ、指名予約に直結する設計。

アーティスト推し作品集型指名導線

サンプルを見る

Miroir PC表示

Miroir スマホ表示

ブライダル

Miroir

ブライダルヘアメイク

ブライダル専門のヘアメイクサロン。一生に一度の特別な瞬間に向けた、上品で繊細なビジュアル。事前カウンセリング・当日同行・写真前撮りなど、特殊な顧客導線にも対応した構成。

ブライダル特化上品系当日同行対応

サンプルを見る

LUMEN PC表示

LUMEN スマホ表示

美容室 / マルチページ

LUMEN

光と影の理髪 × マルチページ型

表参道のハイエンド美容室を想定した、マルチページ型テンプレ第一号。トップ / スタイリスト一覧・個別 / 採用 LP を独立ページとして分離。Awwwards級の重厚なモーションと、金色アクセント × 黒ベースの編集デザイン。

マルチページスタイリスト個別ページ求人LP分離

サンプルを見る

Maison Marguerite PC表示

Maison Marguerite スマホ表示

美容室 / マルチページ

Maison Marguerite

Paris-Marais アトリエ × クリーム+テラコッタ

広尾のヘアアトリエ想定、パリ・マレ地区のアトリエ風。Playfair Display + Cormorant のヨーロッパ編集タイポ、クリーム+テラコッタ、高照度ファッション写真。Top / Stylists 一覧 + 個別 / Services / Contact のマルチページ構成でスタッフ入れ替わり対応。

ヨーロッパ編集マルチページ Didot / Playfair

サンプルを見る

KAIRO PC表示

KAIRO スマホ表示

美容室 / WebGL

KAIRO 回廊

Three.js で歩く石の回廊

スクロール=回廊を前進。Three.js で構築した 3D 空間を camera が dolly し、HTML オーバーレイが各「部屋」で順に現れる実験的構成。マウス視差、fog、ダスト粒子、copper pendant ランプの明滅。Awwwards SOTD 直球狙い。

Three.js / WebGL Scroll-driven 3D 明朝 × 回廊

サンプルを見る

あなたのサロンにぴったりのデザインを

月額10,000円・制作費0円。まずはお気軽にご相談ください。

無料で相談する