Web Management
ウェブサイト構築
未来の「完成形」を描くサイト設計
お客様に伝えたい
全てのメッセージを洗い出す
ウェブ戦略立案の商品分析・顧客分析から導き出された「課題と解決策」をもとに、KJMを作成します。
「課題」を持つお客様がどんなコンテンツを見れば「興味」をもち、どんなコンテンツを見れば「検討」をし、どんなコンテンツを見れば「購入」するか・・・というように考えられる限りのコンテンツを洗い出していきます。
この段階で、全てのコンテンツが揃っている必要はありません。全てを作成していては、それだけで1年以上かかってしまいます。まずは自社がお客様に対して伝えたい全てのメッセージを洗い出し未来の「完成形」を作ることが大切です。
［KJM］
コンテンツの優先順位は
① 接客 ② 集客 ③ サポート
Webサイト内のコンテンツの役割は大きく３つに分類できます。
コンテンツを制作する優先順位は、オフラインの営業体制と同様に、接客を固めてから集客、サポートを強化していきます。
この段階で、全てのコンテンツが揃っている必要はありません。
全てを作成していては、それだけで1年以上かかってしまいます。
まずは自社がお客様に対して伝えたい全てのメッセージを洗い出し未来の「完成形」を作ることが大切です。
① 接客コンテンツ
訪問したユーザーに、サービスの魅力を伝えるコンテンツです。いくら広告費をかけて集客しても接客できないとコンバージョンには繋がりません。最優先で作るべきコンテンツです。
例）製品・サービスページ、お客様の声など
② 集客コンテンツ
コンテンツマーケティングやSEOを駆使して、検索エンジンからユーザーを連れてくるコンテンツです。ユーザーが求める情報を提供することで、認知度とエンゲージメントを高めていきます。
例）情報提供ページ、コラムなど
③ サポートコンテンツ
サービスを購入したお客様に向けたコンテンツです。ウェブマーケティングに取り組み始めた企業においては、３つのコンテンツの中でもっとも優先順位の低いものになります。
例）サポートページ、会員専用ページなど
３割の完成度で公開して育てる
最低限の接客コンテンツが完成したら公開します。この時点では、コンテンツは全体の３割程度しかできていないはずです。
それでも早期に公開するのには、次のようなメリットがあるからです。
- 運用者にとって、ウェブサイトがどんどん良くなっていくのは楽しい！
- お客様にとって、会社が動いていることを印象づけられる。
- 検索エンジンは更新されるウェブサイトが大好き！
また弊社では、ウェブサイトの設計も時間をかけることはおすすめしておりません。
例えば、設計段階でペルソナごとの導線設計を行い、ユーザーテストをして、詳細なディレクトリ構造を作っていくというプロセスを踏んだとします。
しかし、必ずしもユーザーは想定通りの動きをしません。設計が正しいものであったかの答えはユーザーのみが持っています。
それならば、公開してからユーザーの導線を解析すれば、想像で作る導線設計よりも使いやすいウェブサイトになるのです。
品質の担保
配信品質
配信品質とは、速く確実につながることです。日本国内のウェブサイトは、海外のウェブサイトと比較して、画像の表示が多いという特徴があります。さらに、SNSのいいね！ボタンやシェアボタンの設置等も加わると、サイトの表示速度は遅くなっていきます。
ある調査結果によると、表示速度が１秒遅くなると７％のコンバージョン率が低下し、１秒速くなると２倍のブランドイメージがUPする効果があったというデータもあります。今や、利用者にとってサイトの表示速くて当たり前になっています。つまり、配信品質の善し悪しは、売れる要因ではなく売れない要因ということです。
そこで弊社では、配信品質を上げるために不要なファイルの読み込みをなくし、内部構造の最適化を行います。
情報品質
情報品質とは、情報が正しくわかりやすく伝わることです。情報量が適切で、ユーザーにとって価値ある情報があり、内部構造（サイトのつくり）が整っているサイトが情報品質の高いサイトと言えます。
ユーザーが検索行動をとった場合、検索結果に表示された情報の中で、ユーザーが知りたい内容とマッチしたコンテンツがあった場合のみ、サイトへ誘導する事ができます。
弊社では、市場分析やユーザー分析をもとにニーズの把握を十分に行った上で、コンテンツの作成を提案します。さらに、ウェブサイトを構築する際の世界標準「W3C」に準拠することで、適切なユーザーに適切な情報を届けます。
情報品質の良いサイトは集客できる
情報品質の良いサイトは集客できる
コンテンツが十分にあっても、ユーザーのニーズにマッチした内容でないと集客できない
コンテンツが十分にあり、ユーザーのニーズにマッチした内容であっても、検索結果に表示されないと集客できない
モバイルフレンドリー
デバイスの多様化により、１人のユーザーがPC、タブレット、スマートフォンなど利用シーンにより異なるデバイスを使うようになりました。
異なる画面サイズで閲覧した場合にも、表示が最適化されるように、レスポンシブデザインで制作します。
［マルチデバイスに対応したレスポンシブデザイン］
配色のご提案
配色が与える印象
色には特定のイメージがあります。顧客にどのような印象を与えることが事業にプラスに働くかという視点で、配色を決めます。さらに、貴社のコーポレートカラーや販促物等のデザインともマッチさせることで、企業イメージを活かしたウェブサイトに仕上げます。
［UI / 色彩設計書］
| 業種 | 印象と配色 |
|---|---|
| 医療関連ビジネス | 信頼感 清潔感 スタイリッシュ |
| 高級ブランド、男性向けビジネス | 高級感 男性的 都会的 |
| 金融、コンサルティングビジネス | 信頼感 堅実 |
| スポーツ関連ビジネス | スポーティ 男性的 |
制作ポリシー
業界標準の技術で制作
当社の開発では、業界のスタンダードな技術のみ採用しています。
ウェブ運用の委託先の変更や、当社の担当に万が一のことが起こった場合にも、お客様の運用が停止しないよう属人化を避けた開発を行っています。
最新技術に対応
ウェブの運用においては、素早く施策を打てるウェブサイトであることが不可欠です。そのためには、ウェブサイトのメンテナンス性と拡張性を高める必要があります。当社では、開発効率を上げるための方法を常に模索し、新しい開発手法を積極的に取り入れることで、素早いウェブサイトの立ち上げと施策の実行を可能にしています。
設計・デザイン制作
Adobe Creative Cloudは、グラフィックデザイン及び動画編集、ウェブデザインのアプリケーションソフトウェアです。主に以下の製品を用いて、デザイン制作や画像編集を行います。
ワイヤーフレーム、プロトタイプなどを作成するUI/UXデザインツール。
写真の編集、デザインやイラストの作成に最適なツール。
テキストと画像を組み合わせたレイアウトの作成やデザイン、線や図形を組み合わせたイラストの作成に最適なツール。
開発環境
当社ではWordPressのテーマは使用しておりません。内部構造が不明瞭なテーマの使用は避け、bootstrapフレームワークをカスタマイズした独自テーマの開発により、不要なファイルの読み込みとテーマの更新によるトラブルを避けています。
PhpStormは、PHP用の商用クロスプラットフォームである総合開発環境です。PhpStormで以下の開発言語及びソフトウェアを読み込んで開発しています。
オープンソースのブログソフトウェア。データベース管理システムをもち、カスタマイズ性、保守性に優れている。
ウェブサイトを作成する最も有名なフロントエンドフレームワーク。コーディングの量を減らし、開発スピードを向上させる。
コンパイルを可能にしたCSS言語。一貫性を持ち拡張性の高いスタイルを実現できる。
動的にWebページを生成することができるサーバーサイドのスクリプト言語。メンテナンス性を向上させる。
JavaScriptコードをより容易に記述できるようにするために設計されたライブラリ。エフェクトのあるウェブサイトを実現できる。
サーバー構成
円滑な運用を行うため、開発から公開までのサーバーの用途を明確にしています。
ローカル環境（当社内）
ローカル環境で開発します。インターネット上にお客様とのファイル共有用のスペースを設けることで、データのやりとりをスムーズに行います。
開発環境（当社サーバー）
ご確認専用のサブドメインをご用意します。開発中のウェブサイトを確認いただきながら細かな仕様を詰めていきます。
ステージング環境・本番環境（お客様のご契約サーバー）
お客様のサーバーにステージング環境を作ります。本番と同じ環境で最終確認をいただくことで環境に依存する問題点を早期に事前に見つけ、完全な状態で本番環境へ反映します。
サービス
中小企業のデジタルマーケティングを、現状分析から運用までワンストップで担当いたします。
