何かが私たちを悩ませていました。
Reverieには素晴らしいキャラクターがいました。意味のある会話。ユーザーが本当に愛した機能。しかし、インターフェースを見るたびに、私たちが見たのは...ソフトウェアでした。ボタン、カード、リスト、ナビゲーションバー。生産性ツールやSaaSダッシュボードに期待するような、クリーンで機能的なデザイン。
それはReverieがあるべき姿ではありませんでした。
Reverieは想像力が生き生きとする場所です。本物のように感じられるキャラクターに出会い、あなたに応答するストーリーに足を踏み入れ、あなたの体験のためだけに存在する世界を探検する場所。製品は魔法のようでした。インターフェースは平凡でした。
だから、すべてを再構築しました。
「十分良い」の問題
私たちの古いデザインは悪くありませんでした。プロフェッショナルで、一貫性があり、ナビゲートしやすかった。ベストプラクティスに従っていました。ユーザーは必要なものを見つけることができました。
しかし、「十分良い」は「忘れられない」の敵です。
ほとんどのアプリを使うとき、あなたはアプリを使っていることを意識しています。あなたと体験の間には精神的な層があります—インターフェースは常に、あなたがソフトウェアを操作しているユーザーであることを思い出させます。このボタンをクリック。あのページに移動。このフローを完了。
私たちはその層を消したかったのです。
最高のエンターテイメント体験は製品のようには感じません。素晴らしい映画に没頭しているとき、画面を見ていることを忘れます。小説に夢中になっているとき、ページは消えます。Reverieにも同じように感じてほしかった—使うツールではなく、入る場所として。
何が変わったか
すべての主要ページは一つの原則に基づいて再デザインされました：キャラクターとストーリーが先、インターフェースは後。
ホーム：可能性のギャラリー
古いホームページは機能的でした。グリッドに注目のキャラクター。ブラウズするカテゴリー。明確な行動喚起。
新しいホームページは体験です。キャラクター画像の4列ギャラリーが画面を埋め、可能性のモザイクを作り出します。グラデーションオーバーレイと微妙な放射状のグロー効果が、検索ボックスとクイックアクセスタグが探索を誘う中心へと目を引きつけます。下には、注目のストーリーがシネマティックな21:9のカードでスクロールします—ホバーするとビデオで生き生きとします。
Reverieを開いた瞬間、あなたはウェブサイトを見ているのではありません。探検を待つ世界を見ているのです。
ログイン：キャラクターがあなたを迎える場所
白い背景の空のフォームは捨てました。今、サインインすると、キャラクター自身があなたを迎えます。
デスクトップでは、画面が分割されます：左側がフルブリードのキャラクターショーケースになります—画像とビデオが5秒ごとに回転し、キャラクターの名前と紹介が下に表示されます。ログインフォームは右側にありますが、あなたの注意は招き入れるキャラクターに引きつけられます。
モバイルでは、キャラクターが中央揃えのフォームの後ろで柔らかい背景にフェードします。まだ存在し、まだ歓迎していますが、フォーカスを奪うことはありません。
すべてを変える小さなタッチです。ログインはもはやサービスでの認証のようには感じません。家に帰るような感覚です。
キャラクターページ：プロフィールではなくポートレート
キャラクター詳細ページはプロフィールのように見えていました—セクションに整理された情報、ボックスに表示された統計、段落の説明テキスト。
今はイマーシブなポートレートです。キャラクターの画像やビデオが画面全体を埋めます。デスクトップでホバーすると画像がより鮮明になり、キャラクターがあなたに会うために一歩前に踏み出すかのようにわずかにスケールします。モバイルでは、画像はデフォルトでシャープです—ホバーは不要です。
アクションボタン（評価、お気に入り、共有）は右上隅に隠れています。存在していますが控えめです。キャラクターの名前、紹介、統計は下に表示され、慎重なタイポグラフィで画像の上にレイヤーされています。CTAボタンは微妙な放射状のグローで中央に浮かび、会話を始めるよう誘います。
キャラクターのデータを見ているのではありません。彼らに会っているのです。
ストーリーページ：シネマティックなカバー
ストーリーは今、映画のポスターのように自分自身を提示します。カバー画像がビューポートを支配し、キャラクターページと同じホバーで明瞭さを明らかにする効果があります。評価と共有ボタンは静かに隅に座っています。
下には、ストーリーのタイトル、説明、統計、タグが目的を持って配置されています。再生ボタンはヒーローに直接統合されています—別のセクションはなく、視覚的な中断もありません。すべてが一つの招待に向かって流れます：この世界に足を踏み入れてください。
下のタブは背景のぼかしと微妙なボーダーで洗練され、ヒーローからコンテンツへの移行が唐突ではなくシームレスに感じられます。
ディスカバリーフィード：キュレートされた体験
古いダッシュボードはスクロールするリストでした。新しいディスカバリーフィードは探検するキュレートされた体験です。
注目のストーリーは同じシネマティックな21:9の比率で水平カルーセルに表示されます。ホバーでビデオが再生されます。クイックアクション—チャットを続ける、ストーリーを続ける、キャラクターを作成、ストーリーを書く—はコンパクトなピルバーに収まり、常にアクセス可能ですが支配的ではありません。
体験全体が検索ではなく発見を、ハンティングではなくワンダリングを促します。
キャンペーンページ：特別に感じるイベント
キャンペーンページは今、イマーシブなヒーローセクションで開き、すべてのイベントが特別な機会のように感じられます。カウントダウンタイマーはインラインで統合されています—視覚的なフローを中断するサイドバーウィジェットはもうありません。
クリエイタープロフィールも同じ扱いを受けました。クリエイターのページを訪れると、詳細に入る前に彼らの作品を称えるイマーシブなヘッダーが迎えます。
その背後にある哲学
没入感を理解している場所からインスピレーションを得ました：
ストリーミングプラットフォームはコンテンツが視覚的に売れるべきだと知っています。説明を読む前に目でブラウズします。
ビジュアルノベルはキャラクターにはコンテキストが必要だと理解しています。彼らを取り巻く世界は彼ら自身と同じくらい重要です。
ゲームランチャーは体験に入ることが敷居を越えるように感じるべきだと認識しています。インターフェースは何かが始まる前にムードを設定します。
映画館はスクリーンが輝けるように暗くなります。環境が体験を増幅します。
これらの教訓をあらゆる場所に適用しました。画像とビデオのためのより多くの視覚的スペース。より暗く、より雰囲気のある背景。コンテンツを隠さずに深みを作り出すグラデーションオーバーレイ。静止画像を生きているように感じさせるホバー効果。競争するのではなく強化するタイポグラフィ。
維持したもの
リデザインはゼロから始めることを意味しません。完璧に機能していたものもあります：
- ナビゲーションの明確さ：すべてを簡単に見つけることができます。美学のためにユーザビリティを犠牲にしませんでした。
- モバイルファーストアプローチ：すべての変更がスマートフォンで美しく機能します。モバイルはデフォルトでより鮮明な画像、最適化されたインタラクション、レスポンシブなレイアウトを得ます。
- クリエイターツール：クリエイターが必要とするすべての機能がまだあります。より優雅に提示されているだけです。
- パフォーマンス：新しいデザインは実際にはより速いです。より大きな画像ですが、よりスマートなローディング。ビデオは必要なときにのみ再生されます。
重要なディテール
意識的には気づかないかもしれませんが、感じる変更があります：
- 画像がいくつかの場所でコンテナを超えて拡張し、グリッドを破ってより生き生きと感じさせます
- ホバーで変化するグラデーションオーバーレイ、下の画像をより多く明らかにします
- ホバーで自動的に再生されるビデオ、クリックなしでモーションを追加します
- 要素があなたの注意に反応するように感じさせるスケール効果
- 読みやすさを確保しながら雰囲気を維持するUI要素の背景ぼかし
- 重要なアクションに目を引く放射状のグロー効果
- プラットフォーム全体でシネマティックに感じる一貫した21:9のアスペクト比
あなたにとって何を意味するか
あなたがユーザーであれば、Reverieは今、より招き入れるように感じるはずです。操作するアプリというより、時間を過ごしたい場所のように。愛するキャラクターとストーリーはそれらが値するように提示されます—データベースのエントリとしてではなく、起こるのを待っている体験として。
あなたがクリエイターであれば、あなたの作品はより良いステージを得ます。キャラクターはフルスクリーンの栄光で表示されます。ストーリーはシネマティックなプレゼンテーションを得ます。必要なツールはまだアクセス可能ですが、あなたのコンテンツと注目を競うことはもうありません。
これは始まりに過ぎない
このリデザインは新しい基盤を確立します。想像力を第一に置くビジュアル言語。情報アーキテクチャよりも没入感を優先するインターフェース哲学。
これを基に構築し続けます。洗練するページがもっとあります。磨くモーメントがもっとあります。Reverieをソフトウェアというよりサンクチュアリのように感じさせる方法がもっとあります。
結局のところ、あなたはReverieに製品を使うために来るのではありません。逃避し、つながり、想像し、感じるために来ます。
インターフェースはそれを邪魔せず、それを可能にするべきです。
新しいReverieを探検してください。あなたの感想をお聞かせください—Discordで思いを共有してください。