You wouldn't build a house without a blueprint. Likewise, you should never embark on a design journey without first creating a wireframe.
A wireframe is a visual mockup that outlines the basic structure of your website, app, or landing page. Traditionally, a wireframe is fairly simplistic. Basic shapes and elements are used to block out where each piece of content and UI element will go. And the power of the wireframe lies in that simplicity: Elements can be rearranged quickly and easily for iteration and approval before moving on to a higher-fidelity prototype.