Why This Matters
A website wireframe, also known as a page schematic or screen blueprint, is a visual guide that represents the skeletal framework of a website. Wireframes are created for the purpose of arranging elements to help you understand how the completed site will look before investing the effort to build a finished product first.
Resources
7 Reasons to Wireframe – Reasons why wireframing is important in web design.
Guide to Creating Wireframes – Guide to creating user-centric Wireframes.
Recommendations
Adobe – Many designers use Adobe products. Wireframes can be made in Photoshop or Illustrator. They have over 29 professional apps / software so there may be something in here you’d like to use.
Axure – A website planning software and layout tool. No coding required and allows you to hand it off to a website coder with ease.
Balsamiq – You can create or edit wireframes projects directly from Google Drive, all within the browser. You can even collaborate on your wireframes with others, in real time.
Figma – A design software to help make initial planning and blueprinting easier as well as helping you create simple UX elements.