設計|株式会社プロネクサスのweb制作部門レインボー・ジャパンレインボー・ジャパンは2023年10月1日に株式会社プロネクサスと合併いたしました。コラム会社情報お知らせご相談・お問い合わせ平日10:00〜19:00(土日祝日を除く)営業、パートナー応募のお問い合わせはお受けしておりません。設計ビジネス課題解決のために。webサイトのあるべき形を定義します。掲載内容と回遊導線の定義を重視します。企画・戦略フェーズで定めたことを踏まえ、全体構造設計として、以下のものを整理します。どのようなニーズを持ったユーザーがwebサイトに訪問するのか。どのようなキーワードでランディングするのか。どのページにランディングするのか。どのページにコンバージョンさせるのか。どのような動線を辿ってコンバージョンページに辿り着くのか。現状のwebサイトから何を変更するのか。コンテンツの準備方法・含めるべき内容こちらの内容はハイレベルサイトマップに反映します。ハイレベルサイトマップは、トップページを第1階層として、第2階層くらいまでの主要ページについてまとめた全体構造図になります。コンテンツマップをアップデート。制作ページの分量と構造を確定させます。コンテンツマップの定義を踏まえ、開発・実装用にコンテンツマップを拡張します。ここで制作するwebページの分量が漸く固まります。具体的には以下のような情報を追加反映します。ストーリーを重視します。一般的にはワイヤーフレームと言われたりしますがレインボー・ジャパンでは画面設計書と呼んでいます。画面設計書と呼んでいる理由は、いわゆるワイヤーフレームと呼ばれるものより情報密度が高いものとして「設計書」という呼称の方がふさわしいと考えているからです。具体的には以下のようなものを定義します。画面設計を定義する際、ユーザーの検索キーワード想定を行い、反映させるようにしています。大事にしていることは、企業(webサイトオーナーであるお客様)視点からユーザー視点へのシフトです。そのような観点で整理を行います。そのページには、webサイトユーザーが求めている情報は含まれているか?そのページの情報で、webサイトユーザーが抱える課題を解決できるか?そのページを見ていただいて上で、お客様の課題(売上や顧客数増)の解決に繋げられるか?掲載コンテンツの準備方法をお客様とすり合わせます。ページタイトル、見出し(H2〜H4)、リード文、キャッチコピーというものは、レインボー・ジャパンが提案、定義をさせていただくことが多いです。詳細な本文にあたるテキストについてはご相談となります。ここはお客さまによって対応が分かれるところで、以下のようなケースに分かれます。お客様にご用意いただく既存サイトから引用する既存サイトから引用しつつ、SEOの観点を加えつつチューニング取材などを通して作成サイト構造上、重要と位置付けるページ、ランディングページと定義しているページにおいては、SEO的観点で集客を狙うキーワードが含めるようにチューニングを行います。画面設計書を作成する対象ページは、webサイトを構成するページの全パターン網羅できるように作成します。観点でシステムを定義します。webサイトの規模にもよりますが、昨今のコーポレートサイトにおいてCMS(コンテンツ管理システム)の実装は標準対応になっています。CMS管理が多いのは以下のようなコンテンツです。事例紹介このような情報をどのように管理するのか、CMSで登録した情報がどのようにwebサイトに反映されるのか、という対応を定義します。CMSの構築にあわせて、管理機能の強化を図ることもあります。以下のようなものです。基幹システムとの連携アクセスログ分析との連携いずれにせよ、お客さまのご要望にあわせ、更新しやすくわかりやすいCMSシステムの構築が可能です。個人情報の廃棄リニューアル前のサイトでお使いのシステムを引き継ぐ場合もあります。その際は、実装仕様を確認し、「そのまま引き継ぎ可能か?」「引き継いだ場合にどのようなカスタマイズを行うか?」といったことを整理します。コンポーネント定義コンポーネントベースの制作で、更新性、保守性の高いwebサイトにいたします。レインボー・ジャパンが制作するwebサイトは更新性・保守性が高いのも特長です。それは、ページを構成する要素を部品化(コンポーネント化)し、部品ごとの用途やデザインルールを定めるからです。デザインルールを定めることで、次のようなメリットがあります。webサイトが崩れることなく正しい表示が維持される。webサイトの改修等の変化に柔軟に対応できる。webサイトの更新時の費用を安く出来る(お客様側でも更新できる)また、そのことにより、設計、コンテンツ準備、デザイン、コーディングを並行して検討出来るので、制作そのもののスピードアップにも繋がります。結果として掲載コンテンツそのものや施策等、より戦略部分にコミット可能です。