名前はすぐに約束です
EASY WINEという名前には、ワインを簡単に作るという約束が含まれています。会社紹介には「良質のワインをリーズナブルな価格で提供する」という経営方針も書かれています。両方の提案は、この約束を最初の画面の文章に移動することから始まりました。
EASYWINE · CASE STUDY EASYWINEWebサイトリニューアル提案は
ホワイトペーパーの上でワイングラスを傾ける仕事で始まりました
TILT TESTグラスを傾けると、中央はルビー、
ワインが薄くなるエッジは見てに見えます
20 SAMPLES中央から端まで
20点の色を選択しました
TWO DIRECTIONS両方の提案は、このバンドの両端から
それぞれの色を選びました
EASYWINEWEBSITE RENEWAL PROPOSAL
EASYWINEWebサイトリニューアル提案
Ruby in Motion · Easy Pour、2つの方向
BLUECANVASA · BPRODUCT OF SEOUL
EASYWINEは2012年に発足したワイン輸入会社です。チリ、アメリカ、フランス、イタリア、スペインの7つのブランドから選んだワイン25種を国内に紹介し、祝日と記念日に合わせたギフトセットも飾ります。会社紹介に書かれた経営方針は「良質のワインをリーズナブルな価格で提供する」です。
今のホームページは2015年と2016年に掲載した資料で構成されています。 BlueCanvasはこの資料をもう一度読んで、最初にワインを選ぶ人も会社の物語やブランド、ワインを簡単に閲覧できるようにメインページを新たに設計しました。そして、Ruby in MotionとEasy Pourという2つの方向を提案しました。
TEXT IN A PICTURE
会社概要 最初の行を今のように横650pxの絵に入れた文字と、Web文字で書いた文字を並べて置きました。バーを右にドラッグして拡大してみてください。
FOUR QUESTIONS
今ホームページはワインの写真を素早く見せる仕組みです。初めて来る人が何に基づいて選ぶべきか、会社がどんな所なのかは絵の中の文字を読まなければ分かりません。
今はボトルの写真と名前だけが見えます。両提案はレッド・ホワイト・スパークリングのような簡単な基準と食品、産地でワインを探すようにしました。
会社紹介とブランド紹介の両方を書き直し、検索、翻訳され、携帯電話でも鮮明に読まれるようにしました。
どちらの提案も地球上に産地を表示し、国を選ぶとその国のブランドと話が出るようにしました。
B案はギフトセットと業場納品、行事協賛を別に案内し、A案はギフト相談を問い合わせ窓口とまさにありました。
新しいシンボルを作る前に、今の名前とロゴ、会社紹介に書かれた文章をもう一度読みました。ワイン会社のロゴなら赤いようですが、EASYWINEのロゴは最初から見えました。その紫がどこから来たのかを追ってみました。
EASY WINEという名前には、ワインを簡単に作るという約束が含まれています。会社紹介には「良質のワインをリーズナブルな価格で提供する」という経営方針も書かれています。両方の提案は、この約束を最初の画面の文章に移動することから始まりました。
ロゴのEの後ろには、半透明の図形3つが重なっています。色を抜いてみるとラベンダー、蘭色、しばしばです。ワイン会社のロゴなのに赤色が一点もないという点が今回のリニューアルの最初の質問となりました。
若い赤ワインを白い紙の上で傾けると、ワインが薄くなる端から紫がかかります。日が経つにつれて、この光はルビーからザクロとレンガ色に変わります。私たちはEASYWINEロゴの紫をこのエッジの色で読みました。
2015年に書いた会社紹介は「経験は「羊」ではなく「質」です」という文章から始まります。原稿で「羊」は金色、「質」は赤色で塗られていました。たくさん並べるよりよく選んで見せるホームページがこの文に合うと見ました。
A案Ruby in Motionは「A little wine, a lot of life.」で、B案Easy Pourは「Easy to Understand・Approach・Drink」で初画面を開きます。一方はガラスの中央から、もう一方はガラスの端から出発した提案です。
ワインを難しくするのは味よりも名前です。 EASYWINEのワイン25種の名前には、Single Vineyard, Riservaのようにラベルからそのまま移した言葉が多いです。リニューアルを準備し、このような単語を一文の韓国語で解いてみました。製品詳細画面に貼り付けられる小さな辞書です。
Single Vineyard
シングルビンヤード
あるブドウ畑からのブドウのみ
いろんな畑のブドウを混ぜずに、ブドウ畑一箇所で私はブドウにだけ作ったという意味です。その畑の土と日光が味にそのまま残ります。

Riserva
リジェルバ
ベースワインよりも長く熟成
同じ名前のベースワインよりも長く熟成したという意味です。イタリアは山地ごとにリジェルヴァが守る必要がある最低熟成期間を定めておきます。

Solera
ソレラ
先に作ったワインに新しいワインを加えて
新しく作ったワインを先に作ったワインに少しずつ加えていき、数年の味を一瓶につなげる熟成方式です。

Crémant · Brut
クレマン・ブルー
シャンパンのように作られた甘いスパークリング
クレマンはシャンパンの外のフランス産地でシャンパンと同じように、瓶の中でもう一度発酵して泡立てたスパークリングです。ブルーは甘くないという意味です。

Old Vine
オールドバイン
古いブドウの木から
数十年以上生えたブドウの木です。果実は少なくなりますが、一粒一粒の味が濃くなります。

Moscato
モスカト
香りが華やかな青ぶどう
花や果物の香りが華やかな青布も品種です。甘くて軽いスパークリングワインを作るときにたくさん書いてください。

Zinfandel
ジンパンデル
カリフォルニアを代表する赤ぶどう
カリフォルニアを代表する赤砲も品種です。イタリア南部でプレミティボと呼ぶブドウのような品種です。

今ホームページはワインをブランド一つの基準に分けています。ブランド名を知っている人には速い道ですが、初めて来る人にはもう一つの見知らぬ言葉です。 EASYWINEの25種をブランド、種類、産地、食べ物という4つの基準で改めて立ててみました。
今ホームページの「WINE」メニューはブランド七箇所にワインを分けます。バルディビエソ一箇所に10本の瓶が詰まっています。
レッド、ホワイト、スパークリング・ロゼはワインを知らなくても選べる目安です。どちらの提案も、このフィルタをワインリストの上に置きました。
同じ二十五本も国に縛られれば旅行のように読まれます。二つの提案は、地球上で国を均等にしました。
今日のメニューから出発すると、選ぶのが最も簡単になります。 Bの中は、8つの食べ物にワイン1本ずつを合わせました。
カバロロッコステーキ
バルディビエソシングルビンヤードカベルネフラン
バルディビエソシングルビンヤードメルロー
バルディビエソシングルビンヤードカベルネソヴィニヨン
バルディビエソ・グランリジェルヴァ・カベルネ・ソーヴィニヨン
バルディビエソ・グランリジェルヴァ・シラ
バルディヴィエソ グランリジェルヴァ シャドネ
バルディビエソ・カベルネ・ソーヴィニヨン
バルディビエソ・メルロー
バルディビエソ・シャルドネサーモン会
バルディビエソスパークリングモスカトケーキ
キャロウェイジンパンデルチーズ
キャロウェイカベルネソヴィニヨン
キャロウェイ・メルロー
キャロウェイ シャルドネ
キャロウェイソーヴィニヨンブラン
ベキアトーレサリスサレンティーノリジェルバ
ベキアトーレサリスサレンティーノロッソ
ベキアトレシャドネ
ミッションサードカベルネシラパスタ・ピザ
ミッションサード・シャルドネ
バルタサル・ガルナチャー・ヒーローバーベキュー・焼き
バルタサル・ガルナチャー
グランベ1531牡蠣・シーフード
ピンクエレファントスパークリングロゼフルーツサラダワイン輸入会社のホームページには、今日飲むワインを選ぶ人とプレゼントを探す人、業場に持ち込むワインを探す購入担当者が一緒に訪れます。探す情報がそれぞれ違うので、それぞれが到着する場面を先に決めました。
種類と味、似合う食べ物を見て一本を選びます。
ワイン・ペアリング祝日と記念日に合った1本入・2本入構成を探します。
ギフトセット店舗のメニューと価格帯に合ったワインと供給方法を確認してください。
ブランド・配達お問い合わせブランドの物語や商品情報を確認し、入店を相談します。
ブランド・ワイン詳細数量と予算に合わせた贈り物やイベント用のワインをお問い合わせください。
企業ギフト・お問い合わせどちらの提案も、最初のシーンでEASYWINEを一文で紹介し、ワインや産地、プレゼントを過ぎてお問い合わせに届きます。 A案は7シーンで雰囲気を素早く伝え、B案は会社の履歴とセラー、ペアリング、配達案内にシーンを一つずつ与えて12シーンに長く均等にしました。色点は各シーンが引き受けたことです。
A · Ruby in Motion7シーン
B · Easy Pour12シーン
最初の画面の写真から、ガラスの中央から端まで同じ間隔で20点の色を選びました。ワインが深い中は黒に近いルビーで、薄くなるほど赤い帯を通って紫に薄くなります。 A案はこの帯の中央側から、B案はエッジ側から画面の色を選びました。
#BBA4F5をボタンと強調色で書きました。 A案は提案のロゴ席に文字ワードマークEASYWINEを置き、紫の代わりにグラスの中のルビーをブランド色にした。A案は午後日光のかかるクリーム色の食卓を思い出しました。オックスブラッドベルベットとルビー色のワイン、トラバーチン、チェリーとコルクを上げました。
B案はろうそく1つだけつけた夕食の食卓を思い出しました。色とりどりのリネンの上にブドウとラベンダーシルク、紫色のガラス、紫色のワインマークが残った紙を置きました。真ん中の線を左右にドラッグすると、両方の材料に耐えることができます。
暗いシーンの背景・24%最初の画面と産地シーンの背景です。黒の代わりに、瓶の中のように赤いギガを回す暗闇を書いた。
明るいシーンの文字・暗い面・17%クリーム色のシーンの上に書く文字色で、暗いシーンの2番目の面です。グラスの中の最も濃い色に近い。
ハイライト・1%未満イタリック英文とフィルターボタン、進行バーの色です。画面の1%にもなりませんが、目は最初にこの色になります。
光・1%未満グラスを包むワインの明るい部分と同じ色です。
最後のシーン・15%お問い合わせシーン「Shall we open a bottle?」の元です。
明るいシーンの背景・43%ストーリーとコレクション、ギフトシーンの背景です。白いテーブルクロスの色を思い出しました。
最も深い背景・12%最初の画面やお問い合わせのシーンのように、最も暗くなければならない場所の色です。紫色の回る夜です。
シーンベース・42%ほとんどのシーンがこの色の上に置かれます。最初の画面のフィルムがページ全体につながるように、Nightより1つのステップだけを明らかにしました。
カード・綿・30%カードと入力ウィンドウ、メニューの背景です。
ワイン・13%セラーシーンの底とフッター文字に冷やすワインの色です。
ハイライト・1%未満ボタンとハイライトの色。ロゴのラベンダーを少し明かし、暗い背景で読めるようにしました。
文字・1%未満本文の色です。白に紫を一滴混ぜました。
色見本を押すと、HEX値がコピーされます。見本の中の数字はその上に上がる文字色との明度対比であり、比率は両提案の場面キャプチャで各色に近い画素を数えた値です。
どちらの提案も別々に作成しましたが、どちらも英語のタイトルにCormorantファミリーを選びました。ワインラベルによく使われる古典的なセリフの結びを画面に移した選択です。
A案はCormorantの細いストロークとイタリックを大きく育てた文章をポスターのように見せ、ハングルはすべてPretendardで書いた。 B案はハングルのタイトルにNoto Serif KRを書いて、英文とハングルが同じセリフの結で読まれるようにしました。
A little wine,A little wine,
a lot of life.
セラーから取り出した8本のボトル
ハングルタイトル500 / 1.65ワインを難しくないように、日常をもう少し特別に。
Find your kind of wine.
600経験は‘羊’ではなく
‘質’です。
今日のメニューに合ったワインを探す
Italic 400Callaway Zinfandel
Aの中の動きは残りのワインがゆっくり回る速度を、Bの中の動きはボトルからワインに続く速度に従います。どちらもスクロールが動きを引き起こし、オペレーティングシステムでモーションを減らすと、ビデオと固定シーンを停止し、最後の画面のみを表示します。下の4枚のカードは実際にスクロールに沿って移動します。

A内の最初の画面の6秒映像は自分で再生されますが、スクロールを開始すると停止し、スクロール方向に前後に移動します。このカードを通る間、その映像のフレーム48枚が同じように進みます。

B内の最初の画面は、ボトルからグラスにワインを注ぐフレーム151枚をスクロール位置に合わせて描きます。ワインが冷えている間、Understand、Approach、Drinkが順番に変わります。このカードではそのうち60枚を超えていきます。
Bの最後のシーンでは、EASY WINEの文字の中にワインが波打つ。このカードの文字も通り過ぎる間、同じように記入されます。
Aのコレクションは、垂直スクロールを水平移動に変えて6本のボトルを順番に示しています。カードごとにボトルの後ろに行く楕円を置き、レッド・ホワイト・スパークリングボタンですぐに掛けることができます。
ワイングラスを包みながら流れるルビー色のワインで始まる方向です。最初の画面の6秒映像は自分で再生されますが、スクロールを開始すると停止し、スクロールに沿って前後に移動します。暗いルビーシーンとクリーム色のシーンを交互に置き、ボトルの中の闇と白いテーブルクロスを行き来するリズムを作りました。
提案Aのシーンの中で演出にボールを入れた瞬間を選びました。写真をタップすると、シーン別画面を大きく見ることができます。
ルビー色のワインがクリスタルのグラスを包み、左の闇に最初の文章を大きく書いた。
スクロールを下げると映像が止まり、最初の文が退いた席に「Just one sip。 A whole new world.」が真ん中に浮かび上がります。
クリーム色のシーンに進み、2012、5 countries、7 brandsを数字で表示します。
ワイン6本を水平に渡すコレクションです。カードごとに国と種類を書きました。
垂直スクロールが水平移動に変わり、下のバーが今何番目のボトルかを知らせます。
五つの国を選ぶリストの下にできたぶどう畑が広く広がり、「一本を開けると、その地の物語も一緒に開きます」が置かれます。
ろうそくの下に2杯の夕食のテーブルでワインがある瞬間を示しています。
バーガンディギフトボックスの隣にギフトカウンセリングと企業ギフトカウンセリングを並べました。
RUBY IN MOTIONカップの中央を空に
EASY POUR一番上の紫をたどる
ボトルからグラスへのワインに続くシーンから始まる方向です。スクロールするだけでワインがグラスに冷やし、これまでUnderstand、Approach、Drinkの3単語が順番に変わります。ロゴのラベンダーをハイライトして、会社の話やブランド、ワイン、プレゼント、配達案内を1ページに順番に盛り込みました。
B案のシーンの中で演出にボールを入れた瞬間を選びました。写真をタップすると、シーン別画面を大きく見ることができます。
暗いバーの上にボトルが傾き、グラスにワインが落ち始めます。最初の単語はUnderstandです。
ワインがグラスでいっぱいになると、単語がDrinkに変わり、次のシーンでワインが画面を覆い渡ります。
今会社紹介の最初の文章をそのまま持ってきて一画面に大きく立てました。
地球が回り、山地からソウルまで道を進み、右側のカードにブランドストーリーを浮かべます。
ボトルが変わるたびに、床のワインの色と後ろの大きな文字が一緒に変わります。
食べ物8つのうちの1つを選ぶと、合う病気と理由がすぐに変わります。
1本入と2本入、ゴルフワインセット、企業カスタムプレゼントを一場面に集めました。
ホテル・レストラン、流通、イベントカードが順番に重なります。
A案初画面の映像は、ルビー色のワインがグラスを包む静止シーン一枚から出発しました。ブラウザのWebGLでカメラをゆっくり動かし、ワインの屈折と光を流すようにしたフレーム144枚を計算した後、6秒映像で結びました。左は最初のシーンで、右はそのシーンが動き始めた姿です。





Bの中には、食べ物8枚と産地6枚、プレゼントと業場シーンを合わせて20枚のシーンイメージが入ります。最初の画面と産地の旅には、最初のシーンを先に描いた後、10秒の映像につながり、画面の割合(16:9、4:3、9:16)ごとにフレームを別々に引いてスクロールに合わせて描きました。

8 DISHES · 8 BOTTLES

ステーキカバロロッコ
牡蠣・シーフードグランベ1531
サーモン会バルディビエソ・シャルドネ
パスタ・ピザミッションサードカベルネシラ
チーズキャロウェイジンパンデル
バーベキュー・焼きバルタサル・ガルナチャー・ヒーロー
フルーツサラダピンクエレファントスパークリングロゼ
ケーキバルディビエソスパークリングモスカトぶどう畑の上にカメラが浮かぶフィルムです。提案では、このフィルムをスクロールに合わせて渡し、地球につながる「五国のぶどう畑で」シーンを開きます。
静止シーン一枚にカメラの動きとワインの屈折、流れる光を加えた映像です。
プレゼントするワインや店舗情報は携帯電話で探すことが多いです。 A案は、モバイルで水平コレクションを指でめくるリストと矢印ボタンに置き換えました。 B案は、最初の画面の続くシーンを縦画面専用フレームとして別々にしました。








両提案は同じワイン25種と同じ会社の話を盛り込んでいますが、最初の画面で先に渡す言葉が異なります。 A案はルビー光映像と短い銅線で雰囲気を素早く伝え、B案はワインに続くシーンから始め、セラーとペアリング、配達案内まで選ぶ道を広く広げます。 EASYWINEが最初の画面で一番最初に伝えたいシーンに合わせて選べるように違いをまとめました。
BACK LABEL・ハングル表示事項
EASYWINEWebサイトリニューアル提案・Ruby in Motion・Easy Pour
見知らぬ名前と多くの選択肢をどのような順番で見せるかからまとめます。
財団・文化
Hansae YES24 Foundation
文化財団のWebサイトリニューアル提案です。財団名には服をつくるHansaeと本を売るYES24が並んでおり、そこから「糸」と「本」という二つの出発点を見つけました。13年の沿革87件を6本の糸で編んだ記録、6か国からソウルへつながる展示マップ、アイボリー・エメラルド・コーラルと藍色・金糸の2つのパレット、Beyond BordersとA Single Threadの2案、機織りから本棚へ移るスクロール演出まで収めています。
美術・エージェンシー
ENART
現代美術エージェンシーのWebサイトリニューアル提案です。ロゴが印刷インキのシアンとマゼンタで刷られていることに気づいたところから出発しました。公開ポートフォリオ23件を仕事の種類で分けた分析、展示の始まりと終わりで組んだ場面の順序、昼と夜の2つのパレット、ART IN MOTIONとPASSAGEの2案、3Dリボンと4つの額縁を通り抜けるスクロールフィルムまで収めています。
PR・コンサルティング
in&outPR
PRコンサルティンググループのWebサイトリニューアル提案です。ロゴの中のinとoutを、2つの会社の名前であり、PRが働きかける二つの方向として読みました。編集デスクを通らなかった最初の原稿5枚、プレスリリースのように組んだ逆ピラミッド型の情報構成、ロゴの青緑と蛍光ペンのライムによる2つのパレット、IN & OUTとSIGNAL TO IMPACTの2案、光の粒子が「&」を描くモーションフィルムまで収めています。
Contact
現在の状況と目標をお聞かせください。 実現可能な範囲、進め方、概算費用をご案内します。
DIRECT
お問い合わせを受け付けました。営業日1日以内に作業範囲とお見積りをまとめてご返信します。