---
# System prepended metadata

title: Week 10 Presentation

---

# Week 10 Presentation
Final project CJCN

---

## Roles

Deployment: Chisha
UX/UI: Jo
QA: Nafisa
Facilitator: Chun

---

## Concept - Communication with the Elderly 
:older_adult: :older_man: :older_woman: 

- **Staying Connected!**
- Staying in touch with family and friends primarily duirng work hours although they can access it anytime

---


## Logo 

<img src='https://i.imgur.com/GoG8UCe.png' >


---


![](http://secondwindmovement.com/wp-content/uploads/2018/05/betty-white.gif)


---


## Proposed Tech Stack - (Chisha)

- Slack API
- Frameworks like Svelte, AWS, React
- Styled Components
- Deployment of app Heroku, Netlify
- Database unsure due to the use of Slack API


---


<img src='https://i.imgur.com/6p8OlGr.png' height='90px'>

<img src='https://i.imgur.com/67eQOxK.png' height='90px'>

<img src='https://i.imgur.com/f920axe.png' height='90px'>


<img src='https://i.imgur.com/GAy7F0j.png' height='90px'>

<img src='https://i.imgur.com/MB5yEay.png' height='90px'>

<img src='https://i.imgur.com/krLoFDA.png' height='90px'>


---

Slack API

![](https://miro.medium.com/max/3200/0*f_LwuH6ZUVp4NweH)


---


![](https://media1.giphy.com/media/de5bARu0SsXiU/giphy.gif)


---

## Design process - Miro (Nafisa)

**Some technologies we wanted to practise:**
Cypress
React.js
Next.js
AWS
Svelte
Style components/CSS
Discord/Slack API
Authentication
A new testing platform (Jest?)

---


**App ideas we came up with:**
Skating social network
Communication tool for trafficked people/single mothers
Communitcation tool for old/lonely people✅


---


**User stories/personas**

![](https://i.imgur.com/tD28dpp.png)


---

![](https://i.imgur.com/aySjhVn.png)


---

**Questions we came up with for our user research:** :question: 

- How often do you communicate on a smart phone/laptop?

- Are you using any apps currently to communicate with your family/friends? If so which ones and what do you like/dislike about using them?

- How do you find meeting new people/keeping in touch with family currently?

- Do you have access to a device currently?


---

## Design process - Figma (Jo)

![](https://i.imgur.com/jMs74Gm.png)

---

![](https://i.imgur.com/OUVGXW4.png)



---

![](https://i.imgur.com/9mCUsyq.png)


https://twitter.com/mrcatacroquer


---

## Wireframing

![](https://i.imgur.com/9nuRXjx.png)

---

![](https://i.imgur.com/FuY2jLR.png)


---

![](https://i.imgur.com/HAMdGE5.png)


---

![](https://i.imgur.com/7jWpx6E.png)


---

## Demo of Figma - Jo

[Figma Board](https://hackmd.io/-VC78GlpQwGbEz2BjvIbyw)

[Figma Demo](https://www.figma.com/proto/IfZ16NjPCNCI6yEGZs6kvG/TeleGran-Prototype?node-id=1%3A3&scaling=scale-down&page-id=0%3A1)

---


### Users for Usability Testing 
![](https://i.giphy.com/media/Rk927btUSH5eW0Hlbs/giphy.webp)


---

![](https://media.giphy.com/media/l4KibWpBGWchSqCRy/giphy.gif )

---


### User Testing

![](https://i.imgur.com/baRnRxm.png)


---

![](https://media.giphy.com/media/YOOvjWDRam2mTodO9O/giphy.gif)

---

<img src='https://i.imgur.com/Pjg4JrU.png' height='500px'>
➡️
<img src='https://i.imgur.com/nbrxGAR.png' height='500px'>

---

<img src='https://i.imgur.com/2TnybOS.png' height='500px'>
➡️
<img src='https://i.imgur.com/anRrC6G.png' height='500px'>

---

### Future Plan - sprint plan 

![](https://i.imgur.com/zvNRRUV.png)

---

### Estimates & Priority

![](https://i.imgur.com/SpAboXr.png)

---

### Gant Chart

![](https://i.imgur.com/FPprhKn.png)

---

### Bulk Issues in CSV

![](https://i.imgur.com/21TzQmN.png)

---

### Thanks for listening! :ear: 
### Any questions? :question: 
![](https://i.gifer.com/DTYs.gif)


