1年前にLumoのAIアシスタント(新しいウィンドウ)をローンチしたとき、私たちが目指したのは、プライベートで親しみやすく、使いやすい体験を作り出すことでした。私たちはこうした利点に合うよう、 お客様の個人的な会話を保護する、信頼できる独立したマスコットとしてLumoをデザインしました。

それ以来、この製品は急速に進化を遂げ、本日のLumo 2.0のリリースにより、これまで以上に有能で知的、かつ多才なものとなりました。会話はより豊かで、より情報に基づいたものになります。職場においてもLumoはより有能に機能します。さらに、画像の生成と分析のおかげで、お客様はまったく新しいクリエイティブな可能性を手にすることになります。

当社のデザインチームにとって、この進化は重要な問いを投げかけるものでした。「Lumoという製品がより洗練されていく中で、Lumoのデザインもそれに合わせて進化させるべきだろうか?」という問いです。

Lumoはもう子猫ではありません

私たちが最初にLumoを導入したとき、製品の顔となるキャラクターも同時に導入しました。

当時、どちらも新しいものでした。製品は最初期の段階にあり、Lumoはその瞬間を反映するようにデザインされていました。つまり、親しみやすく、遊び心があり、歓迎的なデザインです。

ここ数カ月にわたり、私たちはLumoの機能を拡張し、その知能を向上させ、お客様が日々どのようにLumoと関わっているかから学んできました。製品が成熟するにつれて、Lumoも同様に成熟していくのは自然なことに感じられました。

Lumo Betaにおける子猫バージョンから、Lumo 1.0における少し成長したバージョン、そしてLumo 2.0における成熟したバージョンへと、3つの段階で進化するLumoのキャラクター。

キャラクターを一から再デザインするのではなく、進化させることを選択しました。新バージョンは、オリジナルの基盤の上に成り立ちながら、より強い存在感と、より大きな自信を感じさせるものです。これは、今日のLumoの姿、すなわち「より有能で、より洗練され、次に来るものへの準備が整っている」という状況を反映しています。

そして、製品自体と同様に、この進化は始まりにすぎません。

Lumo AI

Lumo自体の進化と並行して、私たちはワードマーク、つまりLumoのロゴに使用されているタイポグラフィの再検討も行いました。

AI製品がますます一般的になるにつれて、明確さはより重要になります。ProtonコミュニティのメンバーはLumoが何であるかをすでに知っていますが、ほとんどの人々は事前の文脈なしに初めてこのブランドに接することになります。

私たちは、製品の名前がその目的をより直接的に伝えることを望んでいました。そのため、ワードマークをLumoからLumo AIへとわずかに変更することに決定しました。これは小さな変更ですが、Protonエコシステム内でのこの製品の成長する役割をよりよく反映するものです。この変更はロゴとビジュアルアイデンティティにのみ適用され、私たちのお気に入りのマスコットの名前は、もちろんLumoのままです。

Lumo AIのロゴタイプとロゴマーク。

知性にインスパイアされて

今回の再デザインにおける最もエキサイティングな課題の1つは、知的なインターフェースがどのようなものであるべきかを定義することでした。

大規模言語モデルとAIプラットフォームは、根本的に接続を中心に構築されています。情報は文脈の間を移動し、アイデアは他のアイデアと結びつき、水面下で起こる無数の相互作用から複雑な関係性が生まれます。

私たちは、ビジュアル言語を通じてその感覚を表現したいと考えました。

その結果、相互接続されたシステムから着想を得た、よりダイナミックな環境が実現しました。製品全体を通して、かすかな動き、レイヤー化された奥行き、そして進化するグラデーションが動きの感覚を生み出し、インターフェースの背後で動作する知性を反映しています。

Lumoを孤立した製品として扱うのではなく、より広いProtonエコシステムとの接続を強化したいと考えました。新しいビジュアルシステムは、複数のProton製品からインスピレーションを得たカラーとグラデーションを取り入れており、Lumo独自のアイデンティティを維持しながら、より強い一貫性を生み出しています。

デザインによる体験の洗練

アイデンティティの進化にとどまらず、私たちは日々Lumoの体験を形成する多くのコア要素を再検討する機会を設けました。一部の変更はすぐに目に見えるものですが、他の変更は意図的に控えめに設計されており、時間の経過とともに製品がより軽やかに、直感的に、そして楽しく使用できるように配慮されています。

グラデーションの背景の上にチャットウィンドウが配置されたLumo 2.0のデザイン。チャットウィンドウのプロンプトには、「モダニズムのインテリアデザイン、ミニマリストのリビングルーム、自然光」と表示されています。

より穏やかでスマートな環境

Lumoが進化するにつれて、製品全体での色の使われ方を再検討しました。

パープルは引き続きブランドの重要な要素ですが、より明確な意図を持って適用したいと考えました。視覚的な優位性を抑え、よりバランスの取れたパレットを導入することで、より穏やかで、洗練され、長時間の使用でも疲れにくいインターフェースを実現しました。

その結果、最も重要なものである「会話、コンテンツ、そしてお客様の作業」がより際立つ環境が実現しました。

Lumo 2.0のUI。

製品にさらなる個性を吹き込む

Lumoは単なるインターフェースではありません。お客様が質問をしたり、創作したり、作業したりする際に寄り添うキャラクターでもあります。

今回の再デザインの一環として、製品のさまざまな領域にLumoを登場させる新しいイラストのコレクションを作成しました。これらのイラストは、より表現豊かで詳細に描かれており、体験を損なうことなくアシスタントの個性を強化するように設計されています。

さまざまな設定におけるリアルなバージョンのLumoを表示する2枚のイラスト。

好奇心を刺激する細かなインタラクション

今回の再デザインにおける最も魅力的な詳細の一部は、ユーザーが自分で発見するものです。

製品のいたるところで、Lumoはかすかなアニメーションや遊び心のある反応を通じて、インタラクションに時折反応します。ホバー状態、クリック、またはシンプルな探索の瞬間に、体験に少しの生命を吹き込む隠れた動作が明らかになる場合があります。

これらの瞬間は意図的に軽量に作られていますが、画面の集合体にすぎなかったインターフェースを、よりパーソナルで魅力的なものへと変化させるのに役立ちます。

インスピレーションを与えるために厳選されたギャラリー

画像生成を始める際、何から手をつければよいか迷うことがあります。お客様の創造性を刺激するために、当社のデザインチームがLumoを使用して生成した画像を厳選したギャラリーを構築しました。

これらのビジュアルは、さまざまなスタイル、アイデア、クリエイティブな方向性を示しており、最初のインタラクションからインスピレーションを提供すると同時に、画像生成の可能性をより深く理解するのに役立ちます。

生成されたさまざまな画像が表示されたLumoの画像ギャラリー。

より没入感のあるクリエイティブワークフロー

画像作成ツール自体についても検討を重ねました。生成や編集から、スタイルの探求や反復に至るまで、ワークフローのあらゆる部分が、より直感的で没入感のあるものになるよう洗練されました。

目標はシンプルでした。お客様がアイデアから結果へと移行しやすくすると同時に、途中で実験、洗練、探索を行う機会を増やすことです。

Lumoのチャットウィンドウのプロンプトが重ねて表示されたスポーツカーの生成画像。

今後の展望

このビジュアルアップデートは、Lumoの旅における重要なマイルストーンとなります。プライベートAIが概念実証から、主要なAI製品と同等のソリューションへと移行する瞬間です。

ここ数カ月にわたり、私たちはLumoの背後にある知性を継続的に向上させ、その機能を拡張し、人々がAIを使って創造し、学び、相互作用するための新しい方法を模索してきました。

しかし、この進化はまだ終わりにはほど遠いものです。

より良く、より速く、よりスマートな作業を可能にするために製品が向上するにつれて、デザインもそれに合わせて進化し続けます。本日の再デザインは、今後登場する体験、インタラクション、アイデアの基盤を築くものです。

おまけ

そして、素晴らしいコミュニティには素晴らしいツールがふさわしいため、私たちはお客様のことも考えました。

私たちは、Lumoをあしらった専用のステッカーライブラリを作成しました。Signal、WhatsApp、Discordなど、お好みのプラットフォームですぐにご利用いただけます。

すべてこちらからダウンロードしてご利用いただけます。私たちが楽しく作成したのと同じように、お客様にも楽しんで使っていただけることを願っております。そして、会話の中でこれらのステッカーが使われるのを楽しみにしています。

Signalステッカー(新しいウィンドウ) Telegramステッカー(新しいウィンドウ) WhatsAppステッカー(新しいウィンドウ) Slackステッカー(新しいウィンドウ) Discordステッカー(新しいウィンドウ)
Lumo 2.0ステッカーライブラリのデザイン。