各ページの情報構造やレイアウトを決めていきます。画面設計の初期段階では、ラフなイメージを紙に描いていきます。これをペーパープロトタイプと呼びます。紙とペンを用い、付箋紙でメモを加えながら検討を進めることが多いですが、場合によってはペーパープロトタイプを撮影してプロトタイプピングツールに取り込み、操作感まで再現していく場合もあります。ペーパープロトタイプのメリットペーパープロトタイプはアプリ開発の現場で注目されるようになった手法ですが、Web制作にとっても以下のようなメリットがあり、私たちの会社でも積極的に使われている手法です。紙とペンだけなので、ツールのオペレーションで無駄な時間を使うことがない描かれるのがラフだからこそ、ディテールに惑わされず、アイデアにフォーカスできるスクラップ&ビルドが容易に行える複数人で協議しながらのプロトタイピングが容易に行えるデザイナーではないメンバーも検討に加わり、アイデアを出すことができるアイデアが具体化されるスピードが速いペーパープロトタイプを提案に用いるべきか?なお、私たちは、ペーパープロトタイプをデザイナー間でのアイデア・情報共有のツールとして使っています。一方でこれをクライアント企業と共有するかどうかは、担当者のリテラシーを見て判断します。Web制作のリテラシーが高い担当者の場合、ペーパープロトタイプから完成像をある程度頭の中で描くことができます。ペーパープロトタイピングの位置づけを理解した上で、完成形を想像し、議論しながら共にプロトタイプを作っていくような進め方が可能になります。リテラシーが高くない担当者にとっては、ペーパープロトタイプから完成形を想像するのは難しいでしょう。デザインや動くものを見ないとわからないことが少なくありません。このような場合には、ペーパープロトタイプは開発チームの中だけで共有され、クライアント企業にはワイヤーフレーム、もしくはHTMLプロトタイプで認識共有を図るのがいいと私たちは考えています。ベイジは目に見える部分だけでなく、その根底にある戦略的な設計を非常に重視しています。ディテールに惑わされないペーパープロトタイプを重視しているのも、より戦略的な設計やデザインを求めるが故です。私たちの成果にこだわる戦略的なWeb制作をご希望の方は、お気軽にご相談ください。Planningサイト内体験シナリオWebサイト内におけるユーザ体験の流れを、ターゲット別や流入経路別にシナリオ化します。これにより、ユーザの行動動線に沿ったコンテンツ配置やナビゲーション設計を実現します。良いコンテンツとは、量や質ではありません。戦略からブレイクダウンしたKPIやROIを満たす、適切な量と質が求められます。この観点から、成果に繋がる有益なコンテンツを企画します。詳しく見るサイトマップ設計Webサイトのカテゴリ構造とページを定義します。構造を指し示すだけでなく、動線やキーワード、各種属性値の設定や要件なども記載され、スケジュールや見積の根拠にもなる重要な仕様書の一つです。詳しく見るペーパープロトタイプいきなりデザインやワイヤーフレームを作るのではなく、紙とペンを使ったアイデア検討を行います。指先を使って思考することで脳を活性化し、バイアスの少ない自由なアイデアを引き出します。詳しく見るワイヤーフレームビジュアルデザインの前段階で、画面に配置するコンテンツや機能を定義するためのドキュメントです。私たちは主に、小規模なWebサイトや特殊な構造のアプリケーションなどで活用しています。詳しく見るHTMLプロトタイプ私たちの画面設計では、ワイヤーフレームではなくHTMLプロトタイプを主に用います。ブラウザで確認でき、マルチデバイス対応もされているため、より正確に画面仕様を確認できます。詳しく見るCMS選定・設計WordPressの実績が多く、カスタマイズなどの知見も豊富です。WordPressに限らず、Webサイトに求められる要件や運用体制、予算などに応じて、最適なCMSの選定と設計を行います。詳しく見るコーディングガイドラインHTMLコーディングに関しては、ウェブ標準、ユーザビリティ、アクセシビリティ、SEO、プロジェクト特性などの観点を考慮したコーディングガイドラインを策定し、開発チーム内で共有しています。詳しく見る表記統一ガイドライン私たちはWebサイト内のコピーの品質にもこだわっています。送り仮名やカタカナ表記、専門用語など、執筆者によってばらつきがちな表記や表現をガイドライン化し、コピーの品質を一定に保ちます。詳しく見るフォーム設計ユーザの情報を取得できるフォームは、戦略上重要な機能になりえます。ユーザ行動や顧客化プロセス、コンテンツ特性などから、効果的なフォームの使い方、データ収集の仕方を企画、設定します。詳しく見るシステム要件定義・設計エンジニアが在籍しているため、サーバサイドの設計や小規模な開発は社内で対応します。クライアント企業やプロジェクト特性を考慮した、質の高い設計やドキュメンテーションも可能です。Planning市場調査、データ解析、ターゲット選定から、カスタマージャーニー、ROI、KPI、流入経路、データマネジメントといった各種設計など、Webサイトの成功に影響を与える戦略要素を精緻化。詳しく見る詳しく見る企画・設計Planning戦略に基づくコンテンツの企画、コピーの制作から、全体構造の設計、各種プロトタイプ作成、制作・開発ルールのガイドライン化、要件定義など、戦略を目に見えるアイデアとして具体化。詳しく見る詳しく見る制作・開発Implementデザイン、コーディング、フロントエンドからサーバサイドのプログラミング、マルチデバイス対応、テスト設計に至るまでの制作・開発工程を一元化、質の高いアウトプットを実現。構築、ドキュメント整備、アドバイザリー活動など、Webサイトの公開後も強力にサポート。Management戦略から設計、開発、運用に至るすべてのフェーズでタスクやステータスを細かく管理。複雑な承認フローや不確実性の高さにも柔軟に対応し、プロジェクトをゴールまで導きます。site会社案内ダウンロード社内で検討されたい方のために実績などをまとめた会社案内をPDFでご用意しています。ご自由にダウンロードください。ダウンロードするお電話でのお問い合わせはこちら03-6407-8750平日10:00~18:00まで。セールス目的のお電話はご遠慮ください。ご相談・お問い合わせはこちらご相談・お問い合わせ会社案内ダウンロード社内検討用の会社案内のPDFはこちらshare。