wiz branding Document

1. Designer work guide
本資料は、Wizで働くデザイナーのことを
⾝近に知っていただこうと思い、作成いたしました。
実際に働くイメージを感じ取っていただき、
もし、少しでも興味を持っていただけたのなら、
それは、何かの縁なのかもしれません。
about

2. デザイナーの仕事について
デザイナーの働き⽅
クリエイティブチームについて
01.
02.
03.
Index

3. creative team
クリエイティブチームについて
01

4. クリエイティブ組織について メディア制作やバナー制作、受託依頼を引き受け制作をするチームは
クリエイティブ本部に所属しています。
クリエイティブ組織 オフィス紹介
クリエイターの役割
NEXT
上野部⻑
Tech事業部
梁川課⻑
ブランディング事業部
⻘⽊部⻑
UI/UX事業部
⻘⽊部⻑
デザイン
⽵ノ内部⻑
Growth事業部
⼭本取締役
クリエイティブ本部
⽵ノ内部⻑
ディレクション
⽵ノ内部⻑
ライティング
岡本副部⻑
フロントエンド
梁川課⻑
ブランディング バックエンド
上野部⻑

5. クリエイターの役割 デザイナーの他にもサイトを制作する上で担当する職種があり、
協⼒して制作に当たっています。ここでは他職種を紹介いたします。
WEBディレクター
プロジェクトを担当する⼈を各職種から選定
したり、各職種のスケジュール作成、営業部
との連携、制作チームのまとめ役を担当。
WEBライター
運営しているメディアの記事、全てを担当し
ており、記事の企画・構成から執筆まで対応
し、メディアを運営してくれます。
デザイナー
WEBサイトのビジュアルデザイン、ロゴやバ
ナーデザインなど、デザインに関するすべて
を担当。
バックエンドエンジニア
運営メディアやシステムのプログラムから、
Wiz社全体のサーバー構築、管理まで、幅広
く担当するスペシャリスト。
マーケター
Wizの運営しているサイトのPV数や、コンバ
ージョンを上げるための企画・施策を考え、
チームに提案、実⾏を担当。
フロントエンジニア
HTML、CSS、JS⾔語を駆使し、WEBサイ
トでユーザーが直接⽬に触れる部分の制作を
担当、デザイナーとの連携が多い職種。
クリエイティブ組織 オフィス紹介
クリエイターの役割
NEXT

6. 福岡クリエイティブLab
天神駅⻄⼝4番出⼝より徒歩3分
福岡
オフィス紹介
クリエイティブ本部の拠点は
東京（池袋）、福岡の2つのオフィスが
あります。
クリエイティブ組織 オフィス紹介
クリエイターの役割
WizCCTLab
池袋東⼝より徒歩5分
複合商業施設「ハレザ（Hareza）池袋」
に、新オフィス『WizCCTLab』を
2020年にオープンしました。
東京

7. Designer work
デザイナーの仕事について
02

8. プロジェクトの進め⽅
プロジェクト設計 デザイン制作 開発 サイト公開 サイトの⾒直し
サイトを使ってどのような成果を
出したいのか考え、⽬的を明確化
する。必要な掲載情報やページ要
素を全て洗い出して、サイトの構
造を決める。
ワイヤーフレームをもとに、複数
枚のデザインカンプを作成する。
プレゼンをして選ばれたデザイン
をもとにスマホデザインを作成。
エンジニアがHTMLやCSSなどの
プログラミング⾔語を使いコーデ
ィグを⾏う。独⾃ドメインを取得
し、サイトをアップロード。
ITサービスを提供するDXソリューションメディア。
160以上あるサービスの中から、デジタルトランス
フォーメーション（DX）に最適なサービスを提案
し、オフィスや店舗の問題を解決します。
サイトの公開をする。全てのリン
クが問題なく動作するか念⼊りな
確認が必要。サイト公開後はライ
ターが記事をアップしたり、新商
材が出た時ページを追加する。
定期的なミーティングで、改修し
たいところや新しく始めたい施策
について話し合い、実⾏する。
バック：2名
フロント：3名
ディレクター：2-3名
デザイナー：2名
Wizcloudメンバー Wizcloudとは
運営フロー
01 02 03 04 05
プロジェクトの進⾏ ワークフロー メディア紹介
PDCAサイクル
NEXT

9. A/Bテストを⾏い、数字で⾒てそのサイトを⾒るユー
ザーの使いやすさや興味のそそられるデザインを俯瞰
的に考察する。本当にユーザーが喜ぶものは何か？を
調査する。ユーザーの喜びは私たちの喜びでもある。
古い知識に捉われず、最新のトレンドに常にアンテナ
を張る。新しく得たや表現技法やトレンドを取り⼊れ
てチャレンジしてみる。トライしての失敗は、ここで
は歓迎される。
「評価、反省」で⾒えてきた改善点を、チームに共有
し、フラットに意⾒を⾔い合う。話し合いから⽣まれ
てくるクリエイティブな発想をを⼤切にし、それを楽
しむ。楽しい発想はより良いものを⽣み出す。
これからサイトをどうしていきたいか、⾒る⼈にどの
ようなユーザー体験を届けたいか、構想を練る。
固定概念で出来ない理由を探さず、ポジティブに物事
をとらえる。
Plan
計画
計画
改善
改善 評価・反省
評価・反省
チャレンジ
チャレンジ
Check
Action
Do
クリエイティブ事業部が考えるPDCA
Let them Fail
YES &
Be Playful
Less is More
プロジェクトの進⾏ ワークフロー メディア紹介
PDCAサイクル
NEXT

10. ⾒てくださるユーザーのことを
考え、サービスに興味を持って
制作することを⼼がけています！
point
デザインの説明や、
必要素材を⽤意するなど
エンジニアとの連携が多
いです。
point
ワークフローについて Wizのサイト公開までの仕事の⼀連の流れをご紹介いたします。
デザイン制作・修正や、各所との連携や時間を費やします。
プロジェクトアサイン
プロジェクトの担当に選ばれ
公開までのスケジュールが
組まれます。
01
参考をリサーチして、デザイン
制作へ取り掛かります。
2~3つ案を作ります。
デザイン
02
フィードバック対応
上⻑に確認を依頼し、
修正がある場合は対応し作品の
ブラッシュアップをします。
03
デザインを各担当に確認して
もらい、決定。ここでエンジ
ニアにバトンタッチします。
デザイン決定
04
サイト完成
06
323232
323232
プロトタイプ確認
エンジニアが構築したプロトタイプ
サイトを確認し、デザインや
挙動に問題ないか確認。
05
プロジェクトの進⾏ ワークフロー メディア紹介
PDCAサイクル
NEXT

11. ⾃社メディアご紹介 Wizが制作した⾃社メディアの中の代表メディアをご紹介します。
デザイナーひとりひとりが担当を持ち運⽤します。
プロジェクトの進⾏ ワークフロー メディア紹介
PDCAサイクル
300,000PV
⽉間

12. How designers work
デザイナーの働き⽅
03

13. デザイナーのタイムスケジュール例をご紹介。また、デザインツール、
テレワーク環境下で使⽤しているコミュニケーションツールをご紹介します。
テレワークで働く環境について
コミュニケーションツール
デザインツール・ソフトウェア
テレワークの連携不⾜問題を解決するため、様々なコミュニケ
ーションツールを導⼊しています。
デザインツールはadobeccやfigmaなど、デザインの⽬的に応
じてツールを使い分け、制作をしています。
Illustrator
Photoshop XD
Mac Figma
社員のタイムスケジュール
9~10:00
10~12:00
12~13:00
13~18:00
18:00
始業 ・slackで本⽇の業務予定を報告
・バーチャルオフィスを利⽤しデザイナー全員で朝会
・デザインリサーチ
・デザイン作成
・各所連絡
・slackで本⽇の業務詳細を報告し、退勤。
・各⾃好きな時間に1時間お昼休憩をとります。
朝会・業務
お昼休憩
業務
終業
不明点はslack、oviceを使い
周りに聞ける環境があります。
slack ovice Zoom
meet
テレワーク環境 その他の取り組み
NEXT

14. その他の取り組み 組織の強化のため、他職種間との情報交換や上司との定期的な1on1、
Instagramを使⽤した外部発信をしております。
雑談会・勉強会
他職種を交えた雑談会、勉強会を定期
的に開き、知識交換を⾏ったり、フロ
ー改善の為の話し合いをしています。
インスタ施策
Instagramでデザイナーアカウントを
開設しており、その⽉に沿ったテーマ
でデザイン作成。楽しみながら投稿し
ています。
OJT
⼊社時は、新⼊社員向けに１ヶ⽉ほど
出社期間を設け、上司とマンツーマン
で基礎を覚えていきます。
1on1
週に⼀度、上⻑と部下1対1で話し合う
施策があります。仕事の進捗や悩み相
談、雑談が話題として上がります。
普段のWEBデザインと違う、
⾃分らしさのあるデザイン！
オフィスで環境に慣れてから
テレワークのスタート！ oviceの1on1のスペースです
meetを使った雑談会の⾵景です
テレワーク環境 その他の取り組み

15. @wiz_creative_design
ご清聴ありがとうございました！
サイト運営に関わりたい⽅、デザインが好きな⽅、
是⾮、Wizのデザイナーとして⼀緒に働きましょう！
Wantedly
Designer work guide
we are hiring!