TOMORE

【概要】

野村不動産が展開する新ブランド「TOMORE（トモア）」のブランドサイト制作において、フロントエンド実装を担当。新しいひとり暮らしの価値を提案するブランドの立ち上げに伴い、社外案件では初となるVue.jsを用いたSPA（Single Page Application）構成を自ら提案・導入。ブランドの世界観を損なわないシームレスな画面遷移とインタラクションを実現しました。

【担当】

フロントエンド構成提案、フロントエンド実装、インタラクション設計・実装、遠隔チームとの技術ディレクション・調整

【使用技術】

HTML、CSS、JavaScript、Vue.js、GSAP、Figma

【取り組みと成果】

■ 世界観を体現するSPA構成とシームレスな体験の提案・実装

ブランドの先進性や世界観を伝えるため、画面遷移で体験が途切れないVue.jsによるSPA構成を提案・導入。滑らかなスクロールアニメーションとレスポンスの速いシームレスな画面切り替えを組み合わせ、世界観の演出と快適な閲覧体験（軽量性・表示速度）を両立したWeb体験を構築しました。

■ 拠点間を跨ぐデザイナーとの伴走と表現の最適化

デザイン完了後の実装着手ではなく、モックアップ段階から関与。離れた拠点（関西支社）のシニアデザイナーとオンラインで調整を重ね、アニメーションの動き・速度・操作感などの演出意図を具現化しました。技術的制約で表現を制限するのではなく、軽量化と演出品質を両立する実装手法を検証・提案しながら意図を正確に再現しました。

■ 社内アワード受賞と社内技術ナレッジの展開

表現の追求と快適なユーザー体験の両立が評価され、社内クリエイティブアワードにて「金賞」を受賞（同アワードで2年連続の金賞受賞）。また、自ら先行して取り組んだVue.js/SPA開発の知見や実装パターンを社内に展開し、チームにおける技術選定の幅とフロントエンドの表現力を高める契機となりました。