Meowster｜HPリニューアル・改善
- クライアント
-
Meowster Innovations株式会社
- プロダクト / サービス
-
Meowsterホームページ
- プロジェクト期間
- 2025/11 〜 2025/12
- チームメンバー
-
HAI
Sean
- 納品物
- https://www.figma.com/proto/oHvsTlrgdpBZsOpNzU1osO/Meowster-Website
Background & Objective 背景・目的
Meowsterは、継続的な行動・独立した人格・記憶を持つAIの可能性を探求するチームです。
単に賢いAIではなく、「人とどのように関係を築くか」を重視したAIパートナーの開発を行っています。
しかし、既存のコーポレートサイトには以下の課題がありました。
-
アプリの具体的な機能や特徴が十分に伝わっていない
-
コンテンツ量が少なく、情報が不足している
-
デザインが単調で、印象に残りにくい
-
ユーザー導線が弱い
-
アプリのブランドイメージとの統一感が不足している
-
SEO設計が十分に考慮されていない
目的
-
アプリの価値と世界観を明確に伝えるサイトへ再構築すること
-
日本市場における信頼感・認知度の向上
-
PR・広報活動に活用できる情報基盤の整備
- SEO強化による検索流入の拡大
改善前のページ
Project Overview プロジェクト概要
本プロジェクトでは、MeowsterコーポレートサイトのUI/UXリデザインを実施。
単なるビジュアル改善にとどまらず、
-
情報設計（IA）の再構築
-
コンテンツ戦略の整理
-
SEO視点を含めたサイト構造の再設計
-
将来的なWeb展開を見据えた拡張性のある設計
を含めた包括的な再設計を行いました。
最終的に、コンセプトの異なる3つのデザイン案を制作し、方向性の比較検討が可能な形で提案しました。
Execution Details 実施内容
① 課題分析
-
既存サイトのUI/UX分析
-
情報不足箇所の洗い出し
-
競合プロダクトとのポジショニング整理
-
日本市場向け訴求ポイントの再定義
② 情報設計（IA設計）
-
サイト全体構造の再設計
-
プロダクト理念と機能の可視化
-
アプリ機能紹介セクションの体系化
-
ニュース／コラムセクションの新設提案（SEO強化）
-
明確なCTA導線の設計
③ UI/UXデザイン
-
ブランドトーンに合わせたビジュアル再構築
-
「感情に寄り添うAI」という世界観の表現
-
情報の階層整理と視線誘導設計
-
モバイルファースト設計
-
アプリUIとのデザイン統一
④ SEO・コンテンツ戦略提案
-
検索流入を意識したニュース／記事構造の提案
-
カテゴリ設計・URL設計の整理
-
コンテンツ拡張を前提とした情報アーキテクチャ設計
Result 結果
-
アプリの価値が明確に伝わるサイト構造を構築
-
ブランド世界観の統一
-
ユーザー導線の最適化
-
SEOを見据えた情報基盤の整備
Gallery ギャラリー
