n2p blog
キャンペーンやSNSの
"ためになる"情報を
執筆しています。
自慢できるようなかっこいい自社コーポレートサイトができるまでの道のり vol.10
![](https://n2p.co.jp/wp-content/uploads/2020/05/0083d197a0e5d54a71c229d15dcf7608-840x527.png)
公開日:2020/05/22
こんにちは、エンジニアの嘉部です。
天気の悪い日が続きますね。
雨は好きなんですがこうも毎日続くと……というのが正直なところ。
3日に1回は晴れてほしい、あとはいくらでも降ってもらって構わないので。
よろしく頼んだ。
さて、「自慢できるようなかっこいい自社コーポレートサイトができるまでの道のり vol.10」は嘉部が担当します。
やったこと
美術チーム
今週は社内でCI/VIの共有を行いました。
社内共有時に使った資料を公開していきます。
CI説明資料
![](https://n2p.co.jp/wp/wp-content/uploads/2020/05/694472a5ca344c628145b10bfb7da98c.png)
![](https://n2p.co.jp/wp/wp-content/uploads/2020/05/8ddab951f34a87bd4e66f2478901bb2c.png)
![](https://n2p.co.jp/wp/wp-content/uploads/2020/05/95cd27d5fa20f868b7f0380cce80c8b4.png)
![](https://n2p.co.jp/wp/wp-content/uploads/2020/05/a469d5d9067ff735598f55ff4a297006.png)
会社内部でCIを作成する最大のメリットは制作過程や議論といった目に見えないものが会社資産になるという部分にあります。
社員全員がジブンゴトとしての意識を持った上で今回のCI変更に携わってもらうために、VI提案の前段としてCIとはなんなのか、 CI変更に至った経緯はなぜか、ということを共有しました。
VI提案資料
![](https://n2p.co.jp/wp/wp-content/uploads/2020/05/d2e74839182c43f8295ccb01f7391994.png)
![](https://n2p.co.jp/wp/wp-content/uploads/2020/05/83ff3084fc6bb167b09ff7c1dfd5d8ed.png)
まずメッセージ(MI)の共有を行いました。
現在のミッション・ビジョン・バリューを再定義し、新たなメッセージを作成しています。
![](https://n2p.co.jp/wp/wp-content/uploads/2020/05/62fab49057d926749ccba33cc7571ab1.png)
新たなメッセージを元に作成された4つの案を共有しました。
01. Be clever and flexible. “賢く柔軟であれ”
![](https://n2p.co.jp/wp/wp-content/uploads/2020/05/ec402817c3cea471da05322b5ebf8ec6.png)
![](https://n2p.co.jp/wp/wp-content/uploads/2020/05/8dec937ffab1a401dad024bed8dd7aeb.png)
![](https://n2p.co.jp/wp/wp-content/uploads/2020/05/560a7299569c74ab933cb87f8a0ab7c4.png)
![](https://n2p.co.jp/wp/wp-content/uploads/2020/05/49429c7eeef64b7d4c2e5f90585d314e.png)
02. 賢く、強く、鮮やかに。Be clever, tough and vivid.
![](https://n2p.co.jp/wp/wp-content/uploads/2020/05/ae35a2128648b0f15f50cbca75d1374b.png)
![](https://n2p.co.jp/wp/wp-content/uploads/2020/05/aa72232efcad2c0ff28d747d5fd1711f.png)
![](https://n2p.co.jp/wp/wp-content/uploads/2020/05/a7c4d7add65d2dbac3cc1c0d75668d4f.png)
![](https://n2p.co.jp/wp/wp-content/uploads/2020/05/dfc12c78fe88b0e007cf0b35196008a7.png)
03. a wire-puller of “interesting” “おもしろいの黒子(くろこ)”
![](https://n2p.co.jp/wp/wp-content/uploads/2020/05/35596a18141210e59eed4dd622bfb267.png)
![](https://n2p.co.jp/wp/wp-content/uploads/2020/05/beb3e9f5abc7e393fb083080b14b5d9b.png)
![](https://n2p.co.jp/wp/wp-content/uploads/2020/05/fbcbf05063ff63a089b6fe142c948070.png)
![](https://n2p.co.jp/wp/wp-content/uploads/2020/05/0537cb61963daf3d032d7030d7f37f7a.png)
04. Beyond “interesting” “面白いの先へ”
![](https://n2p.co.jp/wp/wp-content/uploads/2020/05/a7d674c2b4b3706eb57e11eecd0ac4a9.png)
![](https://n2p.co.jp/wp/wp-content/uploads/2020/05/69f7208b71b794799a1154ddfe78b8e4.png)
![](https://n2p.co.jp/wp/wp-content/uploads/2020/05/8efd41942eb50ae3b3bc34aaba36013a.png)
![](https://n2p.co.jp/wp/wp-content/uploads/2020/05/2a0f845b79651035951fa85754b47a0c.png)
詳細を確認したい場合は画像を新しいタブで開いてください。
(抜粋して載せようかと思ったけど面倒だったので全部載せました)
今後はアンケートの結果を元にブラッシュアップし、再度社内共有を行なう予定です。
文芸チーム
今週は進捗ありません。
技術チーム
今週は4つ
- サイトの現状把握及びまとめ(Analyticsの数字)
- サイトの評価軸の調査
- リニューアルが及ぼすマーケティング業務へ影響調査
- 現サイト問題点を解決するための実装方法の調査
先週のABテスト云々の流れから、引き続きサイトの評価軸を調査しています。
何を基準にするにしろ現サイトの数値をまとめることは悪くないだろうといった思いつきから数字をまとめました。
またリニューアルはテストではないため、そもそもABテストの範囲外の話であり一定期間のCV数や直帰率、セッション数などの純粋な数字で測るほかないのでは……?といった話もあがっています。
リニューアルサイトの実装方法についてはまた機会があるときに。
今週のgood web design
Josh Newton — Design Director / Motion Designer
![](https://n2p.co.jp/wp/wp-content/uploads/2020/05/zj0M0Pin.png)
アメリカ人のデザインディレクター/モーションディレクターのJosh Newtonさんのサイト
実績の見せ方が素敵、カーソルを追う左上から覗く瞳も良いアクセントになってる。
TIMETABLE®
![](https://n2p.co.jp/wp-content/uploads/2020/05/image-1.png)
ロサンゼルス拠点のレコードレーベルTIMETABLE®のサイト
視覚的にめっちゃ楽しい。
おそらくリリースに合わせてトップを変えている?現在はタイトルのスペクトラムをモチーフにパズルが展開されている。
ヘッダーの落ち着いた感じも好き。
余談でこのリリースされたアルバム良いですおすすめチルい。
▽先週の週報はこちらです
https://n2p.co.jp/blog/planning/n2p-corporatesite-09/
-
ARプロモーション事をさらに知りたいかたはこちらもチェック!
ARを活用したプロモーション事例|事例解説付き25選
近年、 WEBキャンペーンではARなどの最新技術を取り入れたものが多くなってきました。本資料では、AR技術をプロモーションに活用したい企業さまに向けて、ARを活用したプロモーション事例を25個まとめてご紹介します。
-
XR事業を展開する株式会社palan様とコラボ動画はこちら!
ARコンテンツを提案したい方必見!プロモーションAR活用事例と本質
昨今、よく耳にされるようになったAR。「WebARとアプリARの違いって何?」「ARを活用する際にはどうしたらいいのか」こんなお悩みはありませんか?本動画では、AR技術/ARを活用したプロモーション/ARキャンペーンでできることを解説します。