プロジェクトの相談を申し込む プロジェクト紹介にスキップ

Heritique New YorkHERITIQUE NEW YORK · HOMEPAGE RENEWAL · 2026

14の 白

ニューヨークで選んだ14のハイエンドデザイナーのウェディングドレスをソウルで紹介するフラッグシップウェディングストア、Heritique New Yorkのホームページを再設計した記録です。デザイナーカードの写真14枚からドレスの白を一つずつ測りながら、2度の提案を読み直しました。
1月の最初のデザイン案2種・11月のスクロールリニューアル案・スクロールフィルム4本・白の研究

ケースを読む

01 · NEW YORK → SEOUL毎シーズンニューヨークで選ばれた14のメゾンのドレスが
ソウルのひとつの店舗に並びます

02 · FOURTEEN PHOTOSデザイナーカードの写真14枚から
そこに写るドレスの白を一つずつ抜き出しました

03 · FOURTEEN WHITES最も冷たい白から最も暖かい白まで
同じ白は一つもありませんでした

01 / OVERVIEWプロジェクトの概要

ドレスを選ぶ前に
まず目にするファーストビュー

Heritique New Yorkは、ニューヨークのハイエンドデザイナーのコレクションを毎シーズン紹介するフラッグシップウェディングストアです。Naeem Khan、Monique Lhuillier、Reem Acra、Ines Di Santoのように世界のブライダルシーンをリードする14のメゾンのドレスを、ソウルのひとつの店舗で試着できます。だからこそホームページは、来店前にドレスと雰囲気を先に見せ、相談予約へとつなげる場所です。

私たちはこのホームページを2度描き直しました。1月には現在の内容を10のセクションに整理した明るい版と暗い版の2枚を作り、11月には名前とロゴ、ドレスの白から改めて出発して、11シーンのスクロール型デザイン案を作りました。このページは、その間に読み解いた名前と色、選んだ方向と捨てた方向を順にまとめた記録です。

CLIENT
Heritique New York
デザイナーウェディングドレスフラッグシップストア
SITE
heritique.com
デザイナーごとに掲示板が1つずつあるサイト
SCOPE
Webサイトリニューアル提案
ブランドの読み解き・白の研究
OUR ROLE
リサーチ・アートディレクション
UX・モーション・フロントエンド実装

  • 14メゾン

    ニューヨークで選んだデザイナー現在のメニューにあるデザイナーメゾン

  • 7通り

    ブランド名表記5つのページで数えた名前

  • 8.83ΔE

    白14色の色差中央値並べると見える違い

  • 408 枚

    PCフィルムフレームベール・ランウェイ・レース・サロン
  1. 第1回提案初稿2枚

    現在のホームページの内容を10のセクションに整理し、白い背景の明るい版と黒い背景の暗い版を作りました。

  2. 名前をもう一度読む

    ブランド紹介文でHeritage Boutiqueという意味を見つけ、1月に誤って読んだ名前を正しました。

  3. 第2回提案スクロールリニューアル案

    ベール・ランウェイ・レース・サロンの4本のフィルムで、11シーンのデザイン案を作りました。

  4. 白・名前・沿革

    この記録をまとめながら、ドレスの白14色を測り、名前の表記を数え、11年の沿革を描き直しました。

02 / NAME名前を読む

2つの単語を折りたたんで生まれた名前

  1. HERITAGE遺産

    品格ある家柄で、代々受け継がれていくものです。

  2. BOUTIQUEブティック

    一人のために選び、仕立てる小さな店です。

  3. HERITIQUEヘリティク

    2つの単語の真ん中にある7文字AGE BOUTを折りたたむと、名前になります。

Heritage + Unique1月のデザイン案では、この名前をHeritageとUniqueを組み合わせた言葉として読みました。ブランド紹介文に書かれている言葉はHeritage Boutiqueです。

「品格ある家柄、変わらぬ優雅さ、魅惑的な美しさを遺産として受け継いだあなたのために、唯一無二の芸術作品のようなドレスを提案するHeritage Boutiqueです。」

Heritique New Yorkのブランド紹介文より

ブランド紹介文は、自らをHeritage Boutiqueと呼んでいます。遺産とブティック、2つの単語が名前の前と後ろにそのまま残っています。代々受け継がれる品格と、一人のために選ぶ小さな店という2つの意味を、11月のデザイン案の最初の一文と語り口に込めました。

03 / WORDS紹介文で見つけた3つの言葉

ギャラリー、ニューヨーク、遺産

ひとつの作品を選ぶために、世界3大ブライダルコレクションの一つが開かれるニューヨークで、まるで希少な芸術作品を収集するように、最高のデザイナーブランドを厳選して選んでいます。

Heritique New Yorkのブランド紹介文より

  1. GALLERYギャラリーのように掛ける

    紹介文は店舗のことを、ドレスを「作品」としてキュレーションするギャラリーと呼んでいます。そこでメゾンごとに番号と名前、1行の英語キーワードと韓国語の説明を添え、作品のキャプションのように読めるようにしました。

  2. NEW YORKランウェイのように動く

    ドレスは写真よりも、動いているときに生地の表情が見えます。ニューヨークのアトリエとランウェイ、レース、サロンの4つのシーンを、スクロールでコマ送りするフィルムにしました。

  3. HERITAGE遺産のように受け継ぐ

    ロゴのスモールキャピタルを大きな名前の文字に受け継ぎ、2013年から積み重ねてきたステージの記録を、ホームページの次のシーンとして描きました。

04 / NAMES名前表記

ひとつの名前、
7通りの表記

現在のホームページのメイン、ブランド、デザイナー、セレブリティ、予約の各ページに表示される文字とページタイトルをすべて数えると、ブランド名が7通りに書かれていました。スペース一つ、大文字と小文字一つの違いですが、検索結果や共有時のプレビュー、予約案内のメッセージでは、別々の名前のように見えます。

11月のデザイン案では、画面上の呼び名をハングルの「헤리티크뉴욕」と英語の「Heritique New York」にそろえ、フッターの社名表記と著作権表示は現在のまま残しました。

  1. 20回5つのページのタイトルと本文
  2. Heritique Newyork10回ブランドページの沿革
  3. 7回5つのページのフッター・予約案内
  4. 6回ブランドページの紹介文
  5. Heritique the Newyork5回5つのページのタイトル
  6. HERITIQUE & NYBRIDAL5回5つのページの著作権表示
  7. HERITIQUE NEWYORK2回メイン・ブランド紹介の1行目

11月のデザイン案のルール

Heritique New York画面上の呼び名
HERITIQUE & NYBRIDALフッターの社名表記と著作権表示はそのまま
  • そのまま使う名前
  • 一つに統一した名前
  • フッターのみに残した表記

メイン・ブランド・デザイナー（Ines Di Santo）・セレブリティ・予約の各ページで、画面に表示される文字とページタイトルだけを数えました（2026年11月2日確認）。ロゴ画像の中の文字は数えていません。

05 / WHITEドレスの白

同じ白は
一つもありませんでした

  1. 01Newhite#D3D5D8L* 85.1 · b* −2.0
  2. 02Danielle Frankel#E0DEE0L* 88.7 · b* −0.9
  3. 03Naeem Khan#BDBABBL* 75.7 · b* −0.3
  4. 04Monique Lhuillier#E6E7E7L* 91.6 · b* 0.0
  5. 05Reem Acra#C9C7C6L* 80.4 · b* 0.9
  6. 06Lee Grebenau#CEC7C4L* 80.6 · b* 2.3
  7. 07Stéphane Rolland#CBC2BEL* 78.9 · b* 3.2
  8. 08Ines Di Santo#DEDDD4L* 87.9 · b* 4.3
  9. 09Amsale#BAB6ADL* 74.2 · b* 5.0
  10. 10Costarellos#DFDBD2L* 87.5 · b* 5.2
  11. 11Rita Vinieris#C9D1C5L* 83.1 · b* 5.3
  12. 12Alon Livné White#CFBCAFL* 77.6 · b* 9.0
  13. 13Lihi Hod#BA9B85L* 66.3 · b* 15.9
  14. 14Juliette Kim#B9977AL* 64.8 · b* 19.8

冷たい白から
ヌードトーンまで

11月のデザイン案のデザイナーカードには、現在のホームページのデザイナー掲示板から選んだ代表写真が1枚ずつ入ります。14枚の写真それぞれでドレスの身頃に四角形を描き、その中から陰と反射光を除いた明るい面の色を平均して、「写真に写った白」としました。

最も近い2つの白（Ines Di SantoとCostarellos）の色差は1.19で、並べても見分けにくく、最も遠い2つの白（Monique LhuillierとJuliette Kim）は24.61と、別の色と言えるほど離れています。14色の間の色差の中央値は8.83です。ヌードトーンのチュールドレスが写ったJuliette Kimは、最も暖かい端に立ちました。

60 70 80 90 0 10 20 01 Newhite · #D3D5D8 · L* 85.1 · b* -2.001 02 Danielle Frankel · #E0DEE0 · L* 88.7 · b* -0.902 03 Naeem Khan · #BDBABB · L* 75.7 · b* -0.303 04 Monique Lhuillier · #E6E7E7 · L* 91.6 · b* 0.004 05 Reem Acra · #C9C7C6 · L* 80.4 · b* 0.905 06 Lee Grebenau · #CEC7C4 · L* 80.6 · b* 2.306 07 Stéphane Rolland · #CBC2BE · L* 78.9 · b* 3.207 08 Ines Di Santo · #DEDDD4 · L* 87.9 · b* 4.208 09 Amsale · #BAB6AD · L* 74.2 · b* 5.009 10 Costarellos · #DFDBD2 · L* 87.5 · b* 5.210 11 Rita Vinieris · #C9D1C5 · L* 83.1 · b* 5.211 12 Alon Livné White · #CFBCAF · L* 77.6 · b* 9.012 13 Lihi Hod · #BA9B85 · L* 66.3 · b* 15.913 14 Juliette Kim · #B9977A · L* 64.8 · b* 19.814 明るさL* 暖かさb* →
  1. 01Newhite
  2. 02Danielle Frankel
  3. 03Naeem Khan
  4. 04Monique Lhuillier
  5. 05Reem Acra
  6. 06Lee Grebenau
  7. 07Stéphane Rolland
  8. 08Ines Di Santo
  9. 09Amsale
  10. 10Costarellos
  11. 11Rita Vinieris
  12. 12Alon Livné White
  13. 13Lihi Hod
  14. 14Juliette Kim

横軸は黄色寄りの度合い（b*）、縦軸は明るさ（L*）です。

方法：人の手で選んだドレスの身頃の四角形の中で、明るさL* 60以上・彩度C* 40以下の画素だけを残し、明るさが50〜90パーセンタイルの画素のLab平均を求めました（sRGB、D65）。色差はCIEDE2000で計算しました。写真の照明やホワイトバランスによって同じドレスでも写り方が変わるため、この数値は生地の色ではなく、ホームページに掲載される写真の色です。写真はこのページには掲載していません。

06 / STAGE白を掛ける背景

ドレスは暗闇に、
文章はアイボリーに

Newhite
Danielle Frankel
Naeem Khan
Monique Lhuillier
Reem Acra
Lee Grebenau
Stéphane Rolland
Ines Di Santo
Amsale
Costarellos
Rita Vinieris
Alon Livné White
Lihi Hod
Juliette Kim
  • 純白 #FFFFFF

    暖かい白は黄ばんで、暗い白はグレーのしみのように見えます。最も明るいMonique Lhuillierでも、背景より暗くなります。

    背景とのコントラスト比 1.23:1〜2.70:1
  • アイボリー #F5EFE6

    背景が暖かいため、冷たい白は青白く浮き、暖かい白は背景に埋もれます。

    背景とのコントラスト比 1.08:1〜2.36:1
  • シャンパン #C9A56B

    白はどれも明るく浮かび上がりますが、背景の金色がドレスより先に目に入ります。

    背景とのコントラスト比 1.11:1〜1.86:1
  • ノワール #0B0908

    14着すべてが白として読み取れ、違いは生地の風合いとシルエットとして残ります。

    背景とのコントラスト比 7.35:1〜16.03:1

決めるべきは白ではなく
背景でした

白いドレスを白い背景に掛けると、暖かい白は黄ばんで、暗い白はグレーに見えます。14の白のうち一つをホームページの白に決めると、残りの13着がその白と比べられ、くすんで見えます。

11月のデザイン案では、ドレスを大きく見せるフィルムとデザイナーカードをノワール #0B0908 の上に置き、ブランドステートメントや店舗案内のように文章を読ませるシーンをアイボリー #F5EFE6 の上に置きました。この記録をまとめる中で同じ14着を4つの背景に掛けてみると、ノワールの上では最も暗い白でも背景とのコントラスト比が7:1を超えました。

07 / PALETTE · TYPE色とフォント

ノワールとアイボリー、
シャンパンのひと筋

11月のデザイン案の11シーンを1440 × 900の画面で33枚キャプチャして色を数えると、画面の43.6%を写真とフィルムが占めていました。ノワール系が28.0%、アイボリー系が18.0%で、シャンパンとゴールドはわずか2.2%です。金色は線と番号、ボタンにだけ使い、画面はドレスに譲りました。

  • Noir#0B0908ドレスとフィルムが掛かる背景
  • Espresso#15110Eカードとシーンの重なり
  • Umber#221A14暗い章の陰影
  • Ivory#F5EFE6文章を読む背景・暗い章の文字
  • Cream#ECE3D6明るい章の重なり
  • Sand#D8CBB8明るい章の線
  • Champagne#C9A56B線・ボタン・番号
  • Gold#E2C793暗い章の強調文字
  • Ink#1C1713明るい章の文字
文字/背景見本コントラスト比使える範囲
Ivory / Noir17.38:1小さな文字にも使える
Gold / Noir12.13:1小さな文字にも使える
Champagne / Noir8.58:1小さな文字にも使える
Ink / Ivory15.55:1小さな文字にも使える
Ink 2 / Ivory8.82:1小さな文字にも使える
Mute / Ivory3.28:1大きな文字のみ
Champagne / Ivory2.02:1文字には使えない

Heritique · Look 01

Cormorant SCロゴと同じスモールキャピタル

Closer, it becomes art.

Cormorant Garamond Italic シーンタイトルの1行

Pretendardハングル本文・予約フォーム

1月の2つの版 明るい版・Cormorant Garamond + Noto Sans KR 暗い版・Playfair Display + Montserrat（ハングルフォントなし）

欧文はロゴのスモールキャピタルを受け継ぐセリフ体に、ハングルは小さな画面でもくっきり読めるゴシック体に分けました。シーンタイトルは欧文1行とハングル1行を対にして、欧文が雰囲気をつくり、ハングルが内容を伝えるようにしました。

08 / STRUCTURE構造

10のセクションから
11のシーンへ

現在のホームページは、ブランド紹介とデザイナー掲示板14個、セレブリティとマガジンの掲示板、予約の書き込みで構成されています。1月のデザイン案はこの内容を1ページの10セクションに収め、11月のデザイン案は11のシーンに組み直しました。

1440 × 900の画面で測ったページの長さは、1万295pxから2万9,257pxへと3倍近く長くなりました。その代わり、各シーンの役割を一つに絞りました。4本のフィルムがスクロールの半分近くを占め、14のデザイナーメゾンは横にめくる1つのシーンにまとまりました。

現在のホームページ・メニュー

  • THE BRANDブランド紹介・沿革
  • DESIGNERSデザイナー掲示板14個
  • PRESSセレブリティ・マガジン掲示板
  • APPOINTMENTS予約の書き込み

1月のデザイン案・10セクション 10,295px

  1. ファーストビュー・ランウェイ映像900
  2. ブランド紹介880
  3. シーズンコレクション 1,001
  4. デザイナー 617
  5. 代表挨拶887
  6. 沿革1,119
  7. セレブリティ 1,409
  8. マガジン 1,028
  9. アクセス方法 846
  10. 来店予約1,154
  11. フッター 454

11月のデザイン案・11シーン 29,257px

  1. ベールフィルム 3,600
  2. ブランドステートメント1,060
  3. 14のメゾン5,552
  4. ランウェイフィルム 3,240
  5. アトリエ・レースフィルム 3,060
  6. シーズンコレクション 2,160
  7. セレブリティ 2,800
  8. マガジン 1,651
  9. プライベートフィッティングフィルム 3,240
  10. フラッグシップストア900
  11. 相談予約1,233
  12. フッター 761

バーの高さは、1440 × 900の画面で測った長さに比例します。11月のデザイン案のフィルムシーンは、画面を固定したままフレームを送る区間まで含めた長さです。

09 / FILMフィルム4本

スクロールでコマ送りする
4本のフィルム

11月のデザイン案のファーストビューと、ランウェイ、アトリエ、プライベートフィッティングのシーンは、動画ファイルではなくフレームの束です。数秒のフィルムをPC用1280 × 720と縦画面用540 × 960のWebPフレームに分けておき、スクロール位置に合ったフレームをCanvasに描きます。そのため、スクロールする速さのままにベールがなびき、止めるとシーンも止まります。

ランウェイフィルムは実際のランウェイ映像から抜き出したフレームなので、この記録のコマ送りからは外し、デザイン案の録画でも別のシーンに差し替えました。

ベールフィルムの最後のフレーム：ニューヨークアトリエの窓辺で広がった花嫁のベール

ニューヨークのアトリエの窓辺で、花嫁のベールが風に乗って画面を横切ります。ファーストビューのフィルムです。

THE VEIL
128 · 72PC・縦画面フレーム
RUNWAY
120 · 80ランウェイ映像から抜き出したフレーム
ATELIER
80 · 50 レースフィルム
SALON
80 · 50 サロンフィルム
PC
408枚 · 20.3MB1280 × 720 WebP
MOBILE
252枚 · 6.4MB540 × 960 WebP
10 / ROUND 2第2回提案・11月のスクロールリニューアル案
第2回提案・11月2日

Where New York’s finest bridal houses meet Seoulニューヨークのハイエンドデザイナーのシーズンコレクションに、ソウルで出会える場所

ベールフィルムから始まり、11のシーンをひと続きのスクロールでつなぐデザイン案です。ノワールの背景にアイボリーの文字とシャンパンの線を置き、ブランドステートメントと店舗案内でだけ、アイボリーの背景に明るく切り替わります。

  • ベールフィルム128フレームがスクロールに合わせて広がります
  • 14のメゾンを14枚のカードで横にめくります
  • レースフィルムの上で、ルーペでディテールを拡大します
  • プライベートフィッティングの4ステップが相談予約へとつながります
ノワール・エスプレッソ・アイボリー・シャンパン・ゴールド
  1. ベールが通り過ぎると現れる最初の一文

    ベールフィルムが画面を横切る間に、「ニューヨークのハイエンドデザイナーのシーズンコレクションに、ソウルで出会える場所」が浮かび上がります。

  2. 14のメゾン、14枚のカード

    メゾンごとに番号と名前、英語のキーワードと韓国語の説明を添えて、横にめくっていきます。

  3. レースに宿る3つの手仕事

    ハンドビーディング・シャンティイレース・オーガンザフラワー、3つのメモがレースフィルムの上を順に流れていきます。

  4. 円形の窓から広がる新しいシーズン

    中央の小さな円が大きくなり、シーズンコレクションの映像が画面を埋めます。

  5. プライベートフィッティングの4ステップ

    サロンフィルムの上に、相談予約から挙式当日の準備までの4つのステップが縦線に沿って続きます。

  6. 相談予約の9項目

    挙式日や来店希望日、気になるデザイナーなど、相談に必要なことだけを尋ねます。

録画画面のセレブリティの写真と名前、デザイナーのルックブック写真、マガジンの表紙、シーズン映像とランウェイフィルムは別の写真とシーンに差し替え、住所と電話番号は隠しました。

11 / DETAIL近づくほど
パールとクリスタルのビーディング、シャンティイレース、オーガンザの花びらをあしらったレースのクローズアップ

近づくほど
作品になります

レースのシーンでは、マウスを重ねた場所を1.8倍に拡大する直径220pxのルーペがカーソルについてきます。パールとクリスタルのビーディング、シャンティイレース、オーガンザの花びらのように、写真では小さく見過ごされがちなディテールを、花嫁が自分の目で覗き込めるようにしました。このページのレース写真の上でも、同じルーペを動かしてみることができます。

相談予約は
9項目で

ホームページの最後のシーンは相談予約です。現在のホームページの予約の書き込みを出発点に、相談の前に店舗が必ず知っておくべきことだけを9項目で尋ねました。挙式日と気になるデザイナーが先にわかれば、フィッティングの日に合うドレスを前もって用意しておけます。

BOOK A PRIVATE FITTING

  1. 氏名お名前
  2. 携帯電話010-0000-0000
  3. 挙式日年/月/日挙式日から逆算して、フィッティングの日程を組みます。
  4. 来店希望日年/月/日
  5. 来店時間午前・午後時刻の代わりに午前か午後かだけを選び、相談の日程を合わせやすくします。
  6. 予算選択してください金額を書き込まず、4つの価格帯から選びます。
  7. 挙式会場式場またはエリア
  8. 気になるデザイナーInes Di Santo14のメゾンから選ぶと、そのメゾンのドレスを前もってご用意できます。
  9. お好みのデザインレースのマーメイド、ボールガウン、ミニマルライン花嫁が普段使う言葉のまま書けるようにしました。

相談予約のための個人情報の収集・利用への同意（必須）

12 / HERITAGE11年の舞台

ヘリテージは
すでにありました

ブランドページの沿革を数え直すと、2013年から2023年までの11年間でホテルのブライダルステージに13回立ち、デザイナーショーとコレクションの紹介が4回、自社コレクションが2回ありました。2019年には新沙洞のフラッグシップストアに移転し、2023年にはDanielle Frankelのショップインショップ公式フラッグシップストアになりました。

名前に込められた遺産は、この記録の中ですでに育っていました。この記録をまとめながら、沿革をホームページの次のシーンとして描いてみました。年ごとに立ったステージが、ランウェイの照明のように一つずつ灯ります。

  • ホテルの舞台13
  • デザイナーショー・コレクション4
  • 自社コレクション2
  • ウェディングフェア1
  • 店舗2
  1. 2013
    • JWマリオットホテルHeritique New Yorkブライダルコレクション
    • バンヤンツリーホテル第1回インスタイルウェディングブライダルコレクション in ソウル
  2. 2014
    • ウェスティン朝鮮ホテル第2回インスタイルウェディングブライダルコレクション in ソウル
    • ザ・リッツ・カールトン ソウルF/W ウェディングフェア オートクチュール・ウェディングショー
  3. 2015
    • Heritique New YorkF/W ブライダル コレクション
    • All That RAUMウェディングフェアブライダルコレクション
  4. 2016
    • フォーシーズンズホテル第4回ブライダルコレクション in ソウル
    • グランドハイアットソウルHeritique New Yorkブライダルコレクション
  5. 2017
    • シグニエルホテル第5回ブライダルコレクション in ソウル
    • Heritique New York2018 S/S Early Christmas Wedding
  6. 2018
    • 6月・ノボテルアンバサダー江南 シャンパンウェディングThe Feteウェディングショーケース
    • 7月・ル・メリディアンソウル ウェディングショーケース
    • 8月・ミレニアムソウルヒルトンウェディングフェア
    • 10月・Cruise378JUST Philippa 2018コレクションショー
  7. 2019
    • 5月・新沙洞フラッグシップストア移転
    • 11月・フラッグシップストアNAEEM KHAN Bridal Spring 2020コレクションウェディングショー
  8. 2020
    • 1月・フラッグシップストアALON LIVNEデザイナー韓国招待ショー・2020 FW ATHENAコレクション
  9. 2021
    • 9月・ソフィテルアンバサダーソウルローンチ・ウェディングショーケースのフォトシュート
    • INES DI SANTO2022 Spring コレクション
  10. 2022
    • 3月・グランドハイアットソウルブライダルコレクション in ソウル
    • 4月・朝鮮パレスソウル江南2022年ウェディングショーケース On Cloud Nine
  11. 2023
    • 9月・DANIELLE FRANKELショップインショップ公式フラッグシップストアに指定

出典：Heritique New Yorkブランドページの沿革（2026年11月2日確認）。2回記載された項目は1回だけ数え、年が明確でない項目は含めていません。

13 / RETROSPECT振り返り

白をひとつ
選ばなかった理由

いくつもの方向性を提案しましたが、最終的な採用には至りませんでした。それでも2度の提案のあいだで名前を読み直し、ドレスごとに異なる白を測り、その白が最も映える背景を決めました。1月の2枚が内容を漏れなく移したものだとすれば、11月のデザイン案は、その内容を名前と白と動きで装い直したものです。

  1. 第1回提案・1月内容を移す

    10セクションの明るい版と暗い版

  2. 第2回提案・11月名前と白から組み直す

    11シーンのスクロール型デザイン案・スクロールフィルム4本

  3. この記録次のシーンを描く

    白14色・名前の表記7通り・11年の沿革

  • 01名前からもう一度読む

    1月には名前をHeritage + Uniqueと読んでいました。紹介文の一行を読み返して初めてブティックという意味に気づき、その意味がページの語り口を決めました。

  • 02白を一つに決めない

    ドレスごとに白が違うため、ホームページが白を一つ選ぶと、あるドレスは黄ばんで、あるドレスはグレーに見えます。決めるべきは白ではなく、白を掛ける背景でした。

  • 03動きで見せる

    ドレスは、歩くときや風を受けるときに生地の表情が現れます。スクロールフィルムは、写真1枚では伝えにくいその動きを花嫁の手に委ねます。

14 / CREDITSHERITIQUE NEW YORK · BLUECANVAS WORKS

HERITIQUE NEW YORK HOMEPAGE RENEWAL

14の
白

Heritique New York・最初のデザイン案2種・スクロールリニューアル案・白の研究

ItemDetail
ClientHeritique New York・デザイナーウェディングドレスフラッグシップストア
ScopeWebサイトリニューアル提案・ブランドの読み解き・白の研究
Period2026年1月・2026年11月
Round 1最初のデザイン案2種（白い背景の明るい版・黒い背景の暗い版、10セクション）
Round 2スクロールリニューアル案1種（11シーン）・スクロールフィルム4本（PC 408・縦画面252フレーム）
Addedドレスの白14色の測定・名前の表記調査・11年の沿革
Identity現在のワードマーク・ノワール #0B0908・アイボリー #F5EFE6・シャンパン #C9A56B・ゴールド #E2C793
ToolsGSAP · ScrollTrigger · Lenis · Canvas
TypefaceCormorant Garamond · Cormorant SC · Pretendard
StudioBlueCanvas

Goalドレスを選ぶ前に、まず心が動くファーストビュー

FOURTEEN WHITES, ONE STAGE

最も特別な日の準備が始まるファーストビューを
一緒に設計します

ドレス1着の白と名前1行から出発し、
花嫁が安心して予約できるホームページを作ります。

プロジェクトについて相談する 他のポートフォリオを見る

その他のプロジェクト

    Contact

    まだ漠然としたアイデアでも構いません。
    プロジェクトを一緒に 整理しましょう

    現在の状況と目標をお聞かせください。 実現可能な範囲、進め方、概算費用をご案内します。

    DIRECT

    opci1004@gmail.com KakaoTalk @bluecvs

    質問4つ・約2分

    ご依頼内容

    どのような作業をご一緒しましょうか。

    複数選べます。まだ決まっていない場合は「その他」を選んでください。

    ご予算

    お考えのご予算はどのくらいですか。

    おおよその範囲でも、ご提案づくりに大いに役立ちます。

    プロジェクト説明

    今の状況をお聞かせください。

    整っていなくても大丈夫です。下の項目を押すと入力の枠が入ります。

    0

    RFPや参考資料を2点までアップロードできます。対応形式：PDF、PPT、Word、Excel、JPG、PNG、ZIP

    ご連絡先

    どちらへご返信しましょうか。

    このサイトはreCAPTCHAによって保護されており、Googleの プライバシーポリシー および 利用規約が適用されます。

    作業範囲・予算・プロジェクト内容・連絡先をご入力ください。