←BACK TO WORKS一覧へ戻る
実案件CORPORATE
AKASHIKI WORKS FINDER
制作会社・BtoB / Webツール
制作実績検索ツール。React + TypeScriptで構築したインタラクティブなフィルタリングUI。
このプレビューは実サイトを埋め込み表示しています。レイアウトは実際の閲覧環境と異なる場合があります。
CONCEPT
制作実績の検索・比較ツール。7軸フィルタリング・キーワード検索・6種ソート・グリッド/リスト表示切替をReact + TypeScriptで実装し、URL永続化で探索状態を共有可能にしたインタラクティブSPA。
背景・課題
17件の作品データに対して7軸フィルタ・検索・ソートを直感的に操作できるUIを設計し、URL状態永続化で探索状態の共有を実現した。
DESIGN PERSPECTIVE
TECHNOLOGIES & FEATURES
主な機能
フィルタリングキーワード検索ソート表示切替URL永続化
使用技術
ReactTypeScriptCSSVite
CMSなし
フォームなし
アニメーションなし