The main difference between a Prototype and a Wireframe is that a Prototype is more interactive. It's purpose is to simulate the interaction between the user and your website or application.
The goal of Wireframing is to
- design the layout, structure of the key interfaces,
- identify the different functionalities
- determine what information should be presented and where.
A Wireframe does not contain visual design elements, like color, imagery or specific typography. However, it shows the visual hierarchy of the content and different sections. We mainly use wireframes for planning, while a Prototype is created mainly for testing purposes.