デザイナー志望者の方向けにデザインハッカソンのイベントを開催します！ 普段自分で学習するだけでは取り組みづらい「サービス全体のUI設計」に取り組むことでデザインスキルを上げるイベントです。

平成最後の夏に、一緒に1つ、モノヅクリを楽しみましょう！

■デザインハッカソンとは？ 自分で考えたサービスを、実際のUIの画面に落とし込んで、プロトタイピングツールを使って画面遷移にまで落とし込みます！

■20/20(トゥエンティートゥエンティー)とは タクミカイ(@takumii_kai)が主催する、UIデザイン初心者のためのコミュニティです。 このイベントもコミュニティ内の夏企画として開催してます。

■Cocoda!について デザイナーになる道がもっとオープンになるサービス「Cocoda!」 今回イベントの開催に協力してもらっています。

こんな方が対象です

・学生でデザイナー志望でデザインを学んでいる方 ・社会人でデザイナーに転身したくデザインを学んでいる方 ・上記にあてはまり、平成最後の夏にデザインを楽しみたい方

どんなことをするの？

『サービスのプロトタイプを作りきる！』

‍♂️こんなことをします！

1 : 作りたいサービスを考えて、内容を定義 2 : サービスの画面構成（ワイヤーフレームなどと呼ばれる）を設計します 3 : 設計した画面を、実際のUIグラフィックに落とし込みます 4 : 最後にプロトタイピングツール（Prott/XD/Invision etc）を使って画面遷移に落とし込んで完成！

※ 主催のカイに相談したり、参加メンバーにフィードバックをお願いしたりしながら進めます ※ 1人1サービス、自分で考えたものを作りきります！

いきなりサービスをデザインするなんて不安です！

当日までに参加者のグループを作って、その中で事前に情報を共有したりします！ その中でカイに相談したり、オフライン/オンラインで勉強会をして事前準備できます。

事前準備はマストではないですが、参加した方がデザイナー/デザイナー志望同士の交流があったり
当日ちゃんと作りきるとこまで行きやすくなり充実した時間になると思います。

スケジュール

・開催日時：8/25,26 の2日間 ・開催場所：株式会社ヒトカラメディア

■タイムテーブル

ー DAY 1

ー DAY 2

今回のイベントの目的

『サービスのUIアウトプットを高める』

自分で考えた、「こんなのあったら良いな！」というサービスを今回デザインします。 完成イメージは、”実際に画面を触って、サービス体験を感じれるプロトタイプ”です。 UIのビジュアルまで作成して、それを遷移プロトタイピングツール（Prottなど）を使って触れるものにまで持っていきます。

このイベントでは考えて終わるのではなく、”実際の画面にこだわる”ことをして欲しいです。 ”何を作るのか。それはニーズがあるのか”がサービス作りでは最も重要です。 が、デザイン力にはまずは”企画を具体化する力”が重要と考えています。今回はそれを重視して欲しいと考えています。 
（極端ですが、そのサービス需要ないよね？と言われても、サービスを具体化するクオリティが高ければこのイベントではグッドなアウトプットです）

実際に会社に入っても、なかなかサービスのコア体験を設計する機会はないと思います。 UIデザイン力が身につく1番の方法で夏の最後に最高のアウトプットを作りましょう。

ーーーーーーーーーーーーーーーーーーーー

当日のデザイン相談

フィードバックや相談を受けながら制作していこうかなと思っています！

①カイに相談

②参加者同士でフィードバック

③ゲストの現役デザイナーに相談

▽①について

イベント中は都度困ったら主催のカイに相談できます。 時間枠を決めて、予約制でやろうかと思ってます ー サービスの要件定義について ー ツールの使い方について ー 画面設計について etc

▽②について

2時間に1回ほど相談タイムを設けて、必要がある人同士が集まって中間発表する
時間を作ろうと思ってます。

もちろん作業したい人はそのまま没頭していて大丈夫です！

▽③について

非常に優秀で気前も良いデザイナーの方々が遊びに来てくれる予定です。 デザイン相談などしてもらってください！

※来てくれる時間決まったら連絡します

・エウレカ　デザインチーム Head 亀ちゃん https://eureka.design/members/sho_kameya

・MAMORIO CDO 神谷さん https://www.wantedly.com/companies/mamorio/post_articles/109945

・STORES.jp  & hey Designer ちゅうかんちゃん https://twitter.com/chucaaan

・プライズ株式会社 Lead Experience Designer　池田さん http://careerhack.en-japan.com/report/detail/816

・NewsPicks プロダクトデザイナー　よっしー https://twitter.com/yossiyossi923?lang=ja

ーーーーーーーーーーーーーーーーーーーー

サービスのプロトタイプ作成の流れ

1 : サービスのテーマを決める 2 : 対象ユーザーの特徴や必要な機能についてブレスト 3 : ステートメントシートを書く 4 : UI画面をラフスケッチでブレスト 5 : 白黒のワイヤーを定める 6 : UIビジュアルのデザイン 7 : プロトタイピングツールで遷移をつける

ーーーーーーーーーーーーーーーーーーーー

イベント開始までの準備

※必須ではありません

『ステートメントシートを作成してつくるサービスを定義しよう』

・イベント当日はできるだけサービスの具体化に時間を使えるとベストです ・勉強会でオフライン/オンラインで支援します！ ・自分で考えられる人は当日までに考えておければオッケーです！
・完成イメージは以下のURLのステートメントシートを埋めることです

Slackコミュニティで情報交換していきます！

主催者について

タクミカイ (twitter : @takumii_kai)

大学３年冬にWebデザインを始めたいと思い休学。 １年間独学で自分のブログサイトを作成したりしながらデザインスキルを身につけ、株式会社ミクシィでインターン。その後、新卒でミクシィに入社。 2015年に株式会社NewsPicksに入社、PM兼デザイナーとしてWeb/アプリのリニューアルを担当。ブック機能（現：ライブラリ）、マイニュース機能の立ち上げも担当。
現在はMOSH株式会社の創業メンバーとして事業づくり（mosh.jp）に奮闘。

その間、自身の課題である”独学からでもデザインをするチャンスを広げる”ために、デザインコミュニティ20/20を主催。