ブランディングを意識したサービス開発の一歩
灰色ハイジ / 2016.07.24 @Adobe Design Jimoto Vol.2 in 渋谷
灰色ハイジ @haiji505
Freelance Planner & Designer
LiB Designer
自己紹介
・はてなでwebデザイナー
・博報堂アイ・スタジオでwebデザイナー
・SIXにてインタラクティブ・プランナー
をしていました
自己紹介
昨年からフリーランスになり、
今年の頭から女性向けスタートアップの
LiBに入りました
自己紹介
フリーランスで広告や他社のデザインをしつつ、
LiBではUI / UXデザイナーをしています
(LiBの複業可能な独自制度を利用)
自己紹介
未来にローンチするサービスのビジョンを描く仕事や、
イベント体験の企画などをしていました
前職で最後の方に関わっていた仕事
世界観を抽出して、
ブーストさせる
マス
広告
プロモーション
ネット
サービス
デジタルプロダクト
世界観の構築
運用
×
それぞれの得意な領域
ものづくりの大雑把な流れ
広告
・
プロモーション
プロジェクト
プランニング
デザイン
・
開発
広告
・
プロモーション
プロジェクト
プランニング
デザイン
・
開発
前職で関わっていたのは主にこの部分
ものづくりの大雑把な流れ
いちデザイナーとして、
サービス開発のサイクルの中に関わって
ユーザーが直接触れるものを作りたい
ものづくりの大雑把な流れ
広告
・
プロモーション
プロジェクト
プランニング
デザイン
・
開発
サービス紹介
ブランディングを意識したサービス開発の一歩
ブランディングを意識したサービス開発の一歩
ブランディングを意識したサービス開発の一歩
ブランディングを意識したサービス開発の一歩
何をやっているか
やっていること
企画 デザイン 開発
ユーザーインタビュー
課題の発見
施策の案出し
情報設計
UI / web / Visual デザイン
フロントコーディング(Slim / SCSS)
Xcode Storyboard
GitHub
Docker
etc
やっていること
企画 デザイン 開発
ユーザーインタビュー
課題の発見
施策の案出し
情報設計
UI / web / Visual デザイン
フロントコーディング(Slim / SCSS)
Xcode Storyboard
欲張りなので、全行程関わりたい 🙃🙃
GitHub
Docker
etc
LiBのプロダクトチームの特徴
プロダクトマーケティング&ブランディング
CTO
エンジニア
エンジニア
ディレクター不在のチーム
マーケター(プロダクトオーナー)
デザイナー
…
デザイナー
デザイナー
LiBのプロダクトチームの特徴
プロダクトマーケティング&ブランディング
CTO
エンジニア
エンジニア
=コミュニケーションロースを減らし、
皆が課題を考え実行できる組織
マーケター(プロダクトオーナー)
デザイナー
…
デザイナー
デザイナー
課題とやったこと
1
ビジョン共有
入って最初の課題
新規のサービス開発が、
マーケターの考えをエンジニアが汲みつつ
何となく進んでいた
入って最初の課題
「これってどういうサービスで、
どんなところがゴール何だっけ?」
ということが、あまり明確に共有されてない状態
クリエイティブブリーフを作って、
サービスの描くビジョンやゴールを共有
プロジェクトメンバー全員で
話しながら項目を埋めることで
誰かから降ろされたミッションではなく、
チームのミッションに
小話
小話
現在、所属するセクションには女性が私1人
あとは、チーフデザイナー、エンジニアみんなが男性
小話
開発で意見を言う時に
「ユーザーインタビューでこんなこと言ってたよ」
「女性はこれが嬉しいです!」
「女性はこうやって物事決めます!」
と伝えると、
納得してもらいやすい、なるほどと思ってもらえる
=ユーザーの代弁者になりながらサービス開発に携わる
小話
ただし、一般的な女性からは私もほど遠いので・・・
UI改善においてはユーザーインタビューは必須
2
小さなことからコツコツと世界観を積み上げる
課題
メールマガジンは未だ強力なリテンションツール
メルマガを編集・配信しているメンバーから
ヘッダー画像のビジュアルをよくしたいとの相談
課題
何本か出すうちの、
LiBzCAREER本体のメールマガジンは、
開封率はいいのにクリック率が悪いことが判明
Before
Before
Before
ユーザーの大半はスマホなのに
タップ領域が小さい
After
After
After
タップ領域を確保
知っている企業や、
興味の湧きやすい写真を配置
結果
クリック率が1.4%にあがった!
ただ、今日のお話は
細かい数値改善の話というより・・・
世界観の構築
ただの情報配信のメルマガではなく、
今後の働き方を考える回答の1つだと思って欲しい
世界観の構築
あえて働く女性のビジュアルは使わない
楽しい未来が待っていると前向きになってもらえるビジュアルに
世界観の構築
職種別求人は情報を送る場なので、
職種ごとに合わせたビジュアルをヘッダーに
世界観の構築
嘘すぎず、ただ少し憧れられるようなビジュアルに
前向きになってもらえる世界観を
世界観の構築
ストックフォトで写真を選ぶ時に正面の写真以外を選ぶか、
トリミングして顔は写さない
✖
スタートアップで世界観を構築するためには
・KPIに基づいてサービス開発の優先順位が決まる
・(主にビジュアル的な面のみの)デザインはチームに
 必要性がなかなか伝わらず改善や実行のタイミングが
 難しい
・サービスのフェーズやメンバー規模的にブランディングに
 特化した体制作りは難しい
スタートアップで世界観を構築するためには
・数値改善をするタイミングで、
 世界観を構築するために改善も合わせて行う
・まずは小さなところから、
 コツコツとサービスの世界観を良くしていく
LiBではデザイナーを募集しています
libinc.co.jp
ブランディングを意識したサービス開発の一歩

More Related Content

PDF
デザインのためのデザイン
PDF
エクスペリエンス・デザイン
PDF
デザインのための経営のデザイン
PDF
デザイナーの私と サービスをつくる私
PPTX
息のながーいB2Bサービスで、デザイナーが価値を発揮するための取り組み
PDF
風呂場で考えるUIデザイナーの未来
PPTX
デザイナーが複業でデザイナーしてる話
PDF
【第二回】デザイン初心者でも出来る!企業ロゴの作り方【案出し~デザイン作成編】
デザインのためのデザイン
エクスペリエンス・デザイン
デザインのための経営のデザイン
デザイナーの私と サービスをつくる私
息のながーいB2Bサービスで、デザイナーが価値を発揮するための取り組み
風呂場で考えるUIデザイナーの未来
デザイナーが複業でデザイナーしてる話
【第二回】デザイン初心者でも出来る!企業ロゴの作り方【案出し~デザイン作成編】

What's hot (20)

PDF
[UXリサーチ共有会] エンジニアからUXデザイナーへキャリアチェンジして気づいたリサーチの重要性
PDF
SketchがAndroidのUIデザインに向いているワケ
PPTX
これまでのポートフォリオ履歴全部。 @2018/2/26 ポートフォリオナイト
PDF
誰のためのUI? - モノづくりのゴールを実現するフレームワーク -
PDF
いいデザインのために組織の一人ひとりができること
PDF
「個」から「集」のデザイン
PDF
これからのWebデザイナーのキャリアプラン
PDF
コーディングを考慮したWebデザインガイドライン
PDF
IxD of AWA - インタラクションの考え方
PDF
クックパッドデザイナーが実践するユーザーファースト
PDF
働き方のプロトタイピング
PDF
Sketchで変わるワークフロー
PDF
アプリを生み出す現場でUI/UXデザイナーが意識するべきこと:RoomClip
PPTX
重要なのはリサーチ・プランニング・プロトタイプの三本柱
PPTX
Uxデザイナーがpoとして開発チームと”握る”ためにやっていること 170927
PDF
快適にWebデザインするためのフリーランスの仕事の流れ【プロジェクトマネジメント編】夏本 健司
PDF
デザインに自信がつく、タイポグラフィの基本
PDF
20150806_UXnama_Goodpatch
PDF
レスポンシブサイト制作に効く デザインTipsあれこれ
PDF
デキるWebデザイナーを目指せ!本当に現場で使えるCC活用テクニック
[UXリサーチ共有会] エンジニアからUXデザイナーへキャリアチェンジして気づいたリサーチの重要性
SketchがAndroidのUIデザインに向いているワケ
これまでのポートフォリオ履歴全部。 @2018/2/26 ポートフォリオナイト
誰のためのUI? - モノづくりのゴールを実現するフレームワーク -
いいデザインのために組織の一人ひとりができること
「個」から「集」のデザイン
これからのWebデザイナーのキャリアプラン
コーディングを考慮したWebデザインガイドライン
IxD of AWA - インタラクションの考え方
クックパッドデザイナーが実践するユーザーファースト
働き方のプロトタイピング
Sketchで変わるワークフロー
アプリを生み出す現場でUI/UXデザイナーが意識するべきこと:RoomClip
重要なのはリサーチ・プランニング・プロトタイプの三本柱
Uxデザイナーがpoとして開発チームと”握る”ためにやっていること 170927
快適にWebデザインするためのフリーランスの仕事の流れ【プロジェクトマネジメント編】夏本 健司
デザインに自信がつく、タイポグラフィの基本
20150806_UXnama_Goodpatch
レスポンシブサイト制作に効く デザインTipsあれこれ
デキるWebデザイナーを目指せ!本当に現場で使えるCC活用テクニック
Ad

Viewers also liked (9)

PDF
ウェブサービスを開発するために詩を書いた話
PPT
不動産業でもストリートビューが爆発!
PDF
OSS組み込み部会セミナー20110906
PDF
ブランディング指標の数値化について
PPTX
Alexander pope
PDF
シリコンバレーから見るショッピング体験の変化
PDF
プロダクトマネージャのお仕事
PDF
人工知能と機械学習の違いって?
PDF
インターネットテレビ局「AbemaTV」における Googleアナリティクス360の活用事例
ウェブサービスを開発するために詩を書いた話
不動産業でもストリートビューが爆発!
OSS組み込み部会セミナー20110906
ブランディング指標の数値化について
Alexander pope
シリコンバレーから見るショッピング体験の変化
プロダクトマネージャのお仕事
人工知能と機械学習の違いって?
インターネットテレビ局「AbemaTV」における Googleアナリティクス360の活用事例
Ad

Similar to ブランディングを意識したサービス開発の一歩 (20)

PDF
福井で「しあわせデザイナー」になるために
PDF
Prototype in Service Design
PDF
はじめてのLeanUXから学んだ実体験
PDF
About Design Manager
PDF
アプリ開発、SaaS開発を経て最近考えていること.pdf
PDF
アプリ開発、SaaS開発を経て最近考えていること.pdf
PPTX
[Presentation]hc dsaloninkyoto2016
PDF
レスポンシブWebデザインの基礎と,コーディング実習:先生小川 裕之
PDF
ウェブディレクションの基礎(第2回:制作・開発編) 先生:小嶋裕亮
PPTX
意味をデザインするを考える
PDF
2018_sddayLT_6 _滋賀の地域おこしのサービスデザイン
PDF
Wiz_branding
PDF
もしも素人営業ウーマンが UI/UXデザイナーになったら
PPTX
エンジニアの移住交流会 自己紹介
PDF
デザイナー「にも」デザインを 任せてもらうために
PDF
グッドパッチのデザインカルチャーの作り方
PDF
0からのウェブディレクション講座:設計編 v5.3
PPTX
UXデザインのフレームワーク(´ω`) - スタートアップ向け -
PDF
センスゼロエンジニアが ノンデザイナーズ・デザインブック を読んでどこまでできるか試す
PPTX
ディレクターとして取り組むHCD業務の実際
福井で「しあわせデザイナー」になるために
Prototype in Service Design
はじめてのLeanUXから学んだ実体験
About Design Manager
アプリ開発、SaaS開発を経て最近考えていること.pdf
アプリ開発、SaaS開発を経て最近考えていること.pdf
[Presentation]hc dsaloninkyoto2016
レスポンシブWebデザインの基礎と,コーディング実習:先生小川 裕之
ウェブディレクションの基礎(第2回:制作・開発編) 先生:小嶋裕亮
意味をデザインするを考える
2018_sddayLT_6 _滋賀の地域おこしのサービスデザイン
Wiz_branding
もしも素人営業ウーマンが UI/UXデザイナーになったら
エンジニアの移住交流会 自己紹介
デザイナー「にも」デザインを 任せてもらうために
グッドパッチのデザインカルチャーの作り方
0からのウェブディレクション講座:設計編 v5.3
UXデザインのフレームワーク(´ω`) - スタートアップ向け -
センスゼロエンジニアが ノンデザイナーズ・デザインブック を読んでどこまでできるか試す
ディレクターとして取り組むHCD業務の実際

ブランディングを意識したサービス開発の一歩