portfolio_vol.6

PE TI T P AS A yaka Ish i i

Chiba Institute of Technology Faculty of Engineering Department of Design Science

Portfoli Info Volume Year Project Pages

5 2018 08 48

Prohect List GAME UI UI/UX PACKAGE ADVERTISING OTHER

PETIT PAS〈仏〉プティパ

小さな、ほんの少し、小さな一歩、一歩一歩、一歩一歩歩む

人を笑顔にできるデザイナー

私の夢は人を笑顔にできるデザイナーになることです。 人の心に幸福という価値を与えたい。それも沢山の人に その価値を提供して幸福の総量を増やしたいなと思って います。その為に自分自身も常に笑顔でいることを忘れ

ないようにし、人の心に届くような表現力豊かな人間に なれるよう努力していきます。

About Me 石井 彩夏 Ayaka Ishii 1996.08.15 ayadsgn100@gmail.com

SKILES How to Do

What to Do

Design Thinking

Service Design

Goal

UX

UI

Smile

EDUCATION ����.��

千葉工業大学 工学部 デザイン科学科 入学

����.��

安藤研究室 所属

����.��

山崎研究室 所属

EXPERIENCES ����.��

株式会社 archeco 長期インターン

����.��

株式会社 DeNA �Days サマーインターン

����.��

����.��

����.�� ����.��

株式会社 mixi �Day インターン VIVITA ボランティア参加

最優秀賞 受賞

株式会社 Cyber Agent UIDA� 期

優秀賞 受賞

株式会社 Goodpatch �Day サマーインターン

最優秀賞 受賞

株式会社ナビタイム �Day サマーインターン

最優秀賞 受賞

JUSTSYSTEMS UX DESIGN AWARD ����

最優秀賞 受賞

アーゴデザイン部会 口頭発表

株式会社 オハコ �Days サマーインターン

株式会社 Cyber Agent モックアイアンリーグ 株式会社 GRENGE 就業型インターン

最優秀賞 受賞

CONTENTS 01 with MEDIA UI 2018

02 BUBBLE MEDIA UI 2018

03 GREEDY PENGUIN GAME UI 2018

04 MAGU GAME UI 2018

05 YELL SERVICE DESIGN 2018

06 POCODAN ADVERTISING 2018

07 Hayachine PACKAGE 2018

08 chiko-crew OTHER 2015

夫婦で家事を助け合うアプリ

制作期間 : ���� 年 前期授業

JUSTSYSTEMS UX DESIGN AWARD ���� 最優秀賞 受賞作品

大人の学びをデザインするというお題のもと、グループでインタビュー調査を行い、個人でプロトタイプの作成を行いました。

AM 8 : 0 0

A M 1 1 :0 0

PM 9:00

家事のわからないを無くす

相手の家事をサポートする

家庭の家事環境を把握する

家族が撮影した動画を見ながら家事を 行うことで、� 人の家事のゴールを合わ せられる。

チャット形式で質問を行うことで、� 人 で家事について向き合うきっかけとなる。

家事の比率を確認することで、相手へ 感謝の気持ちが生まれモチベーション となる。

�

UI デザイン

HOME 負担のない情報量

登録できる情報を狭め、制限を 持たせることで負担を軽減

MAP モチベーションを上げる

なるべく数字を使わずに家 事 の 割 合 を イ ン フ ォ グ ラ フ ィ ッ ク ス で 表示させる ことでモ チ ベ ー シ ョ ン を 下 げ な い

Q &A コミュニケーション

写真の切り取り機能で質問が できることにより、ユーザー の負担を軽減 また、ユーザー調査の結果から 夫婦のコミュニケーションを とるためチャットで質問が可能

HE ART 感謝を伝える

一定の家事をこなすとハートを獲得でき、ありが とうのスタンプを押して相手へ送ることが可能

�

夫婦それぞれの悩み

左図に示されたグラフでは

・世界的に見た夫の家事参加率の低さ ・ｲｸﾒﾝﾌﾞｰﾑ(����) からの意識変化

の矛盾が読み取れます。その理由は日本人男性は夜間の外出が多く、 家事に触れる時間が少ないからだと考えました。

この原因を調べる為、家事を手伝いたいと思っているが実際には手 伝えていない男性を含む夫婦 � 組に調査を行いました。 右図はそれらを元に制作したペルソナです。 � 歳未満児のいる夫婦の夫の家事・育児時間

４

■家事関係時間 ■うち育児関係時間

３ ２ １ ０ ( 時間 )

８ ６ ４ ２ ０ ( 時間 )

日本

アメリカ

フランス

スウェーデン

備考 ) 内閣府 (����) 「女性の活躍推進に関する世論調査」

平日親が家にいる時間の国際比較 ７.６

７.１

４.５

２.５ ４.６

３.１

日本

アメリカ

■母親 ■父親 ５.７

１.９ ３.８

フランス

５.８

１.２ ４.６

スウェーデン

備考 ) 牧野カツコ他編著 (����) 「国際比較に見る世界の家族と子育て」

清水 和幸 �� 歳 松戸市在住 家電販売員 Pain

家事を手伝いたいと思っているが、仕事が忙しく妻に任せて しまうことが多い

needs

家事を � 人でできる様になりたい

清水 恵 �� 歳 松戸市在住 パート店員 Pain

夫婦でなかなか家事について話す機会がなく、家事のやり 方にすれ違いが生じていること

needs

夫を傷つけづに家事のやり方を共有したい

本質的欲求価値 ～になりたい ～でありたい

行為目標 ～したい

事象 ～が欲しい

家事全般 できるように したい

程よく 手を抜きたい

相手が 求める家事を やりたい

時間はないが

やりたいが

得意不得意 がある

わからない

定まっていない

手伝って欲しい

仕事が忙しく 家事ができない

家事をこなしたい

本当は完璧に

洗濯は気軽に できる

料理は求める 精度が異なる

どこまでやれば いいのか不明

�,� 割分担 できればいい

具合が悪いと できない

時間が足らず 手を抜いちゃう

洗い物は 楽にできる

バッグ作りなど 裁縫は難しい

やり直しを することがある

本音は �� 割 やって欲しい

家事と仕事の 両立は大変

家事以外にも やることたくさん

掃除は取り組み がしやすい

洗濯機等の使い方 がわからない

母の予定で 求める精度が違う

気づいたことから やってほしい

手伝いたい

実現しない

やり方が

ゴールが

ある程度

▲ 上位下位関係分析 �

本質的欲求

上位下位関係分析で得られた相手が求める家 事をやりたいという点は本アプリのゴールと なっています。

右図の � 点は実際に両親の間で起きた出来事 をまとめ心情の変化を視覚化しました。

▲ 両親の間で起きた実際の出来事のカスタマージャーニーマップ

�

ロゴ

夫婦で利用するアプリということで、男女共 に長く愛してもらえるようなデザインを意識 しました。

#����bf #��b�b� #dc����

ロゴ

家事

夫婦

協力

Problem

Solution

チーム

ビルディング

Set up

group work

テーマ決め

カスタマー

インタビュー

上位下位 関係分析

市場調査

Development

concept decision

フォト

ストーリー

ジャーニー マップ � コマ

シナリオ

prototype first

プロトタイプ

リデザイン

Set up

「大人の学びをデザイン」というお題から グループでテーマを家事に絞り、 情報収集とインタビュー調査を行いました。

Problrm

定めたテーマはどのように解決できるのか？いくつかの分析方法を利用し 検証を行いました。

Solution

ペルソナに近い人物の出来事をもとに本アプリがどのような場面で利用さ れるのかをいくつかの分析を利用し検証を行いました。

Development

実際に制作したプロトタイプを２度ほどユーザーテストを行い、それぞれ あげられた問題点をリデザインを重ね修正しました。

Goal

prototype second

Goal

弾けるように目覚める

制作期間 : ���� 年 � 月 � 日～�� 日

ユーザー特化型のお天気アプリというお題ということで、朝忙しい女子大生のためのお天気アプリを提案しました。

�

使い方

� 度寝を防ぐ目的としてアラームの起動時に泡で溢れるデザインを

採用。このデザインには弾けるように起きてほしいという願いも込 められており、アプリ名「BUBBLE」の由来となっている。

➀ アラーム音と同時に 泡が出現

▼ 傘が必要な日の表示

▼ 傘が必要ない日の表示

➁ 泡をだんだん

➂ アラーム音が消えて

タップしていくと

降水確率が表示

�

UI デザイン

SETTING

指の可動範囲に時間設定ボタンを置く ことで、どの時間帯でも直感的に操作 できるようにした。

HOME

天気・降水量・アラームの情報を一つにまと めたことで、朝忙しいユーザーのスマホの 動作数を減らすようにした。

�

一人暮らしの生活スタイル

実際に周りの友人に調査を行い、大学生が天気アプリに求める 価値を分析しました。

朝と夜に天気を確認できる ことに需要があるのでは？

お天気のニュースを見なくなった一人暮らし大学生 name 青山 楓 work 大学生

age �� style 一人暮らし pain 一人暮らしを始めてから朝のニュースを見る機会がなくなり、天気を

把握するのが難しい。今まで DL した天気アプリも長く続かなかった。 毎日天気や傘の有無を確認した状態で外出したいと思っている。

T O KY O

�

デジタルサイネージ

ユーザーの生活に寄り添うをテーマにした UI だったためスマート

フォンだけでなく、駅でその日の気温を知ることができる仕組みを 提案しました。

制限時間内に魚を食べまくる

制作期間 : ���� 年 � 月 �� 日～�� 日

JUSTSYSTEMS UX DESIGN AWARD ���� 最優秀賞 受賞作品

イラストレーターとエンジニアと一緒にチームを組み、� 人で遊べるマルチプレイゲームを提案しました。

石井 彩夏

稲富 景

五ケ谷 純平

滝口 啓介

UI/UX

エンジニア

キャラクター

エンジニア

�

遊び方

▲ ペンギンは常に移動

▲ タップした方向へジャンプして移動

�

直感的な UI

ペンギンが常に動くことで直感的に操作ができるようにし、 指をおいても画面に余白が見えるよう考慮した。

▲ 壁登りはタイミングを狙いタップ

▲ 床の色によりスピードが変化

サカナ集め

スピードアップ

サカナが集まる

早くなる

プレイヤーの移動が

プレイヤー周辺の

サイズアップ

アイストラップ

魚が食べやすくなる

トラップを設置

触ると凍ってしまう

プレイヤーが大きくなり

�

面白ポイント

画面の右上ボタンを押すと相手ユーザーのプレイを邪魔する ことができたり、自らのプレイを効率よく進めることができ る仕組みになっている。

�

情報の色区別

ペンギンが滑り回る雰囲気を多角形のボタン で表現しました。

また 情報が混雑しないようグレースケールで 随時配色を確認しました。背景やステージに 暗い色を省き、情報を伝える部分は紺色又は 白色を使用し区別を図っています。

勉強の息抜きにゲームをする女子大学生 name 小野寺渚 work 大学生

age �� style 一人暮らし life 普段ゲームはあまりしないが、カフェなどで勉強をする合間にツムツムを始めた。 だがあまりスコアが伸びず、悩んでおりアンインストールするか悩んでいる。 初心者にも優しいゲームを新たに最近探しはじめた。

�

ペンギンらしさ

氷をイメージした表彰台や、足型をかたどった

メダルなど 細かい部分までオリジナル要素を表現 しました。

�

リデザインを重ねた UI

操作のし易さと画面の見易さの両立がなかなか成 立しない。そこで幾つかのデザイン案をグループ 内で共有。アドバイスを元に最終的にフラットで 情報を一つにまとめたものになりました。

▲ 初級ステージ

初心者・水・南極をイメージ

◀ 中級ステージ 中級者

天体観測 広範囲 を表現

�

テーマを変えたステージ

ペンギンに注目を与えつつ、それぞれのステージ

を楽しめるよう世界観を設定。また 立体感を表現 するためレイヤーを複数用意しました。

◀ 上級ステージ 上級者

わちゃわちゃ感 夜の遊園地 を表現

織姫と彦星を結ぶパズルゲーム

制作期間 : ���� 年 � 月 �� 日～�� 日

株式会社 Cyber Agent UIDA � 期 優秀賞 受賞作品

新しいパズルゲームを提案するというお題ということで、今までに見たことのない七夕・星座をテーマにしました。

今日は年に一度の七夕

織姫は大好きな彦星に会うために 天の川を渡ります

彦星に早く会いたい織姫ですが

星の動きは遅く天の川をかけるかささぎに 織姫はもっと早く移動できないのかと 相談しました

彦星への想いを聞いたかささぎは 天の川をかけることのできる

天文時計をプレゼントしたのでした

�

指 � 本で操作

織姫を彦星まで届けさせるパズルゲームです 右手の親指で右下の天文時計を回転させるこ とによって星座の位置を移動させ、織姫を タップで移動させます。

▲ 天文時計

�

浮遊感を表現

画面の色が全体的に寒色でまとめたので抽象 的ながら鮮やかな色使いで織姫と彦星を表現 しました。

�

テーマ設定

自ら分析したパズルの種類 (� 種 ) とわくわ

くする要素を含んだ単語 ( 約 �� 種 ) を組み

合わせ、その中からまだ見たことがなく面白 いと感じた「プランパー × 七夕」を選択し ました。

将来を考えるきっかけに出会う

制作期間 : ���� 年 後期授業

�� 年後に提案するサービスデザインというお題で、第一生命さんとともに就活応援をする保険サービスの提案を行いました。

第一生命

学生

保険ユーザーの 幅を広げたい

就活が不安な 大学生

生涯設計デザイナーを

専門家に相談でき、

活躍させる

知ることができる

就活という場でも

若いユーザーを

パートナーとして 支えられる

様々な挑戦の道を

保険に触れることで

“将来を考えるキッカケ” に出会える

幅広い就活情報

保険料

第一生命 保険ショップ

就活情報

就活生

就活できる環境

独自の 就活情報 保険料

運営費

就活 設 計 デザイ ナ ー

給料

第一生命

KP

KR

パートナー

VP

主要活動

・代理店

デザイナー

価値提案

・保険料設定

・生涯設計

キーリソース

・営業社員

・保険査定人

コスト構造

・商品企画

・給付金支払い ・代理店手数料

顧客との関係

・安心生活

・わかりやすい 保険提案

KR

CS

CR

・広告費 ・経費

・幅広い保障 ・素早い保障 ・収入保障

RS

収益の流れ

・第一生命

ほけんショップ ・コールセンター

CH

チャネル

・第一生命

ほけんショップ ・webサイト ・TVCM

・保険料収入 ・運用差益

CS

顧客セグメント

・健康な人

・病気になった人

KP

KR

パートナー

VP

主要活動

・代理店

デザイナー (就活対応)

価値提案

・保険料設定 ・個人の

・生涯設計

就活情報

KR

キーリソース

・営業社員

・保険査定人 ・商品企画

CS

コスト構造

・給付金支払い ・代理店手数料

�

CR

・広告費 ・経費

顧客との関係

・第一生命

・就活情報

CS

顧客セグメント

ほけんショップ

・安心して

就活できる環境 ・幅広い

就活情報

・素早い対応

RS

収益の流れ

・コールセンター

・就活生 ・大学生

CH

チャネル

・第一生命

ほけんショップ ・オンライン対応 ・TVCM

・保険料収入 ・運用差益

若いユーザーを獲得する

第一生命からすでにリリースしているジャストを元に、YELL のビジネスモデルを制作しました。 左図の生涯設計デザイナーを就活にも対応させることや全国各地に点在している第一生命保険ショップの空きスペースを利用すること により、学生には安心して就活できる環境を。第一生命には若いユーザーを獲得することが可能となしました。

�

若い人の抱える不安

第一生命の方から若い人をターゲットにしたサービス提案をという ことで、大学生の現在抱えてる不安を調査しました。 そこからテーマを就活に決め調査したところ

将来の就活スタイルや就活にかかる費用の差に気づきました。

本質的欲求価値 ～になりたい ～でありたい

行為目標 ～したい

ゆとりが 欲しい

休める時間

好きなことで 生きていきたい

納得ができる

が欲しい

就職がしたい

企業について 知りたい

周りより 優位でいたい

自分について

周りの進歩

知りたい

を知りたい ��.�%

事象 ～が欲しい

睡眠時間が 少なくなる

無事就活を 終えられるか

福利厚生の 充実度

資格勉強 が大変

企業と自分の マッチ度

周りと 相談したい

いつから 始めるのか

就活と勉強 の両立

インターンに 落ちた

収入や 年収の不安

細かい業種 の知識がない

やりがいを 感じたい

就活知識を 深めたい

周りとの差 が気になる

休日が なくなる

ゴールが 見えない

希望部署で 成長できるか

ブラック企業 かどうか

自分の人生 に会うか

やりたいこと がわからない

周りより 遅れてるか

�

企業と学生をつなぐ UI

YELL では

・就活についての相談 ・インターン先の提案 ・面接の練習

・オンライン面接等のスペースの利用

といったサービスを受けることが可能です。 それに伴い、学生と第一生命をつなぐ UI の 制作を行いました。

制作期間 : ���� 年 � 月 �� 日～�� 日

ワクワクさせる足し算のデザイン

株式会社 GRENGE の就業型インターンにてポコロンダンジョンズの実務に携わりました。

�

情報の順位づけ

過去に公開された同作品のバナーを分析し

今回のキャラクターを � 番アピールできる レイアウトを提案。

キャラクターの向きや大きさを �px 単位の 細かさでこだわりました。

▶ 実際に公開されたバナー

バナー作成時のスケッチ

�

Dunkin

Dunkin

OPTI Frankfurter M

10pt

24pt

16pt

雰囲気を引き出す

テーマモンスター「シロ」のファンシーな雰囲気からヒント を得て生まれたカレンダー。全体的に丸みを帯びたデザイン としそれぞれのバランスにあったフォントや色の選定を行い ました。

制作期間 : ���� 年 �� 月 �� 日

岩手県花巻市を盛り上げるパッケージ

Design Scramble 内の DeNA 公式プログラムにて、早池峰飲むヨーグルトのパッケージをリデザインしました。

�

ターゲットは主婦

早池峰飲むヨーグルトは主にふるさと納税で 賄われていることが多いため、利用者の層が 厚い主婦をターゲットに分析をした。

家族に美味しいものを食べさせたい主婦

▲

現在販売されているパッケージ

�

特徴を引き出す

実際に試飲した際のなめらかな食感を波線で 表現し、並べた際に目に入りやすくなるよう 端と端のデザインが繋がり大きな目印になる ように意識しました。

デザイン以外で自分を表現する

制作期間 : ���� 年 � 月～���� 年 �� 月

ダンスサークルで新しいジャンルを立ち上げ、２年間ジャズダンスのジャンルリーダーとして活動しました。

左 : ネオンとサンタでクリスマスの雰囲気を表現

右 : サークルの歴史を線と図で表現

Chiko Night Battle King

左 : ダンスバトルの景品として普段使い・練習用・観賞用にも対応できるシンプルなデザイン 右 : ストリートの雰囲気をオリジナルのタイポグラフィで表現

PETIT PAS〈仏〉プティパ

小さな、ほんの少し、小さな一歩、一歩一歩、一歩一歩歩む