Calm Ocean｜理念から採用までをつなぐコーポレートサイト

トップページではPurpose、Vision、Philosophy、Values、事業、問い合わせを縦方向の流れとして提示し、会社、メンバー、採用の詳細ページへ接続します。

公開用の説明はコード、設定、検証、運用文書から確認できる実装事実に限定し、個人情報や時点依存の会社・採用情報は登録していません。

トップは企業の価値観と事業を順に伝える導入、会社ページは法人情報、メンバーページは組織理解、採用ページは応募検討に必要な情報を扱います。

すべてのページを共通ヘッダーとフッターで接続し、現在位置と主要な問い合わせ導線を維持します。

トップページはセクション単位のスナップを軸に、理念から事業、問い合わせまでを連続して閲覧できる構成です。

動きは情報の切り替わりを補助する役割に限定し、ページ移動や主要操作は物理URLからも利用できる構成としています。

画面幅の変化、Escape操作、メニュー開閉、背景スクロールを連動させ、小さい画面でもナビゲーション状態が残り続けないよう制御します。

デスクトップへ戻った際にはモバイル専用状態を解消し、画面幅をまたぐ操作でも共通導線を維持します。

ブラウザUIの表示・非表示で変化するviewportを画面状態へ同期し、縦型セクションの高さとスクロール位置を安定させます。

固定値だけに依存せず、実際に利用できる表示領域をCSSから参照できるようにしています。

起動オーバーレイはフォントと主要画像の準備を待ち、ブランド表現が不完全な状態で切り替わりにくいようにします。

読み込み失敗や長時間待機が発生しても本編へ進めるタイムアウトとフォールバックを持ち、表示不能を避けます。

問い合わせフォームは入力内容の確認を経て、利用者のメールアプリを開く構成です。サイト側でメッセージを送信・保存する仕組みとは区別しています。

連絡先の表示方法はブラウザ上の単純な収集を抑えるための処理を含みますが、具体的な連絡先と難読化手順は公開データへ登録していません。

トップ、会社、メンバー、採用にページ固有のtitle、description、canonical、OG情報、構造化データを設定します。

sitemapとrobotsも公開パッケージへ含め、物理ページの構成と検索エンジン向け情報を一致させます。

ビルド後の公開ファイルを許可リストと参照関係で確認し、必要な資産の欠損と公開対象外ファイルの混入を検出します。

checksumを含む配布物としてまとめ、同じ工程を再実行して公開候補を確認できるようにしています。

画面実装とビルド処理は型検査と自動テストの対象とし、公開時には静的配布パッケージの構成も確認します。

共有リポジトリ全体のテスト件数はこのサイト単体の成果とみなさず、登録上は具体的な件数を成果へ転記していません。

制作年、制作期間、個人担当、現在の公開状態、問い合わせ・採用成果は確認資料がないため断定していません。

アクセシビリティは完全対応と表現せず、表示拡大、テキスト選択、動きの低減などを継続改善の対象として扱います。人物、所在地、採用条件、連絡先、取引先、内部設定は登録対象外です。