デザイン参考
暗い人物写真の上に白い Brighten Your Future。左上はオレンジの楕円 WOSH、案内は同じピルで Contact だけ緑。下の帯は EMPATHY CREATE が端で切れる
黄の方眼に、日付と色のピルが付いたブログカード。(News) は丸い顔と吹き出し、(About Us) は名前の列とモノクロの二人
ベージュを点線で割った二列。上はショップカードと冊子の見本、下は Photo/Movie と Illustration。各列に View More
緑の方眼に (Contact) と封筒の絵、赤い [Form]。黒地の中央に “CREATE EMPATHY” と WOSH のロゴ

REFERENCE

WOSH design

サイトを見る
japanese / studio / illustration / colorfulwosh.jp

暗い写真の上に Brighten Your Future を置き、下の帯で EMPATHY CREATE を繰り返す制作スタジオのサイト。ブログとニュースは黄の方眼、相談は緑の方眼に戻す。

生成りのヘッダー左に、オレンジの楕円ロゴを置く。中は WOSH design、周りの細い文字は BRAND ON WEEKDAYS!。右の案内は (Works) (Hello) (About Us) (Service) (Price) (Blog) が同じ白のピルで並び、Contact だけが緑に塗られる。端は三本線。第一画面は、緑の光が当たった人物の写真が暗く沈む。その上に「「明るい未来」「輝かしい明日」へ」を細く置き、Brighten Your Future を白い太字の二行にする。右下の Play Brand Movie は輪郭のピルが一つ。写真の下端は白い帯になり、EMPATHY CREATE が黒い太字で繰り返され、左右の端で切れる。帯の手前には、黒いマスコットと黄色い New の星が一つ乗る。

この画面を残しているのは、一番大きい声を写真の上の英語二行に預け、残りの情報は方眼と点線の同じ寸法へ戻しているからだ。ブログは黄の方眼の上で、日付、色のピル、角丸の写真を同じ高さのカードにして横に並べる。(Blog) は左、View More は右の白いピルだ。ニュースは丸い顔と白い吹き出しを三行にし、About Us は四人の名前と、モノクロの二人に WOSH を重ねた写真を対にする。サービスはベージュを点線で割り、見本と View More を各列の同じ位置に置く。Photo/Movie と Illustration は、見出し、日本語、英語の順を崩さず、見本は下に残す。相談の前には、青い帯で「よくある質問」が一つ残る。緑の方眼では (Contact) と二言語の短い文を左に置き、声は封筒の絵、赤い [Form]、黄色い Reservation の一箇所にする。右の矢印は輪郭のまま。フッターは黒に落ち、“CREATE EMPATHY” を中央の引用にし、短い説明とロゴはその下に細く戻す。flenteが画面を組むときも、声の大きい面は写真と英語の一箇所にし、一覧と相談は方眼、点線、同じピルに揃える。