Chinook サイトリニューアル・プロトタイプ一覧

chinook.co.jp リニューアル案 — 各カードをクリックすると開きます(同じフォルダ内で開いてください)
MAIN — DESIGN RULES

Warm Wind版(デザインルール準拠)

Smoky Purple × Warm Yellowのブランドトークン準拠の本命案。紫の空間に黄色い風の波パーティクル、Build/Grow/Enableの3分類、紫バンドのMember、Warm YellowのCTA。

VERSION 01

ダーク×ネオン(初期版)

黒背景にシアン/マゼンタのネオングロー。3Dパーティクル波、マウス追従カメラ、光る枠線のカードとグラデーションCTA。

VERSION 02

ライト版(元サイトトーン)

白基調×ブルー/ティール。淡いパーティクル・ネットワーク、ソフトシャドウ、控えめな3Dチルト。元サイトの印象を維持した動的版。

PATTERN 01

ネオ・ブルータリズム

白×黒の極太罫線×Warm Yellowのベタ面。画面を支配する巨大タイポ、ハードシャドウ、多方向マーキー、過剰に反応するホバー。

PATTERN 02

横スクロール・ギャラリー

縦スクロールを横移動に変換し、8枚の100vwパネルを美術館のように渡る。進行度バーとセクション番号付き。

PATTERN 03

エディトリアル/スイスグリッド雑誌

Warm Creamの紙地に罫線グリッド、明朝の巨大見出し×等幅キャプション、目次・縦書き・ドロップキャップの編集的ディテール。

PATTERN 04

3D山と風・イマーシブ

ロゴモチーフの山並みをThree.jsのワイヤーフレーム地形で表現。スクロールでカメラが山を越え、ダークガラスのセクションが浮上。

PATTERN 05

AIターミナル/コンソール

紫黒の端末画面。コマンドのタイピング演出、●●●ウィンドウ、ASCIIアートの山、走査線とCRTフリッカー。

PATTERN 06

レトロポップ・コラージュ

切り抜きコラージュ風。回転した白カード、星と円のステッカー、マーカーの塗り跡、紙吹雪、ドラッグできるメンバーカード。

PATTERN 07

オーロラ・リキッドグラデーション

紫→黄→クリームの巨大ブロブが常に漂う「温かい風」の背景に、ガラス質のカードが浮遊。スクロールで色相が変化。

PATTERN 08

ダーク・ラグジュアリー明朝

黒×Chinook Goldの高級ブランド調。明朝の巨大見出しがゆっくりリビール、フィルムグレイン、金のパーティクル、数字カウンター。

PATTERN 09

ベントーグリッド

全セクションをタイル化。時計・カウンター・パーティクル等の「生きてる」タイルが混ざり、ホバーで持ち上がる。

PATTERN 10

スクロール・ストーリーテリング

背景色がクリーム→白→紫→黒→黄へモーフする全8章構成。巨大な章番号の視差、pinされたService切替、映画予告編のリズム。

PATTERN 11

スプリットスクリーン

左半分はsticky固定のビジュアル面、右半分がスクロール。左右が入れ替わるサプライズ、波打つ風の境界線、ホバー欄外注。

PATTERN 12

イラストワールド探索

手描き風SVGの「Chinookの丘」を旅する縦長ワールド。空が朝→昼→夕→夜へ変化し、雲が流れ鳥が横切り、夜は星が瞬く。

PATTERN 13

カーソル歪み・ミニマル

静謐な白ミニマルに驚きを。タイトル文字がマウスから逃げ、画像はホバーで波紋状に歪み、リンク文字はスクランブル。

PATTERN 14

高速スクロールライド

8つの「駅」を猛スピードで駆け抜けるジェットコースター構成。スピードライン、km/hメーター、急ブレーキのバウンド。

PATTERN 15

万華鏡マキシマリズム

回転する万華鏡canvasと曼荼羅、ドット×ストライプ×波の重ね着け。過剰なのに読みやすい、個性爆発のカラフル案。

PATTERN 16

ゲーミフィケーション

風の粒をキャッチするミニゲーム内蔵。フリップカード、ジャンプするメンバー、QUEST CLEARバッジの8bitゲームUI。

PATTERN 17

絵本

ページがめくれる1冊の絵本。手描きSVGの風の物語、クリックで鳴く鳥や揺れる花、最終ページは「はじまり」。

PATTERN 18

バーチャル美術館

緞帳が開く「開館」から、金縁の額に入った事業と実績をスポットライトで巡る展示室。床の反射と真鍮キャプション。

PATTERN 19

スプリング物理・慣性

慣性スクロールで全要素が風に煽られてskewし、見出しはバネで追従、カードは掴んで投げられる。動きの気持ちよさが主役。

PATTERN 20

宇宙探査ミッション

カウントダウン→打ち上げ→ワープする星空。惑星として現れる各セクションにドッキングし、HUDパネルとレーダーで航行。

PATTERN 21

和モダン

和紙×縦書き×筆線が書かれる墨のリビール。麻の葉・青海波の文様、朱の落款印、金の流線で描く季節風。巻物風のNews帯。

PATTERN 22

Y2Kレトロフューチャー・クローム

メタリックな巨大ロゴ、流れる遠近ワイヤーグリッド、回転クロームリング、ガラスバブルUI、虹色マウストレイル。

PATTERN 23

新聞ブロードシート

「チヌーク新聞」一面トップ。段組・号外スタンプ・速報ティッカー、ハーフトーン写真はホバーでカラーに。

PATTERN 24

クレイモーフィズム

粘土のようにぷにぷに凹むカードとボタン。CSSだけの粘土オブジェがふわふわ浮遊し、blob波形でセクションがつながる。

PATTERN 25

オーディオビジュアライザー

イコライザーバーと円形スペクトラムが律動。全要素がBPMで脈打ち、トラックリスト風News、再生バーで一時停止も可能。

PATTERN 26

折り紙・ペーパークラフト

山と風が折り上がるヒーロー、折り目の紙帯見出し、めくれる角、舞い落ちる色紙。クラフト紙の質感全面。

PATTERN 27

サイバーグリッチ

時々壊れるから効く。RGBずれ・断裂・文字化けがランダム発火し、[ERROR]→[RESOLVED]で見出しが復元する。

PATTERN 28

ブループリント・設計図

青焼き図面の方眼紙に山と風が製図されていく。図枠・寸法線・部品表・手書き注記「検討中」のメタファー統一。

PATTERN 29

デスクトップOS

架空OS「ChinookOS」。起動画面からDock、ドラッグできるウィンドウ、動く時計。スクロールせず操作するサイト。

PATTERN 30

ジェネラティブ・フローフィールド

数千の粒子がノイズ場に沿って絹のような流線を織る生成アート。マウスは突風、スクロールで風の表情が変わる。

PATTERN 31

アイソメトリック・ジオラマ

等角投影のミニチュアの島。ブロックが落ちて組み上がり、窓が点滅し車が周回する、シムシティ的な愛らしい世界。

PATTERN 32

四季の風

スクロールで春→夏→秋→冬が移ろう絵巻。桜・蛍・紅葉・雪のパーティクルと二十四節気の見出し、最後は「新しい季節へ」。

PATTERN 33

地下鉄路線図

Build線/Grow線/Enable線の3路線が走る路線図。駅クリックで移動、発車標のLED掲示、駅名標と車内アナウンス。

PATTERN 34

スケッチブック・ラフ案

方眼ノートに手描き線画が描かれていく「完成前」の誌面。赤ペン校正、めくれる付箋、剥がせるマスキングテープ。

PATTERN 35

ファッション・ルックブック

「COLLECTION 2026 — WARM WIND」。画像を全面で見せる純白のエディトリアル、LOOK番号、贅沢な余白の間。

PATTERN 36

ナレッジグラフ

バネ物理で揺れるフォースディレクテッドグラフがナビになる。ノードをドラッグで引っ張り、クリックでセクションへ。

PATTERN 37

昭和レトロ喫茶

「純喫茶チヌーク」のネオンサイン、クーポン券風カード、本日のおすすめメニュー、時々手を振る招き猫。

PATTERN 38

モノクロ・シネマ

カウントダウンリーダーから始まる白黒映画。字幕カード、アイリス転換、フィルムグレイン。唯一の色はWarm Yellow。

PATTERN 39

ホログラフィック・フォイル

マウスで傾けると虹が走るホロ箔タイポとレアカード仕様のMemberカード。未来の印刷物の質感。

PATTERN 40

禅・フルスクリーンスナップ

1画面1メッセージのscroll-snap構成。巨大な一行と余白の緊張感、詳細は「+」から静かに展開。呼吸する背景。