Hi Everyone! This is my first prototype. Kindly also check the link below for the prototype, Hi-Fi wireframe, and UI Images.
This is the link to display my prototype: https://www.figma.com/proto/qeGz94gWF6pLdP8WJlY6Gf/Ridgeline_product_page?node-id=4-2&t=j8ule9qXCk9qtJmH-1
Hey there here is my Rigeline Prototype.
Thanks
JeffJWM Rigeline Prototype (Color & Size Interactions)
I’ve been struggling with making sure you all are able to access all the interactions, let me know if you are able to view them this way, if not…any insight on how else to export it so it shows that way would be great!
I tried to keep it simple and Pink! Hope you like it .
My Prototype
Hey Haiiiiii, everyone here is my Project on Ridgeline Prototype
Hi!
Here is my Ridgeline Protptype
Interaction:
- Cart Added - after clicking on “Add to Cart”.
- Searching - after clicking on the magnifier in the header.
- Added to Favorite - after clicking on the heart icon under the product name (Sample Product Copy).
- Carousel - the second thumbnail and right arrow.
- Hamburger Menu - after clicking on the 3 lines, beside the logo.
Hello there!
Here’s my prototype.
I’ve faced a few challenges along the way, but I’ve enjoyed the process from start to finish. I’ve added two interactions for now—it’s been quite a bit of time and work, but I’m proud of this first small achievement!
To test the prototype, click on size “XS” and then on “Add to Bag.” Enjoy exploring!
Hey everyone! I just completed the Ridgeline prototype project and was hoping for some feedbacks!
this is my first ever project, and to be fair I am more interested in front-end design, but I thought it would be useful to have some extra skills.
Here is the link! here
Thank you!
Okay so here is my Ridgeline Prototype: https://www.figma.com/design/VIYXAWyNN7QTuPg9thYdHO/Ridgeline-Project-Prototype?node-id=0-1&t=KHJisVu8PEKDtTvd-1
I hope it is okay.
hy all, here is my project ridgeline
1 Like
Hi…
Thank you codecademy, I finally created my first prototype with amazing simple interaction.
- Selecting the file option to download (Inspired by selecting size xlvideo prototype by melody)
- click on the first alternate image (botton left) switch it with the main one.
What you think ? You can see it Here
https://www.figma.com/proto/JuOwJslRdMVthHY2VP3qh7/[Template]-Ridgeline-Prototype-(Copy)?node-id=4102-2&p=f&t=zoxxkCIlViQXy9hj-1&scaling=scale-down&content-scaling=fixed&page-id=0%3A1&starting-point-node-id=4102%3A2
Hello thank you very much, Here is a link to my Userflow prototype i would appreciate your review/corrections. Many thanks.
Interactions:
- click on the size - on preferred color - then add to cart
- click on the navigation arrows to move the images or click on any of images to view on the broad screen.
Hello! I just finished my first prototype project on Figma. It was so interesting to see the back end of how websites are designed. I hope I get quicker as I continue practicing because it took so long and I feel like the interactions are so minimal! It feels overwhelming thinking about creating an entire website or even just a completed product page. Nevertheless, I had lots of fun creating this!
I noticed that the layout of the example #1 was most similar to mine, but I was afraid to use too many colors. I would definitely try to play with colors next time and include some additional details such as the “recommended for cold weather” section or additions to the navbar.
The interactions are minimal, but you can click the arrows to view each thumbnail and you can add a size small (without selecting a color…lol) to your bag
I would appreciate any constructive feedback and advice on how to improve. Thank you!
I just created my first prototype project
CLICK HERE
- Select the next image
- Click on size “XL”
- Click "Add to Bag
- After hovering on the “Add to Bag” button, you’ll see a notification on the shopping icon.