ウェブサイトを
今の
ビジネスにふさわしい姿に。

事業、製品、顧客層、競合状況を調査し、ウェブサイトが達成すべきことを定めます。重要な問いを明らかにし、それに沿った調査計画を作成します。

プロジェクトに応じて、以下を実施します。

事業・製品分析

ステークホルダーへのインタビュー、目標、価値提案、制約条件、成功基準。

顧客層の調査

インタビューや適切なユーザー調査手法を通じて、動機、情報ニーズ、判断基準、障壁を明らかにします。

競合分析とベンチマーク

直接の競合や他業界の参考事例を対象に、ポジショニング、コンテンツ、ナビゲーション、インタラクションのパターンを調査します。

ウェブサイトとコンテンツの監査

既存の導線、利用可能な分析データ、コンテンツの品質、現在の体験における不足点。

ビジュアル調査

ブランドの背景、参考事例、検討に値する表現の方向性。

調査結果をまとめ、デザインの判断を導くプロジェクト概要、優先事項、仮説を作成します。

ウェブサイトで伝えるべきメッセージと、お客様が判断するために必要な情報を定めます。それをもとに、サイトマップ、コンテンツの階層、ユーザーフロー、ページのプロトタイプを作成します。

プロトタイピングによって、情報の順序や重要なインタラクションの仕組みを検討できます。主要な導線を確認し、適切なテストを行って、詳細なデザインに進む前に疑問点を解消します。

主要なシナリオを検討した、ウェブサイトのコンテンツと構造の基盤を作成します。

ブランドをオンラインでどのように見せ、感じさせ、動作させるかを検討します。タイポグラフィ、構成、画像、色、動きを、プロジェクト概要に基づいたビジュアルの方向性としてまとめます。

代表的なページやインタラクションで方向性を示し、その根拠をご説明したうえで、お客様のチームとともに選定したコンセプトを磨き上げます。

ウェブサイト全体に展開できるビジュアル表現について合意します。

構成、コンテンツ、ビジュアルの方向性を統合し、最終的なページデザインを作成します。コンセプトを、レスポンシブレイアウト、再利用可能なコンポーネント、インタラクションの状態を備えた完全なウェブサイトへと発展させます。

実際のコンテンツやさまざまな画面サイズを用い、主要な導線の細部まで検討します。プロジェクトの規模に合わせてコンポーネントシステムを作り、将来の追加にも対応できるようにします。

再利用可能なReactコンポーネントに展開できる、レスポンシブ対応のページデザインとデザインシステムを作成します。

再利用可能なコンポーネント、ページレイアウト、インタラクション、合意したコンテンツ管理機能と連携機能を含むウェブサイトをReactで構築します。開発中もデザインレビューを続け、実際に動作するウェブサイトでも、タイポグラフィ、レイアウト、動き、挙動が意図した品質を保てるようにします。

合意したブラウザーやデバイスで、重要な導線、フォーム、レスポンシブ動作、アクセシビリティ、パフォーマンスをテストします。

テストを完了し、公開に向けて準備した、稼働するReactウェブサイトと再利用可能なコンポーネントライブラリを納品します。

公開を調整し、公開ドメインでウェブサイトを確認して、主要な導線と合意した分析イベントが正しく機能することを検証します。リニューアルの場合は、既存のページやURLからの移行を計画します。

分析段階で定めた成功基準を、測定内容の指針とします。Reactウェブサイト、コンポーネントライブラリ、合意した関連資料をお渡しし、公開直後の状況を確認します。

次のステップの判断に必要な測定環境を備えた、公開中のウェブサイトを納品します。

公開後の追加改善にも対応できます。ユーザーからのフィードバックや利用可能な行動データを確認し、改善機会の優先順位をつけて、次の施策を合意します。

各サイクルでは、コンテンツ、ナビゲーション、インタラクション、新しいページや機能を改善できます。変更内容は、プロジェクトの目標と利用可能な根拠に照らして評価します。

作業範囲と実施頻度は別途合意します。