Slide 1

Slide 1 text

デザインチーム Culture Book ©i3DESIGN Update 2024.03.15

Slide 2

Slide 2 text

Contents 1 組織 Organization 2 あるべき姿と価値基準 Vision & Value 3 働く環境 Culture & Workplace 4 どのように成し遂げるか How to 5 採用 Recruit

Slide 3

Slide 3 text

Organization 組織

Slide 4

Slide 4 text

Organization 組織図 i3DESIGN Design Ops © i3DESIGN 4 経営企画 グループ HR グループ 組織図 監査役 経営会議 株主総会 取締役会 代表取締役 マーケティング グループ ソリューションセールス グループ アカウントセールス グループ テクニカル グループ アプリケーション グループ セールス& マーケティング部 DXコンサルティング部 xRコミュニケーション デザイン部 エンジニアリング部 プロジェクト デザイン部 デザイン部 経営管理部 経営戦略部 情報システム室 法務 グループ 営業管理 グループ 経理財務 グループ

Slide 5

Slide 5 text

Organization 数字でわかるデザインチーム i3DESIGN Design Ops 数字でわかるデザインチーム チーム人数 20人 デザインマネージャー 1名 UIデザイナー 12名 プロジェクトデザイナー 5名 リサーチャー 2名 平均年齢 30.5歳 23歳以下…10% 24-26歳…25% 27-29歳…15% 30歳以上…50% 男女比 55% 男性 : 45% 女性 東京以外の出身者の割合 57.1% ひと月あたりの平均案件数/人 2件 案件規模や月によっても 変動します。 有給消化率 70% 勉強会開催数/月 2件 「一番得意なデザインツールはFigmaだ」 10人/12人 2人は Illustrator派! ©i3DESIGN 5

Slide 6

Slide 6 text

Organization 役割定義 i3DESIGN Design Ops UIデザイナー チームメンバーと一緒にユーザビリティの高いUX/UIデザインを作成し、クライアントに提案、提供します。 個々のセンスに頼ることなく、ロジカルに説明可能なUX/UIデザインが必要です。 PMやクライアントとの連携を密にとり、デザイナーチームメンバーとしてプロジェクトを成し遂げます。 UIデザイン 情報設計 プロトタイピング プロダクトデザインディレクション プロジェクトデザイナー (ディレクター) 人間中心設計プロセスを ベースとし たプロ ダクトデザインプロセスを 計画し、 実行します。 主に はデザイン案 件からWebフロント 開発案 件までのディ レク ション ポジ ションとして、クライアント 担当者との 折衝、 社内デザイナーと エンジ ニアチームと の連携を 進め、クライアントの 期待を 超える成 果物の 納品を 目指します。 プロジェクトの 契約締結後の キック ・オフから担当し、デザイナーや エンジ ニアのア サイン、 進行管理、 予算管理をします。 ローンチ 後のプロ ダクト は追加開発な どグロースに携 わることがで き、 開発後のプロ ダクト成 長に も貢献で きます。 プロ ジェクトプ ラン ニング U X設計 プロ ジェクト マネジメント デザイン &マーケティング リサーチ ©i3DESIGN 6

Slide 7

Slide 7 text

Organization 案件タイプ i3DESIGN Design Ops © i3DESIGN 7 プロジェクトタイプ SaasのUIデザイン 業務システム・アプリケーション ネイティブアプリ ユーザビリティ改善 VI・ブランディング デザインシステム

Slide 8

Slide 8 text

Vision & Value あるべき姿と価値基準

Slide 9

Slide 9 text

Vision & Value Vision i3DESIGN Design Ops © i3DESIGN 9 Vision 価値あるデザインで クライアントの良きパートナーになる 私たちデザイン本部は、クライアントのビジネスの成功をデザインによってサポートします 。 そのためには、私たち自身がデザインの価値を深く理解し、組織またはクライアントへその価値を伝えること、 またクライアントとの関係も、単なる依頼主と提供者の関係を超えたパートナーシップを実現することが重要であると考えます 。

Slide 10

Slide 10 text

Vision & Value Value i3DESIGN Design Ops © i3DESIGN 10 Value ValueとはVisionの実現のための価値基準や指針です 。 i3DESIGNデザインチームでは5つのValueを設定し、各人が日々意識し て行動し ています 。 まずはやってみる ど んなに大きな成果であれ、最初の一歩を踏み出すことから 始まる。挑戦に失敗はつきものだし、ど んなことでもやって みないとわからない。失敗し ても気にしないくらいの図太さ を持って、新しいことに挑み続けよう。 ラストマンシップ 誰かがやってくれると期待するのではなく、自分が仕事の最 終防衛線であると意識し て品質を底上げしよう。 常にプロフェッショナルであることを忘れず 、私たちの仕事を 全うしよう。 正しい批判をする 常に 「 な ぜ」 を 問 い、 物 事の 芯 を 捉え よう。 大きな 目的 を 達 成するためには、 遠慮せ ずに 正 しい 批判 をす ることが 必要 だ。 馴 れ 合 うだけの 仲間 ではなく、こだわ り を 持って、ときには 真剣 に 議論 しよう。 よ い 環境 は 自分でつく る 環境 は誰かに 与え られるものではなく、自分で 作 るものだ。 自分自 身 がチームの 作り手 になる意識で、 仲間 のために 何 が できるかを 考え 行動しよう。 ク ラ イア ント ワーク を 超え る 「作 る 側」 と 「依頼 する 側」 という 関係性 を 超え て、 共 に ビ ジネス の ゴ ールに 向 かって パ ー ト ナーにな ろ う。 言 われた仕事をただこなすのではなく、 クラ イ ア ン ト の 想像 を 超え て パ フ ォ ー マ ン ス を 発揮 し ていこう。

Slide 11

Slide 11 text

Culture & Workplace 働く環境

Slide 12

Slide 12 text

デザインチームの魅力とは? チームメンバーに聞いてみました。 一緒に悩み相談できる仲間がいる 孤立せず、チームで動けている 教える側/教えられる側が分かれておらず、お互い教え合える 若手・ベテラン問わず、お互いにリスペクトを持てる人が多い 不安なことを相談しやすく、入社後すぐに馴染めた 新しい物事に寛容で、挑戦を後押ししてくださる先輩がたくさんいる 情報がオープン タスクやスケジュールがきちんと管理されている 自分で何かを変えたいと思ったら、すぐに反映される メンバー間の距離感がちょうどいい Culture & Workplace デザインチームの魅力とは? i3DESIGN Design Ops ©i3DESIGN 12

Slide 13

Slide 13 text

Culture & Workplace 会議・イベント i3DESIGN Design Ops © i3DESIGN 13 会議・イベント 効果的なコミュニケーションを可能にすべく、定期的なチームミーティングを実施しています。 UIデザイナー間での情報共有のためのミーティングや、プロジェクトデザイナーも含めたチーム全体でのミーティングも行います。 朝会 毎週月曜日 週のはじめにタスクを確認し、業 務の偏りや困りごとがないかを チェックします。 会の終わりには、メンバー間で興 味関心のあることを共有し、様々 な文化への見識を広げることで、 デザイン業務に生かしています。 朝会での共有 デザイナーMTG 毎週木曜日 周知事項の共有やチー ム内ルー ル の 決定な どを 行います。 ま た、 他薦メンバーに よる 勉強会 を 2〜4週間ごとに 開催し、 積極的 な ナレッ ジの共有を 図っていま す。 デザイ ナー ミー ティン グでの 勉強会 Win Session 毎週 金曜日 毎週 金曜日にデザイン 部で 開催さ れるイベントです。 一週間の 進捗 や 取り 組み、 良か ったことを ポジ ティブに 報告し 合います。ス キル 向上は もちろんですが、 成果を認 め 合うことの 大切さを 学べます。 対面での win session でざばた会 月に 1度 デザイン 本部の月 例ミー ティン グ 「で ざばた会 」では、 LT発表や ワーク ショッ プな どを 行います。 メンバー 全員が 話し 手になり、 み んなが 話しやす く、 聞きたいこと を 聞ける 今後の 土壌づくりに 取り 組んでいます。 で ざばた会での LT発表 1on1 2〜3週間に 1度 上長(デザインマネー ジャー)とメン バー各人の 2人の みで 行う面談で す。 内容は問わず、仕事についての悩 みごとや最近の出来事、 キャリア プランについてな どの 上長との 定 期的な会 話の機会として設けられ ています。 デザインマネージャーとの1on1

Slide 14

Slide 14 text

Culture & Workplace 充実した福利厚生 i3DESIGN Design Ops © i3DESIGN 14 充実した福利厚生 社員全員が長く安心して働けるよう、アイスリーデザインではさまざまな制度を取り入れています。 リモートワーク 出社とリモートワークのハイブリット型。部ミーティングがある日はみんなで出勤す るなど、チームにとって最も生産性がよい働き方になるよう調整が可能です。AM自宅 でPM出社などアレンジも可能な便利な制度です。 資格 / 書籍購入 / 英語学習 資格や書籍の費用を会社がサポートする制度です。推奨資格の取得や書籍学習による 知識習得など、各人のスキルアップを支援しています。また、英語学習の費用を月 5000円まで負担する制度もあります。 選べるPC 職種ごとに最 新の PCを 貸与して おり、 Mac ・Win do wsを 選ぶことが可能です。 エン ジ ニア ・デザイ ナーは Mac 比率が 高く、 その 他の 職種では 好みに 応じて 半数ずつの利 用 割合になっています。 従業員持株会 毎月の 給与からコツコツ自社 株を 積み 立て られます。最 小1000円 から始める ことがで き 無理な く株式を 購入できます。会社の 成長と社 員の資産 形成が 連動する制度で、奨 励金5 %の 付与が ついている お得な制度です。 チー ムビルディング 組織内の コミ ュニケー ション 向上を 目的に 様々なイ ベントを 実行しています。最 近だ と、 BBQクルージング、 森の ビア ガー デン、クリス マス パーティなどが 開催されまし た。社 員同士が 仲が 良いのも 当社の 特徴の 1つです。 バー スデー 休暇 誕生日に 有給の バース デー 休暇が 付与されます。 期限は 次の 年の 誕生日までなので、 記念日などでも利用可能です。また 年次有給休暇は 1時間単位で利用可能なた め、プ ライ ベート 時間も 有効活用できます。 ライフサポート 社 員が 安心して 長く働 けるよう 様々な制度を整 えています。 例えば、 小さな 子供がい る方にとっては 柔軟な働き方を 選択できる ことが 大切。 当社では、 小学 校入学までの 子供がいる 場合、 フルリモート勤 務、 時短勤 務、 週休3日勤 務などが利用可能となっ ています。 (組み 合わせて利用する ことも可能 ) レク レー ション補助制度 社 員同士のレクレー ションを 活性 化させるた めに 毎月 3回まで 1回あたり 上限1000円 の 補助をしています。 ランチや 飲み会など用 途は 様々。 若い社 員に人 気の制度です。

Slide 15

Slide 15 text

Culture & Workplace オフィス風景 i3DESIGN Design Ops © i3DESIGN 15 オフィス風景 東京メトロ 青山一丁目駅 A4出口徒歩2分という利便性の高い立地にオフィスを構えています。 赤坂御所を臨む緑が豊富な景観を活かし、社内にもグリーンを豊富に設置したボタニカルなデザイン。大勢で食事ができるビッグテーブル、社員同士の交流を促進する カフェエリア、ちょっとした打ち合わせに対応できるソファーブース、コンセプト毎に設けられた大小様々な会議室などがございます。

Slide 16

Slide 16 text

How to どのように成し遂げるか

Slide 17

Slide 17 text

How to デザインプロセス i3DESIGN Design Ops デザインプロセス 人間中心設計+OOUIをベースにしたデザインプロセスとエンジニアリングとの融合を実現するi3DESIGNのプロダクト開発プロセスです。 Phase 1 調査・分析 プロダクト評価 ブランド分析 ユーザーリサーチ ユーザーテスト アクセス解析 ヒューリスティック分析 ユーザー調査 ペルソナ ジャーニーマップ サービスブループリント ブランドアーキタイプ分析 デザイン原則ワークショップ 競合分析 Phase 2 設計・評価 構造・遷移設計 デザイン原則 プロトタイピング タスク分析・ユースケース ドメインモデリング ナビゲーション・インタラクション設計 ワイ ヤ ー フレ ー ム ルック &フ ィール ユーザーテスト デザイン原則 ボ イス & トーン デザイン ファ ンデーション Phase 3 実装 ・ 運用 デザインシステ ム 構 築 フ ロント エ ンド 開発 コ ン ポ ー ネ ントライブラリ スタイル ガ イド デザイン ガ イドライン レ イア ウ ト 指示書 フ ロント エ ンド 開発実装 © i3DESIGN 17

Slide 18

Slide 18 text

How to 利用ツール・ソフト i3DESIGN Design Ops © i3DESIGN 18 使用ツール・ソフト デザインツール メインで使用するデザインツールはFigmaです 。 必要に応じてProtoPieやAdobeの各ツールを使用することもあります 。 Figma ProtoPie Adobe Photoshop Adobe Illustrator Adobe XD 業務管理ツール 社内のコミュニケーションツールとし てslackを使用し ています 。 ほか、タスク管理やナレッジ共有のために複数のツールを組み合わせています 。 slack notion backlog

Slide 19

Slide 19 text

How to ナレッジ共有 i3DESIGN Design Ops © i3DESIGN 19 チーム内でのナレッジ共有 使用ツール:esa 普段の業務で得た知識やテクニック、各作業のプロセスなどを記事とし てまと めてチーム内に共有し ています 。 ナレッジを共有し ていくことで、チーム全体のスキルや生産性を向上させてい きます 。 プロジェクトでうまくいったこと、うまくいかなかったことも残し ていくこと で、属人的にならないデザインフローを実現させます 。

Slide 20

Slide 20 text

How to ナレッジ共有 i3DESIGN Design Ops note デザイナーが回替わりで記事の執筆を担当し、UI/UXデザインのナレッジや チームの取り組みなどを投稿し ています 。 i3DESIGN Designers|note ユーザビリティチェックリスト UIデザインを行う際に気をつけるべき注意点を、チェックリストとし て作成し ています 。チーム内で共有するほか、noteでもマガジンとし て公開し ています 。 ユーザビリティチェックリスト|i3DESIGN Designers|note © i3DESIGN 20

Slide 21

Slide 21 text

How to 業務プロセス i3DESIGN Design Ops デザイン案件のチーム構成図例 クライアント プロジェクト進行 プロジェクトデザイナー デザインマネージャー デザイン UIデザイナー A UIデザイナーB ジュニアUIデザイナー ペアデザイニング 通常、複数人(2〜3人)のデザイナーとデザインマネージャー、プロジェクトデ ザイナーで構成されたチームで案件に携わります 。 毎日〜毎週など、案件ごとにこまめにMTGを開催し進捗や相談事項の共有を行 うことで、よりスムーズに案件を進められるようにし ています 。 レビュワー制度 担当 デザイナー 同士 で相 互 に レビュ ーを行う ほか 、デザインマネージャーによ る レビュ ーを 実施 し ています 。 作 業 者本 人で は気づけ ない 細か な 修正点 など も拾 い 上げ 、よりク オリティ の 高 い アウ トプ ッ トを 目指 します 。 © i3DESIGN 21

Slide 22

Slide 22 text

How to タスク管理 i3DESIGN Design Ops タスク・リソース管理 使用ツール:harvest, forecast クラウドツールを使用し て各人のタスク・リソースを管理し ています 。 それぞれのメンバーがどの案件に何時間アサインされているかチーム全員に共 有され、いつでも見ることができます 。 また、毎日の作業時間の記録を行うことで、予定時間と実働時間の差異を可視 化させています 。 © i3DESIGN 22

Slide 23

Slide 23 text

How to ガイドライン整備 i3DESIGN Design Ops チェックリスト・ガイドライン 使用ツール:esa デザインのセルフチェックで確認する箇所や、ライティングのルール、仕事を 受ける際の確認事項など、社内ルール・推奨事項をリスト化し て管理し ていま す 。 必要だと感じたら誰でも作成・追加でき、チームメンバーの意見を取り入れな がらブラッシュアップを重ねていけます 。 © i3DESIGN 23

Slide 24

Slide 24 text

How to ステッカーシート i3DESIGN Design Ops Button Button Button Button Button Button Button Button Button Button Button Button Button Button Button Button Button Button Button Button Button Button Button Button Button Button Button Button Button Button Button Button Button Button Button Button Button Button Button Button Button Button Button Button Button Button Button Button Button Button Button Button Button Button Button Label Required Text helper text Label Required Text helper text Label Required Text helper text Label Required Text helper text Label Required Text helper text Select ステッカーシート 使用ツール:Figma コンポーネントごとにまとめられたコピペ専用のシートです 。 どのプロジェクトにも必ず登場するようなコンポーネントを完備し ているた め、毎回同じコンポーネントを作成する必要がありません。 メンバーが同じコンポーネントを使用するため、属人化しないデザインデータ の作成が可能です 。 © i3DESIGN 24

Slide 25

Slide 25 text

Recruit 採用

Slide 26

Slide 26 text

©i3DESIGN 26 一緒に働く仲間を募集しています UIデザイナー https://hrmos.co/pages/i3design/jobs/0000009 プロジェクトデザイナー https://hrmos.co/pages/i3design/jobs/0000012 募集職種一覧はこちら https://www.i3design.jp/recruit Recruit 募集要項 i3DESIGN Design Ops

Slide 27

Slide 27 text

©i3DESIGN 27 SNSでも社内の情報を発信しています! 公式 i3DESIGN 最新の会社情報をカジュアルにお伝えしていきます。 X(旧Twitter) i3DESIGN @i3design_jp Wantedly 株式会社アイスリー デザイン note 公式 i3DESIGN Facebook アイスリーデザイン - i3DESIGN デザイナーチーム チームのカルチャーやUI/UXのナレッジについて 毎日発信しています! X(旧Twitter) i3DESIGN デザインチーム @i3_designers note i3DESIGN Designers

Slide 28

Slide 28 text

No content