Lips by Lara

01 / キャラクターとモーション

動くインターフェースのためのキャラクターを作る。

キャラクターの制作では、外見と動きの両方を作り上げました。モデルとアニメーションを生成し、一貫性のあるシーケンスを選び、短い仕草が数秒ごとに繰り返されないよう長いループを構築しました。

動きもインターフェースと調和させる必要がありました。トランジションはループ内の選ばれたポイントを軸に構成し、施術カードはキャラクターの動きに合わせて該当部位を追従します。この短い抜粋では、完成したシーンの中のキャラクターとカードをご覧いただけます。

02 / 施術ビルダー

部位、選択、料金を一つのプランに。

Laraの料金表には、施術の種類別に整理された40以上の項目がありました。これを部位ごとに再編成し、顔や体の一部を探している人が関連する選択肢と料金をまとめて確認できるようにしました。

部位を変更すると、以前の選択を保持したままシーンと施術リストが更新されます。施術を追加すると、そのカード、選択状態、項目数、合計が連動します。オープニングのフレームでは、首の施術を追加しても二つの顔の施術が選択されたままで、三つすべてがカートにまとめて表示されます。

チェックアウトをLara自身のStripeアカウントに接続し、次のステップを明確にしました。プランは会話のきっかけであり、支払いによって予約が確保されたり、Laraの診断に代わったりするものではありません。

03 / コンテンツとガイド

よくある質問に、Laraが送れる答えを。

他の注入施術者のウェブサイトで公開されている質問を調査し、構造化されたブリーフでLara自身の回答を集めました。その成果として、施術前の準備とアフターケアのガイドに加え、五つのトピックにわたる50の質問を検索できるFAQが完成しました。

回答ごとに専用のリンクがあります。Laraは該当する説明をメッセージで送ることができ、訪問者は過去の会話を探さなくても読み返せます。参考ページにはホームページと同じビジュアル言語を用いています。