# マーケチーム共有会用資料

###### tags: `Joggo`

## 用件定義
https://joggo-docs.netlify.app/requirements.html
pass: joggo0039

## アプリケーションの設計
リニューアル後は３つのアプリケーションを連携し、サービスを提供する想定です。アプリケーション役割によって分割することで、アプリケーションごとのメンテナンス性を担保しつつ、拡張性を高く保つことができます。また、一つのアプリケーションの問題が広く波及することを防ぎます。
<iframe style="border:none" width="800" height="450" src="https://whimsical.com/embed/TFWzxMnijvVd4PF4h6YgKK"></iframe>

## 各アプリケーションの役割

### ポータル
サービスの紹介、キャンペーンの訴求などを通じて、アイテムを選択するまでの一連の作業がこのウェブサイトの役割です。

サービスの内容や魅力をわかりやすく伝達し、サービスの体験意欲を掻き立てることを目標とします。

<iframe style="border: none;" width="100%" height="450" src="https://www.figma.com/embed?embed_host=share&url=https%3A%2F%2Fwww.figma.com%2Fproto%2FNcNfyY9nTTa1w0fQYkLBgs%2FJOGGO-%25E3%2582%25A6%25E3%2582%25A7%25E3%2583%2596%25E3%2582%25B5%25E3%2582%25A4%25E3%2583%2588%3Fnode-id%3D211%253A0%26viewport%3D270%252C173%252C0.42937302589416504%26scaling%3Dscale-down" allowfullscreen></iframe>

### シミュレータ
アイテムを選び、編集し確定するまでの作業がこのアプリケーションの役割となります。確定した後の注文処理は、カート・マイページアプリケーションが役割を担います。

モバイル端末をメインターゲットとしますが、PCでもストレスなく操作できるアプリケーションとします。

ユーザが心地よく感じる商品のカスタマイズ体験を提供することを目標とします。

<iframe style="border: none;" width="100%" height="450" src="https://www.figma.com/embed?embed_host=share&url=https%3A%2F%2Fwww.figma.com%2Fproto%2Fz2XqFAzQdX7soj4ntrMHkG%2FJOGGO-Simulation-Frame%3Fnode-id%3D125%253A0%26viewport%3D-250%252C-452%252C0.47431355714797974%26scaling%3Dscale-down" allowfullscreen></iframe>

### カート・マイページ
ユーザアカウントに紐づく情報の管理と、カートに登録された商品の管理から、商品の注文までがこのアプリケーションの役割です。

現状の煩雑な購入フローをできるだけ簡素化し、ストレスなく購入できることを目標にしています。

<iframe style="border: none;" width="100%" height="450" src="https://www.figma.com/embed?embed_host=share&url=https%3A%2F%2Fwww.figma.com%2Fproto%2FqDBurfKxBodmQLiRQUkl56%2FJOGGO-Cart-Wireframe%3Fnode-id%3D1%253A2%26viewport%3D45%252C262%252C0.08629117906093597%26scaling%3Dscale-down" allowfullscreen></iframe>

## その他
Webアプリケーション関連の資料は[こちら](https://joggo-docs.netlify.app/)にまとめる予定
pass: joggo0039