どこからでも雇う

特徴

Gmailスタイルのレスポンシブデザインに、モバイル用の下部ナビゲーション、自動折りたたみパネル、スケルトンローダー、トースト通知が搭載されています。スマートフォンから候補者をレビューできます。

第一印象

Gmailスタイルの 読み込み

アプリが初期化されると、Curriculoのロゴとその下にスムーズなプログレスバーが表示されます。真っ白な空画面や永遠に回転するスピナーはありません。読み込み状態は洗練され、意図的に感じられます。

ロゴ + プログレスバー

読み込み画面には、清潔な背景に中央に配置されたCurriculoのロゴと、その下に細いアニメーション付きのプログレスバーが表示されます。アプリが読み込まれていることを伝え、進捗感を視覚的に提供します。アプリが準備できると、読み込み画面はスムーズにフェードアウトします。

このパターンは、読み込み体験で知られるGmail、Notion、Linearから借用されています。ユーザーがダッシュボードを見る前に、品質の期待感を設定します。

適応型 レイアウト

パネルの置き換え

狭い画面（モバイルと小型タブレット）では、候補者の詳細ビューを開くことでリストビューが置き換えられ、隣に表示されるのではなく、すべてのコンテンツが画面全体の幅を持つようになります。戻るには1タップでリストにナビゲートできます。

自動折りたたみサイドバー

中型画面で詳細パネルが開くと、サイドバーは自動的に折りたたまれ、スペースを確保します。モバイルでは、サイドバーは完全に下部ナビゲーションバーになります。すべてのピクセルが作業中のコンテンツに使用されます。

モバイル用 下部ナビゲーション

モバイルでは、デスクトップのサイドバーが常に見えていて、1タップでアクセスできる5タブの下部ナビゲーションバーに置き換えられます。

「その他」タブ

5番目のタブは「その他」メニューを開き、設定、分析、チーム管理、請求、およびその他のあまり使用されない機能にアクセスします。これにより、下部バーがクリーンに保たれつつ、すべての情報へのアクセスが確保されます。

モバイル用 タイムスタンプ

応募者行のコンパクトな日付表示

デスクトップでは、応募者行には完全なタイムスタンプ（「2026年3月15日 午後2時34分」）が表示されます。モバイルでは、タイムスタンプが相対的な形式（「2時間前」、「昨日」、「3月15日」）に圧縮され、横のスペースを節約しながら情報を有用に保ちます。

スケルトンローダー & トースト通知

スケルトンローダー

アプリ内のすべてのページにはスケルトン読み込み状態があります：読み込まれているコンテンツのレイアウトに一致する灰色のプレースホルダー形状です。候補者リストは行型のスケルトンを表示し、分析ページはチャート型のスケルトンを表示します。これにより、レイアウトのシフトが排除され、速度の印象を与えます。

トースト通知

すべてのユーザーアクションはトースト通知を生成します：「候補者が面接に移動しました」（成功、緑）、「ノートを保存できませんでした」（エラー、赤）、「面接がスケジュールされました」（情報、青）。トーストはデスクトップでは右上、モバイルでは中央下に表示され、4秒後に自動的に閉じます。

近日公開

ダークモード サポート

CSS変数の準備が完了

UI全体は、色、背景、境界線、影のためのCSSカスタムプロパティ（変数）で構築されています。ダークモードへの切り替えは、変数の値を入れ替えるだけの問題で、インフラはすでに整っています。

部分実装

コアコンポーネント（サイドバー、ヘッダー、カード、ボタン）はすでにダークモードのバリアントが定義されています。完全なダークモードの対応は進行中で、今後のアップデートでユーザーが切り替え可能な設定としてリリースされる予定です。

システム設定の検出

ダークモードが起動すると、デフォルトでユーザーのオペレーティングシステムの設定（prefers-color-scheme: dark）を尊重し、設定で手動でオーバーライドできるトグルが用意されます。