![](https://assets.isu.pub/document-structure/200517094706-67e60a28d3007804844e048e68a46ef4/v1/144b8212581bea7da1861565959b8523.jpg?width=720&quality=85%2C50)
1 minute read
Wireframes
I created wireframes of required screens from the architecture diagrams bothe for wesite and app.
Figure 14: Website wireframes for ‘member’s home’ and ‘tip details’ pages with the mentions of the required functionalities and their locations on the page.
Advertisement
![](https://assets.isu.pub/document-structure/200517094706-67e60a28d3007804844e048e68a46ef4/v1/f4cf97517ba04eadd2a8fb955955b84c.jpg?width=720&quality=85%2C50)
Figure 15: App wireframes for ‘log-in’ and ‘member’s home’ screens with the mentions of the required functionalities and their locations on the page.
Figure 16: App wireframes for ‘Targets’, ‘Tips’ and ‘Me’ screes with the mentions of the required functionalities and their locations on the page.
![](https://assets.isu.pub/document-structure/200517094706-67e60a28d3007804844e048e68a46ef4/v1/ab479f7a0f3e0e25c3a25fbb66cce1e2.jpg?width=720&quality=85%2C50)
Figure 17: Result of the comparative responses of one of the ratings asked in the form.
![](https://assets.isu.pub/document-structure/200517094706-67e60a28d3007804844e048e68a46ef4/v1/b5c1d086e1248909e54bbec437eae168.jpg?width=720&quality=85%2C50)
![](https://assets.isu.pub/document-structure/200517094706-67e60a28d3007804844e048e68a46ef4/v1/4f8201451e30a29c15d53d5a14088be4.jpg?width=720&quality=85%2C50)
Adjacent: Polarity mapping form used in the survey to get a direction of desired conceptual associations and emotional reactions towards the selected solution.