事業サイト v2
概要
提供サービスや制作実績を紹介する事業サイトの第 2 世代。Nuxt 2 / Vuetify 2 をベースに、型安全な開発と表現力のあるアニメーションを取り入れた。
課題・背景
旧サイトを刷新し、提供サービスや制作実績を伝える窓口として整備したかった。長期メンテナンスを見据えた型安全な開発体制と、トップでの印象付けに耐えるアニメーション表現も必要だった。
アプローチ
TypeScript で型安全な開発に切り替え、データ管理には Vuex を採用。トップヒーローのアニメーションは After Effects で動きを設計し、SVG 出力したものを lottie-web で再生することでパフォーマンスと表現力を両立させた。
成果
SEO 対策としてブログを継続更新し、毎日多くのユーザーが訪れる集客チャネルとして機能した。
担当範囲
企画立案／要件定義／コーディング／テスト／保守・運用
技術スタック
Nuxt 2／Vuetify 2／WordPress (WP REST API)／Netlify／TypeScript