画面を「吹く」非日常の楽しさ
年末のざわめきをふき飛ばす体験
画面に降りそそぐアルファベットを、息を「吹く」アクションで展開させていくスマートフォンアプリです。スマホに息を吹きかけるという、シンプルながらもユニークな動作から、非日常の楽しさを感じていただけるようデザインしています。 風を受けて飛んでいくアルファベットの動きを表現したカードを封入し、アプリとカード両方で楽しめるコンテンツとして、ホリデーシーズンにお贈りしました。
-
年末ならではの空気を吹き飛ばすストーリー
タスクや考えごとが増える年末、ざわつく頭の中をすっきり吹き飛ばしていただきたい。そんな思いから、息を吹きかける動作でアルファベットが吹き飛んでいくアイデアが生まれました。画面いっぱいのアルファベットは、言語化できないものであふれる「整理ができていない頭の中」を表現。アナログな動作でテクノロジーを届けるコンセプトから「FUItech(ふいてく)」と名付けました。
-
直感的に楽しめるシンプルな設計
動きに合わせた効果音や振動とあわせて、複雑な操作を必要としない直感的なアクション操作で爽快な気分を楽しめるように設計。息を吹きかけるだけでアルファベットが画面外にはじけ飛び、風船を膨らませるようなシーンに展開していきます。体験の最後には英字で彩る花火とともに、「HAPPY HOLIDAYS」のメッセージをお届けしました。
-
届いたときの体験にも気持ちをこめて
HAPPY HOLIDAYSが透けた封筒からカードを取り出すとロゴが飛び出す、サプライズ感のある構造。取り出してすぐ飾れるシンプルなつくりになっており、息を吹いてアルファベットが飛んでいくアプリの世界観を表現しています。
-
飾りたくなる シックでにぎやかなデザイン
吹き飛んだアルファベットの動きの楽しさをランダムなエッジで表現。しっとりとした独特の感触を持つ紙をベースに、ホリデーシーズンのきらめきを映すような銀箔を施しています。手ざわりの心地よさ、光のあたり方で変化する見え方など、手に触れるカードならではの体験も考えました。
-
体験を豊かにするための試行錯誤
「吹かれた息を検知する」特殊な用途のアプリで、iOSの業務アプリ開発にはない問題が多く発生しました。コンセプトに沿った体験を叶えるため、ゲームエンジンのSceneKitやリアルタイム音声処理機能のAVAudioEngineを使って繰り返し調整。触覚フィードバックやアニメーションを実装することで、ユーザが「正しい操作をした」と自然に認識できるように開発を進めました。
-
自前の実装で実現した操作感
Androidでは跳ね返り方やくっつき方を計算する処理や、描画する処理のほとんどを自前で描画しました。とくに物理演算では、壁や文字同士の跳ね返り、重力、加速度など計算項目ごとにモジュールを作成。必要な要素に応じてそれらを組み合わせ、効率よく動きのブラッシュアップを重ねていけたことが、心地よい操作感につながりました。
2024年
挨拶状
- アプリケーション
- カード
- グラフィック
責任者/ディレクション | 勢井 真美 |
---|---|
プロジェクトマネジメント | 河野 正樹 尾崎 剛 |
デザイン | 閔 也 片岡 康 |
開発(iOS) | 舩引 優介 ロゴジキン ブラディミール |
開発(Android) | 二村 有哉 水野 涼雅 島田 将成 蔡 鍳明 |
テスト | 前田 匠貴 |
音楽 | 北田 雅 |
コピー | 高島 亜衣 |
協力 | 大川原 康之 萩原 もえ香 大森 湧太 真谷 勇史 山岸 夏樹 マクラウド クリストファー 塘永 晃己 大西 菜央 |
アドバイザー | 髙岡 尚司 松野 紘明 |
フェンリルデザイン
- 画面を「吹く」非日常の楽しさ
年末のざわめきをふき飛ばす体験 - デザインと技術を
形にした2種類のカレー - ワクワクする体験と
ハッとする瞬間が
詰まったカード - 模様に触れて
メロディを奏でるカード - ひとで楽しみ、ひとと楽しむ
アイスブレイクカード - 「防災」という観点で
ハピネスに寄り添うノベルティ - 使いやすい
オフィスサイン - アニメーションが
六角形の窓を
優しく灯すカード - 工芸的なデザインの
役員名刺 - 幻想的な世界へ導く
光と音で彩るカード - 資源を大切に使った
エコなバッグ - 名札としての社員証
- アナログに意味性がある名刺
- 楽しい冬の体験を
届けるカード - カレーのための
パッケージ - スタッフの声で構成した
パンフレット - 日本各地から
集めたボトルウォーター - ブランドの姿勢を現した
フレグランス - チョコレートを飾る
パッケージ - 星のオブジェが
現れるカード - 瞬時に組み立つ
VRゴーグル - 引き出すと絵が現れるカード
- 浮かぶキャラメルのパッケージ
- ホログラムの
水面を泳ぐ金魚 - 浮くパネルを
俯瞰する展示 - 3枚つづりの
ステッカー - 水差しで絵を注ぎ入れる
万華鏡 - 紙の図案が
動き出すカード - 近づく人に
反応する展示 - 画廊のようなスタジオ
- 継ぎ目のない
大テーブル