Couger HP内トップページ作成

ブランドヴィジョンすり合わせ

Connectomeは複数の先端技術が統合して機能するインフラであり、表面的に表出される姿と表面的には見えない裏側で機能する姿があり、ターゲットとしているユーザにはそれら全てが可視化されているヴィジョンを示す必要があるため、１つ１つの機能がどのように機能するのか、またそれらが実現された未来都市の姿はどのようなものなのかをヒアリングし、ラフスケッチベースで世界観と構成要素を擦りあわせました。

Output

• ブランドヴィジョン/技術概要ヒアリング

• ラフスケッチ

ストーリー検討

裏側では複数の技術がどのように連携するのか、都市生活者にはどのような形で表出するのか、またマクロな全体俯瞰のConnectomeの世界観とミクロなそれぞれの技術の働きと作用がつながりを持ちつつ順を追って理解できるようなストーリーを検討しました。

Output

• サービスモデル

• ストーリーボード

ブランドヴィジュアル検討

ベンチマークしたいサイトやヴィジュアルイメージを写真やグラフィックですり合わせを行い、グランドデザインと簡易なプロトタイプを作成して全体のグラフィックの指針としました。

Output

• デザインカンプ

• プロトタイピング

デザイン/UI設計

グランドデザインをストーリーの展開パターン分検討しつつ、操作性の簡易化とナビゲーションを統一することでストーリーの章ごとに複雑かつダイナミックにインタラクションが発生してもストレスなくストーリーを追えるように配慮してUIを設計しました。

Output

• グラフィックデザイン

• ナビゲーション設計

実装・チューニング

インタラクション時のアニメーションを最終的に構成要素の動きだす順番やタイミング、強弱など精度高く再現するために実装者と調整を行いました。

Output

• インタラクションチューニング