2016年7月24日「Adobe Design Jimoto Vol.2 in 渋谷」のトークセッション用のスライドです。LiBについて話しました。

1. ブランディングを意識したサービス開発の一歩
灰色ハイジ / 2016.07.24 @Adobe Design Jimoto Vol.2 in 渋谷

2. 灰色ハイジ @haiji505
Freelance Planner & Designer
LiB Designer
自己紹介

3. ・はてなでwebデザイナー
・博報堂アイ・スタジオでwebデザイナー
・SIXにてインタラクティブ・プランナー
をしていました
自己紹介

4. 昨年からフリーランスになり、
今年の頭から女性向けスタートアップの
LiBに入りました
自己紹介

5. フリーランスで広告や他社のデザインをしつつ、
LiBではUI / UXデザイナーをしています
（LiBの複業可能な独自制度を利用）
自己紹介

6. 未来にローンチするサービスのビジョンを描く仕事や、
イベント体験の企画などをしていました
前職で最後の方に関わっていた仕事

7. 世界観を抽出して、
ブーストさせる
マス
広告
プロモーション
ネット
サービス
デジタルプロダクト
世界観の構築
運用
×
それぞれの得意な領域

8. ものづくりの大雑把な流れ
広告
・
プロモーション
プロジェクト
プランニング
デザイン
・
開発

9. 広告
・
プロモーション
プロジェクト
プランニング
デザイン
・
開発
前職で関わっていたのは主にこの部分
ものづくりの大雑把な流れ

10. いちデザイナーとして、
サービス開発のサイクルの中に関わって
ユーザーが直接触れるものを作りたい
ものづくりの大雑把な流れ
広告
・
プロモーション
プロジェクト
プランニング
デザイン
・
開発

11. サービス紹介

16. 何をやっているか

17. やっていること
企画 デザイン 開発
ユーザーインタビュー
課題の発見
施策の案出し
情報設計
UI / web / Visual デザイン
フロントコーディング（Slim / SCSS）
Xcode Storyboard
GitHub
Docker
etc

18. やっていること
企画 デザイン 開発
ユーザーインタビュー
課題の発見
施策の案出し
情報設計
UI / web / Visual デザイン
フロントコーディング（Slim / SCSS）
Xcode Storyboard
欲張りなので、全行程関わりたい 🙃🙃
GitHub
Docker
etc

19. LiBのプロダクトチームの特徴
プロダクトマーケティング＆ブランディング
CTO
エンジニア
エンジニア
ディレクター不在のチーム
マーケター（プロダクトオーナー）
デザイナー
…
デザイナー
デザイナー

20. LiBのプロダクトチームの特徴
プロダクトマーケティング＆ブランディング
CTO
エンジニア
エンジニア
＝コミュニケーションロースを減らし、
皆が課題を考え実行できる組織
マーケター（プロダクトオーナー）
デザイナー
…
デザイナー
デザイナー

21. 課題とやったこと

22. 1
ビジョン共有

23. 入って最初の課題
新規のサービス開発が、
マーケターの考えをエンジニアが汲みつつ
何となく進んでいた

24. 入って最初の課題
「これってどういうサービスで、
どんなところがゴール何だっけ？」
ということが、あまり明確に共有されてない状態

25. クリエイティブブリーフを作って、
サービスの描くビジョンやゴールを共有

26. プロジェクトメンバー全員で
話しながら項目を埋めることで
誰かから降ろされたミッションではなく、
チームのミッションに

27. 小話

28. 小話
現在、所属するセクションには女性が私1人
あとは、チーフデザイナー、エンジニアみんなが男性

29. 小話
開発で意見を言う時に
「ユーザーインタビューでこんなこと言ってたよ」
「女性はこれが嬉しいです!」
「女性はこうやって物事決めます!」
と伝えると、
納得してもらいやすい、なるほどと思ってもらえる
＝ユーザーの代弁者になりながらサービス開発に携わる

30. 小話
ただし、一般的な女性からは私もほど遠いので・・・
UI改善においてはユーザーインタビューは必須

31. 2
小さなことからコツコツと世界観を積み上げる

32. 課題
メールマガジンは未だ強力なリテンションツール
メルマガを編集・配信しているメンバーから
ヘッダー画像のビジュアルをよくしたいとの相談

33. 課題
何本か出すうちの、
LiBzCAREER本体のメールマガジンは、
開封率はいいのにクリック率が悪いことが判明

34. Before

35. Before

36. Before
ユーザーの大半はスマホなのに
タップ領域が小さい

37. After

38. After

39. After
タップ領域を確保
知っている企業や、
興味の湧きやすい写真を配置

40. 結果
クリック率が1.4%にあがった!

41. ただ、今日のお話は
細かい数値改善の話というより・・・

42. 世界観の構築
ただの情報配信のメルマガではなく、
今後の働き方を考える回答の1つだと思って欲しい

43. 世界観の構築
あえて働く女性のビジュアルは使わない
楽しい未来が待っていると前向きになってもらえるビジュアルに

44. 世界観の構築
職種別求人は情報を送る場なので、
職種ごとに合わせたビジュアルをヘッダーに

45. 世界観の構築
嘘すぎず、ただ少し憧れられるようなビジュアルに
前向きになってもらえる世界観を

46. 世界観の構築
ストックフォトで写真を選ぶ時に正面の写真以外を選ぶか、
トリミングして顔は写さない
✖

47. スタートアップで世界観を構築するためには
・KPIに基づいてサービス開発の優先順位が決まる
・（主にビジュアル的な面のみの）デザインはチームに
必要性がなかなか伝わらず改善や実行のタイミングが
難しい
・サービスのフェーズやメンバー規模的にブランディングに
特化した体制作りは難しい

48. スタートアップで世界観を構築するためには
・数値改善をするタイミングで、
世界観を構築するために改善も合わせて行う
・まずは小さなところから、
コツコツとサービスの世界観を良くしていく

49. LiBではデザイナーを募集しています
libinc.co.jp