Veloria

Veloriaは、女性の健康に取り組むスタートアップです。腟けいれん（ワギニスムス）、外陰痛（ヴルヴォディニア）、骨盤底筋のけいれん、そして挿入時の痛みや不安に悩む女性に向けて、モバイルアプリを開発しています。毎日のガイド付きヒプノセラピー（催眠療法）音声セッションに、理学療法のエクササイズ（呼吸法とダイレーターを使ったトレーニング）、自己内省のプロンプトを組み合わせた内容で、タグラインは「your pleasure with no pain」です。チームはバンクーバー、カルガリー、トロントにまたがり、骨盤底を専門とする理学療法士も加わっています。今回の依頼は、ローンチのウェブ側でした。製品を説明し、ローンチ前のオーディエンスを集め、料金を示し、モバイルアプリのリリースに欠かせない法的要件とアプリストアの要件を満たす、公開サイトです。

サイトは、無駄を省いたNext.jsアプリケーションとして作りました。小さく、速く、コンテンツ第一であることを意識しています。本番用の依存パッケージは4つ、コンテンツはコード内の静的なもの。更新の少ないローンチ前のサイトには使い道のないCMSも管理画面も、入れていません。

ホームページは、製品の感情の流れに沿って訪問者を案内します。タイプライター風の見出しを掲げたヒーロー、訪れた女性が経験しているかもしれないことを名指しする症状のセクション、2つのプログラムのコースと「understanding your why」という内省のワークを説明する解決策のセクション、毎日の流れを示す使い方のセクション、そして創業者と臨床の経歴を紹介するチームのセクションです。デザインはやわらかさを軸に、花のグラフィックと温かみのある配色で、このテーマにふさわしい安心感のあるトーンに合わせています。

ウェイティングリストのフォームは、初日からマーケティングに使えるよう組み込んであります。送信内容は、名、姓、メールアドレス、そして明示的なマーケティングオプトインとともに、サーバー側のAPIルートからBrevoへ渡されます。オプトインがなければ、フォームは送信できません。入力の検証は訪問者が入力するそばからリアルタイムで走り、Brevoからのエラーは適切に表示されます。重複した登録は失敗にならず、既存のコンタクトを更新します。

最もエンジニアリングが詰まっているのは、/delete-me にあるアカウント削除フローです。AppleとGoogleの要件を満たすために作りました。ユーザーは3つの方法で本人確認を行います。Google、Apple、またはPocketBaseのカスタムエンドポイントが送る6桁のメール認証コード（再送信まで60秒の待機時間あり）です。そのうえで、確認のための入力をして初めて、削除が実行されます。プライバシーポリシーと利用規約のページで、コンプライアンス関連のページがそろいます。