X icon
hamburger icon

Ridgeline

UI Design

Wireframes

Figma

A preview browser image of an ecommerce product page design for a fictitious brand called Ridgeline.

Ridgeline is an ecommerce product page I designed as part of Codecademy’s Introduction to UI/UX Design Course.



The project involved desiging two product page wireframe options for a fictitious outdoor apparel brand called Ridgeline, then turning one of the designs into a high-fidelity prototype.

I designed both the wireframes and the final prototype in Figma.

An ecommerce product page wireframe design. Another ecommerce product page wireframe design. A final prototype of an ecommerce product page design for an outdoor apparrel brand called Ridgeline.

To create a more realistic look and feel for the project, I added a custom Ridgeline logo, which I designed in Adobe Illustrator.

A logo design for an outdoor apparrel brand called Ridgeline feature green pine trees and typeface.

You can check out the final Ridgeline prototype and view the Figma source file.



Any questions or comments on this project? Feel free to reach out.