Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
SPAJAM2020予選 チームおひっこし プレゼン資料
Search
Inoue Noa
September 27, 2020
2
420
SPAJAM2020予選 チームおひっこし プレゼン資料
Inoue Noa
September 27, 2020
Tweet
Share
More Decks by Inoue Noa
See All by Inoue Noa
SPAJAM2020本戦 チームおひっこし プレゼン資料
noainoue
2
740
今日からはじめるデザインレビュー
noainoue
7
7.6k
Featured
See All Featured
Building a Modern Day E-commerce SEO Strategy
aleyda
38
7k
Navigating Team Friction
lara
183
15k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
32
2.7k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
2
290
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
0
98
Being A Developer After 40
akosma
87
590k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
229
52k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
29
2k
The Straight Up "How To Draw Better" Workshop
denniskardys
232
140k
Facilitating Awesome Meetings
lara
50
6.1k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
226
22k
Practical Orchestrator
shlominoach
186
10k
Transcript
2020年9月27日 SPAJAM2020第2回予選 チームおひっこし カシャっと交流
課題と問題 01 課題と問題 01
コロナで外に遊びに行けない 友達との交流も減りまくり 慢性的な「離れてる感」 01 コロナ禍で交流に対する課題を感じている
カシャっと交流
課題と問題 01 デモ 02
課題と問題 01 アプリの詳細 03
03 離れている人と一緒に過ごした かのような写真をカシャっと 撮れるアプリ 撮る過程や写真を元に 知人との交流を深めます アプリの詳細
アプリ技術 04
想像以上に高いクオリティの交流写真をカシャっと生成! 深度情報を活用 04 技術でのこだわり1 元画像 切り抜き 深度情報
即座に誰かと交わる写真 FirebaseのStorageで写真を共有 即座に 04 技術でのこだわり2 速い!!
こだわり 05
05 こだわ架空の写真のリアリティを上げるために撮影時のガイドも工夫 ガイドがないと二人の写りにズレがで てしまう 真ん中にガイドを置くとピースが途切れ てしまったり、なんだか違和感がある
05 こだわ架空の写真のリアリティを上げるために撮影時のガイドも工夫 実際にふたりで自撮りした写真を 参考に️、ピースがおさまることなど リアルな自撮り感が出る条件を追求 より適切なガイド位置へ
写真を一緒に見ることでさらに交流を深めるために インスタのストーリーのようなタグも合成 ここ行きたいね〜などの話題作りに繋がります 05 タグで話題作りに #としまえん #金閣寺
デザインについて 06
06 アプリ名 想像 + 写真 イマージ イマジン イメージ
06 ロゴとアイコン ポジティブなもの ・ 優しく ・ 楽しく ・ ・ 二色の異なるカラー
・ デフォルメしたフォント 交流 テーマである「 」
06 UI / UX について UXもアプリの画面遷移図と ユーザーストーリーを何度も 照らし合わせ、 ユーザーの楽しい気持ちを 阻害しないようなユーザー体験
づくりを目指しました
06 UI / UX について #としまえん 角 角 人と人が交流するアプリ 文字通り「
」が立たないように このアプリはどこにも「 」がありません 自由なUIに見えて、グリッドで綺麗に管理 ユーザーにほどよい安心感を与えます https://www.figma.com/file/PrKauoP494cdgwb6s9zgDx/imerge?node-id=0%3A113
アプリの将来性 07
07 初対面の人との交流も進む ・ 友達はもちろん!歓迎会ができなかった大学1年生や新卒のオンラ イン交流のネタに ・気になるあの子と何話せばいいかわからない。そうだ!イマージ を使って話すきっかけを作ろう! ・ポージングと背景の組み合わせが面白かったら、友達とシェアし よう!
07 初対面の人との交流も進む イマージ 架空のアルバムを作れます あたかも昔から友達だったかのような 雰囲気で話し始めることもできます 最初は架空でも、「 」をきっかけに 未来のリアルな思い出もパシャッと作りませんか?
07 イマージを使えば他にもこんな可能性が イマージ 「 」で楽しい交流を !
2020年9月27日 SPAJAM2020第2回予選 チームおひっこし #ヒマラヤ山脈 カシャっと交流