Upgrade to Pro — share decks privately, control downloads, hide ads and more …

TIPSTARでのデザイナーの働き方について

Avatar for ミクシル ミクシル
December 07, 2022

 TIPSTARでのデザイナーの働き方について

Avatar for ミクシル

ミクシル

December 07, 2022
Tweet

More Decks by ミクシル

Other Decks in Design

Transcript

  1. リリースまでのフロー 企画チームが仕様書作成 案件へのアサイン 仕様書をもとにデザイン作成 企画チェック デザイン修正 バナー完成 / その他画像や素材の作成 githubにデータ反映

    QA・リリース 新規案件だと大体1週間 踏襲だと2〜3営業日 企画とやり取り 、 で 作成します(制作物の数や踏襲の度合いによって日数は変わる) バナー業務は主に しながら 進めます デザイナー 担当箇所
  2. 仕様書をもとにデザイン作成 企画チェック デザイン修正 繰り返し 疑問点や詳細も聞く! バナー完成 / その他画像や素材の作成 企画さんと密なコミュニケーションを取って細かい部分までデザインの擦り合わせる ゲーム→ファンタジー系

    四角<丸いイメージ ハートフル<淡い こんな順序付けで! 企画 デザイナー 方向性の擦り合わせしたいです! 訴求したい情報の優先度は? 実のなるイメージは(木か根か?) ・さくらんぼのような「実」をイメージできるよう、 畑から木をモチーフにしたデザインに変更 ・ターゲットユーザーが幅広く設定されていたため、文字は親近感の 湧く丸みを帯たものに変更 →淡さが半減したので色味や背景を水彩画風のテクスチャを使って補った
  3. TIPメダルのみ TIPマネーのみ 両方で まとめて編集 まとめて分配 展開する 2連単 6組 43.7倍 ~

    187.7倍 のっかりベット 展開する 3連複 6組 43.7倍 ~ 187.7倍 1人目 2人目 3人目 展開する 2連複 8組 9999倍 ~ 9999倍 1人目 2人目 マルチ裏目 1R TIPSTAR杯 A級チ予選 999,999,999枚 999,999,999枚 10分 締切あ と 立川 購入確認へ 予想を追加 合計 払戻 収支 10,000枚 2,000〜123,00G -8,000〜+113,00 3,000円 3,100〜33,000円 +100〜+30,000 13:20 予想 TIPメダルのみ TIPマネーのみ 両方で まとめて編集 まとめて分配 展開する 2連単 6組 43.7倍 ~ 187.7倍 のっかりベット 展開する 3連複 6組 43.7倍 ~ 187.7倍 1人目 2人目 3人目 3連単 6組 展開する 2連複 8組 9999倍 ~ 9999倍 1人目 2人目 マルチ裏目 立川10R [最終日] 10分 締切あと 購入確認へ 予想を追加 合計 払戻 収支 10,000枚 2,000〜123,00G -8,000〜+113,00 3,000円 3,100〜33,000円 +100〜+30,000 13:20 予想 999,999,999枚 999,999,999枚 TIPメダルのみ TIPマネーのみ 両方で まとめて編集 まとめて分配 展開する 2連単 6組 43.7倍 ~ 187.7倍 のっかりベット 展開する 3連複 6組 43.7倍 ~ 187.7倍 1人目 2人目 3人目 3連単 6組 43.7倍 ~ 187.7倍 1着 2着 展開する 2連複 8組 9999倍 ~ 9999倍 1人目 2人目 マルチ裏目 立川10R [最終日] 10分 締切あと 999,999,999枚 999,999,999枚 購入確認へ 予想を追加 合計 払戻 収支 10,000枚 2,000〜123,00G -8,000〜+113,00 3,000円 3,100〜33,000円 +100〜+30,000 13:20 予想 A案.PIP マネーやメダルの要素が隠れるので、ベットするときにジャマになってしまわないかどうか? B案.現状と同じ このサイズになったときに動画を閉じれない問題あり C案.動画非表示 ついでにヘッダー部分もこの画面のときは狭くして、ベットエリアを広く見せる バックグラウンドで音声だけ再生しておくかどうか? デザイン仮完成 / キックオフ デザインFIX 仕様書をもとにデザイン作成 企画・エンジニアチェック TIPSTARでは複数案提示するケースが多い
  4. 作成したデザインをもとに方向性や実装可否について議論 デザイン仮完成 / キックオフ デザインFIX 仕様書をもとにデザイン作成 企画・エンジニアチェック 企画 エンジニア デザイナー

    B案は小さい端末になるとレース情報が 見えにくいので目的を達成できないです A案は実装が難しいです... C案をベースに修正案を作ってみます!
  5. 映像ONのデフォルト表示やめ、 レース情報を見やすくした 自分でベット画面上で場を選択できる ようにした タブでレースをすぐに切り替えるよう にした ↓ 画面遷移を最小限に押さえ、 ユーザーストレスを与えないようにした ↓

    この画面のメインアクションとなる 「レース情報を比較して車券購入する」を スムーズにできるようにした 改善点① 改善点② 改善点③ 自分でベット画面_改修後