ホームページリニューアルと 企業ブランディングのご提案
1 企業としての経済活動や 社会貢献活動の情報を インターネットを通して 社外に広くアピール
2 リニューアルからブランディングへの流れ 準備:原稿・素材の作成 1 制作:全体デザインのリニューアル 2 管理:更新性の向上 3 発展:新規収益源の開拓 4
3 リニューアルからブランディングへの流れ 準備:原稿・素材の作成 1 制作:全体デザインのリニューアル 2 管理:更新性の向上 3 発展:新規収益源の開拓 4
4 現サイトの改善すべき点 写真が少なく雰囲気が掴みづらい 航空写真と建物の写真のみで、 人気が感じられない 少し堅いイメージがある
5 よりグラフィカルにわかりやすく 実際に仕事をしている現場の取材から 実際に働いている人を取材して、 イメージではない写真や動画を撮影 文字と写真の割合を変更 文字2:写真(イラスト)8の割合 初見で雰囲気の伝わるサイトへ 販売物の見本なども追加 文字ベース のサイト からの脱却 をめざす
6 動画を撮影して現場の雰囲気をダイレクトに 簡単な撮影でよりリアルな紹介を 写真に加え、同じくデジカメで撮影 した動画を加えることで、より説得 力のあるメッセージに Youtubeにアップロードして サイトへの導線を増加 映像ならで はの訴求力 を利用
7 リニューアルからブランディングへの流れ 準備:原稿・素材の作成 1 制作:全体デザインのリニューアル 2 管理:更新性の向上 発展:新規収益源の開拓 3 4
8 現サイトの改善すべき点 閲覧者が限定されるデザインになっ ている フォントサイズが小さめで切り替え がきかない パソコンでみられることしか想定さ れていない SEOに配慮した作りを
9 障がい者雇用を行っている 企業だからこそ 取り入れるべきデザイン
10 ユニバーサルデザインの導入
11 1. ユーザーを選ばない公平性 ユニバーサルデザインの3原則 目が見えなくても利用できる 色がわからなくても利用できる 耳が聞こえなくても利用できる
12 2. 高い自由度 ユニバーサルデザイン導入の3原則 ウィンドウサイズを変えても閲覧できる 文字サイズを大きくしても閲覧できる 自分の好きなブラウザで閲覧できる 印刷しても綺麗に表示できる
13 3. 直感的な操作性 ユニバーサルデザイン導入の3原則 操作がシンプル 視覚記号(サイン)の充実 目につきやすく大き目のナビゲーション 十分な余白と配置
14 デザイン変更の具体例 ※画面はサンプルです。実際の表示は異なることがあります。 視覚記号のナビを採用し、余白の多いユニバーサルデザインへ
15 管理:更新性の向上 3 リニューアルからブランディングへの流れ 準備:原稿・素材の作成 1 制作:全体デザインのリニューアル 2 発展:新規収益源の開拓 4
16 現サイトの改善すべき点 更新が2011年で止まっている 更新作業が担当者に限定される タイムリーな告知が難しい 主流のネットサービスと連携できて いない
17 更新システム導入による 即時更新性の向上
18 ※画面はサンプルです。実際の表示は異なることがあります。
19 1. 専門知識がなくてもブログ感覚で更新できる 2. コンテンツの追加が容易で更新性が向上 3. モバイル端末からいつでも編集可能 更新システム(CMS)<3つの特長>
20 ソーシャルネットワーク サービス(SNS)の活用
21 世界最大のSNS [Facebook] ※画面はサンプルです。実際の表示は異なることがあります。 特長 企業ページの作成が可能 ホームページ内へ組み込みが可能 写真・動画の投稿が可能であり、 国内2200万ユーザーへ向けて、 企業の広報ツールとして利用できる
22 世界最大手検索エンジンのSNS [Google+] ※画面はサンプルです。実際の表示は異なることがあります。 特長 企業ページの作成が可能 検索エンジンとの連携でSEO効果 Google開発サービスとの連携に優れる (Youtube・GoogleMap等)
23 短文情報サービス[twitter] ※画面はサンプルです。実際の表示は異なることがあります。 特長 ホームページ内への組み込みが可能 140文字制限で情報の速報性が高い 2000万ユーザーが独自のネットワークで 繋がっており伝達が速い
24 ホームページを更新すると 自動的に更新内容を配信する仕組みで、 広報力が大幅に向上します
25 競合他社サイトとの比較 (富士ソフト企画) ①更新システムを組み込み、高い更新 性が確保されています。 ②業務内容を分かりやすくカテゴリー 分けして、トップページでアピール。 連絡先や問合せ先が常に表示される など、インターネット上での営業 ツールとしても機能する構成です。 ③働いている人へのインタビューや 見学会の案内など、訪問者へメ リットのある情報が豊富に用意さ れています。
26 競合他社サイトとの比較 (富士ソフト企画) ④Youtubeにイメージ映像をアップ ロードしてサイトへ組み込み、実際 の職場の雰囲気が分かる紹介映像が 用意されています。 ⑤訪問者が文字サイズを変更できる など、ユーザビリティに配慮され ています。ただし、モバイル系の 端末へは未対応でした。 ▽ 所感 自社内で更新できるシステムを備えて おり、全体のカラーリングも計画的に 作られています。動画やインタビュー など、社内の雰囲気を伝える為の工夫 が多くみられます。
27 競合他社サイトとの比較 (パソナハートフル) ①オンラインショップが開設してあり、 一部SNSとも連動しています。 ▽ 所感 全体的に文字ベースで写真が少なく、 内容量もそれほど変わらない為、似 たような印象を受けます。
28 競合他社サイト比較 (インテリジェンス・ベネフィクス) ①スタッフの顔を前面に打ち出し、人 の顔を見せることで安心感を演出し ています。 ②訪問者が文字サイズを変更できる など、ユーザビリティに配慮され ています。こちらも、モバイル系 の端末へは未対応でした。 ▽ 所感 サイトの規模的には大差ありませんが、 デザインやカラーリングが計画的に実 装されています。
29 完成度の高いユニバーサルな デザインを実装したサイトは 競合他社にはみられません
30 障がい者雇用を掲げる企業の フラッグシップモデルとして ハイレベルなユニバーサルデ ザインの実装をご提案します
31 発展:新規収益源の開拓 4 リニューアルからブランディングへの流れ 制作:全体デザインのリニューアル 2 管理:更新性の向上 3 準備:原稿・素材の作成 1
32 社内に眠っている 過去の制作物を販売できます
33 インターネットサービスのご提案 素材販売サイト[PIXTA] 1 無料出店サービス[Yahoo!ショッピング] 2
34 国内最大の素材販売サイト [PIXTA] ※画面はサンプルです。実際の表示は異なることがあります。 登録してサイト上からアップロードするだけで、 簡単に写真のオンライン販売を開始
35 販売価格表
36 ライセンス料一覧 過去の販売枚数で料率が変動します
37 基本利用料無料で 大手ショッピングサイトへ 出店できます
38 無料開放された [Yahooショッピング] ※画面はサンプルです。実際の表示は異なることがあります。
39 ご清聴ありがとうございました。