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](/_next/image?url=https%3A%2F%2Fassets.super.so%2F5be1215f-2de6-4f04-a395-bd454f62e3c4%2Fimages%2Fe49906e5-98cc-45a8-b8d0-660da4da298a%2FScreen_Shot_2023-07-10_at_12.47.30_pm.png&w=3840&q=90)
Figure 2: ‘Landing Page’
Here, the ‘b.’ tab will pop out for the user to click.
![image](/_next/image?url=https%3A%2F%2Fassets.super.so%2F5be1215f-2de6-4f04-a395-bd454f62e3c4%2Fimages%2Fa6748d84-85cb-4253-9053-8fa5c3edb9d2%2FScreen_Shot_2023-07-10_at_12.48.13_pm.png&w=3840&q=90)
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](/_next/image?url=https%3A%2F%2Fassets.super.so%2F5be1215f-2de6-4f04-a395-bd454f62e3c4%2Fimages%2F17e61f1a-bc16-4515-b558-71f805b0c5a3%2FScreen_Shot_2023-07-10_at_12.49.31_pm.png&w=3840&q=90)
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](/_next/image?url=https%3A%2F%2Fassets.super.so%2F5be1215f-2de6-4f04-a395-bd454f62e3c4%2Fimages%2Fff1a4411-ba86-467b-89a1-a564381e5ff8%2FScreen_Shot_2023-07-10_at_12.50.36_pm.png&w=3840&q=90)
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](/_next/image?url=https%3A%2F%2Fassets.super.so%2F5be1215f-2de6-4f04-a395-bd454f62e3c4%2Fimages%2F80d852d7-f482-496a-9f24-ebc70234178f%2FScreen_Shot_2023-07-10_at_12.53.50_pm.png&w=3840&q=90)