Link to Student
Journal Entry For
Project 1 - Prototyping Plan
Share your work-in-progress using any media that works well for you:
- Worked with Figma using interactions and a chrome extension prototype
- Brands used: H&M, Reformation and Pact
Figure 1: Interactions in Figma
![image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2Ff114ae4a-d097-48e3-91a1-1383fbd70985%2FScreen_Shot_2023-07-10_at_12.47.30_pm.png?id=1ed9ae18-5755-407f-8e6c-a4dc338af7d6&table=block)
Figure 2: ‘Landing Page’
Here, the ‘b.’ tab will pop out for the user to click.
![image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F19208e53-b4bf-48bf-b6df-bdc1a29e5933%2FScreen_Shot_2023-07-10_at_12.48.13_pm.png?id=cb47c034-ef6c-4d5e-8095-04c311583adb&table=block)
Figure 3: ‘H&M1’ - Brand sustainability review ‘landing page’
User can click ‘show me sustainable alternatives’. Home button will redirect them to H&M1. Exit button will close the tab.
![image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2Fa6e7fbdc-cc84-4e8c-b44f-ab985e46c626%2FScreen_Shot_2023-07-10_at_12.49.31_pm.png?id=07dbccc0-c237-4b6c-9ef5-8935af7068e1&table=block)
Figure 4: ‘H&M2’ - Sustainable alternatives
User can choose between ‘Most sustainable’ and ‘Most cost-friendly’
If ‘Most sustainable’ chosen
Directed to Reformation’s pages.
- Website’s page showing the top alternative, cost, sizing and colour options
- User can be directed to sustainability rating, material details and most cost-friendly alternative
- Brand sustainability rating
- Product material class
![image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2Fad0d8ade-16af-454e-8fd2-b96a715bd3b5%2FScreen_Shot_2023-07-10_at_12.50.36_pm.png?id=c2abd998-94fd-4e4c-9e22-0bb491f2dcbb&table=block)
If ‘Most cost-friendly’ chosen
Directed to Pact’s pages.
- Website’s page showing the top alternative, cost, sizing and colour options
- User can be directed to sustainability rating, material details and most cost-friendly alternative
- Brand sustainability rating
- Product material class
![image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F1733eccb-64d9-4515-b504-1406c0a0f5c6%2FScreen_Shot_2023-07-10_at_12.53.50_pm.png?id=3baf109b-5609-4522-81be-5fbbfd4836c8&table=block)