ベルマークのない自由帳

ベルマークのない自由帳

有益と無益の境界例

Dribbleで見つけた"Homely"のLogo Reveal

f:id:Mantra:20180530094912p:plain

今回はDribbleで見つけた"Homely"という素晴らしいデザインのLogo Rveal。

デザイナーはEddie Lobanovskiyさん。

 

Storyboardにかかれている9ステップを翻訳してみた。

Homely Logo Reveal

f:id:Mantra:20180530094756p:plain

source:Homely - Logo Reveal Storyboard



1.見つける 「探す」アイコンを真ん中に持ってきて、カーソルをかぶせてクリックする。

2.家 「探す」アイコンを伸ばして、入力フィールドに「home」と入力する。

3.結果 入力フィールドが伸びてビューポートになり、検索結果が飛んでいく。

4.見つかった ピンク色の家(この1軒)が真ん中で止まる。

5.この1軒 真ん中に来たらこの家を選んで、ピンク色のドアが開く。

6.ようこそ ドアが開いてあなたを新しい家へと招き入れる。

7.コンバージョン ドアが口の大きさに変わる。

8.マーク 口が笑って、ブランドのロゴマークに変化する。

9.ロゴ ロゴマークが左に動いて「ロゴ+文字(“homely”)」が真ん中に来る。

・・・

ロゴを表示するまでのたった数秒で「理想の1軒を見つけて、ハッピー(笑顔)になる」というコンセプトが十分伝わる。

Storyboardを訳してもわかる、無駄のない秀逸なデザイン。