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

SPAJAM2020予選 チームおひっこし プレゼン資料

Inoue Noa
September 27, 2020
380

SPAJAM2020予選 チームおひっこし プレゼン資料

Inoue Noa

September 27, 2020
Tweet

Transcript

  1. 2020年9月27日 SPAJAM2020第2回予選 チームおひっこし
    カシャっと交流

    View full-size slide

  2. 課題と問題
    01
    課題と問題
    01

    View full-size slide

  3. コロナで外に遊びに行けない

    友達との交流も減りまくり

    慢性的な「離れてる感」
    01 コロナ禍で交流に対する課題を感じている

    View full-size slide

  4. カシャっと交流

    View full-size slide

  5. 課題と問題
    01
    デモ
    02

    View full-size slide

  6. 課題と問題
    01
    アプリの詳細
    03

    View full-size slide

  7. 03
    離れている人と一緒に過ごした

    かのような写真をカシャっと

    撮れるアプリ
    撮る過程や写真を元に

    知人との交流を深めます
    アプリの詳細

    View full-size slide

  8. アプリ技術
    04

    View full-size slide

  9. 想像以上に高いクオリティの交流写真をカシャっと生成!

    深度情報を活用
    04 技術でのこだわり1
    元画像 切り抜き
    深度情報

    View full-size slide

  10. 即座に誰かと交わる写真

    FirebaseのStorageで写真を共有
    即座に
    04 技術でのこだわり2
    速い!!

    View full-size slide

  11. こだわり
    05

    View full-size slide

  12. 05 こだわ架空の写真のリアリティを上げるために撮影時のガイドも工夫
    ガイドがないと二人の写りにズレがで

    てしまう


    真ん中にガイドを置くとピースが途切れ
    てしまったり、なんだか違和感がある

    View full-size slide

  13. 05 こだわ架空の写真のリアリティを上げるために撮影時のガイドも工夫
    実際にふたりで自撮りした写真を

    参考に️、ピースがおさまることなど

    リアルな自撮り感が出る条件を追求

    より適切なガイド位置へ

    View full-size slide

  14. 写真を一緒に見ることでさらに交流を深めるために

    インスタのストーリーのようなタグも合成

    ここ行きたいね〜などの話題作りに繋がります
    05 タグで話題作りに
    #としまえん #金閣寺

    View full-size slide

  15. デザインについて
    06

    View full-size slide

  16. 06 アプリ名
    想像 + 写真
    イマージ
    イマジン イメージ

    View full-size slide

  17. 06 ロゴとアイコン
    ポジティブなもの


    ・ 優しく

    ・ 楽しく


    ・ 二色の異なるカラー

    ・ デフォルメしたフォント


    交流
    テーマである「 」

    View full-size slide

  18. 06 UI / UX について
    UXもアプリの画面遷移図と

    ユーザーストーリーを何度も

    照らし合わせ、


    ユーザーの楽しい気持ちを

    阻害しないようなユーザー体験

    づくりを目指しました

    View full-size slide

  19. 06 UI / UX について
    #としまえん


    人と人が交流するアプリ


    文字通り「 」が立たないように

    このアプリはどこにも「 」がありません


    自由なUIに見えて、グリッドで綺麗に管理

    ユーザーにほどよい安心感を与えます


    https://www.figma.com/file/PrKauoP494cdgwb6s9zgDx/imerge?node-id=0%3A113

    View full-size slide

  20. アプリの将来性
    07

    View full-size slide

  21. 07 初対面の人との交流も進む
    ・ 友達はもちろん!歓迎会ができなかった大学1年生や新卒のオンラ
      イン交流のネタに
    ・気になるあの子と何話せばいいかわからない。そうだ!イマージ
     を使って話すきっかけを作ろう!
    ・ポージングと背景の組み合わせが面白かったら、友達とシェアし
     よう!

    View full-size slide

  22. 07 初対面の人との交流も進む
    イマージ
    架空のアルバムを作れます


    あたかも昔から友達だったかのような

    雰囲気で話し始めることもできます


    最初は架空でも、「 」をきっかけに

    未来のリアルな思い出もパシャッと作りませんか?

    View full-size slide

  23. 07 イマージを使えば他にもこんな可能性が
    イマージ
    「 」で楽しい交流を

    View full-size slide

  24. 2020年9月27日 SPAJAM2020第2回予選 チームおひっこし
    #ヒマラヤ山脈
    カシャっと交流

    View full-size slide