The design process is different for everybody and often includes a series of various techniques. I have tried both wireframing and non-wireframing techniques while noticing a large difference in quality. For people who are planners, wireframing is possibly the greatest choice you could make. It allows you to build rough ideas into a solid website layout and fill in the details later.
I have put together 30 fantastic tools related to website mockups and wireframing. Mostly all of these tools are free to use or at least offer some type of free plan to new users. The more advanced solutions do offer professional paid plans, while also offering a litany of additional tools. Take a look over some of my examples and see if you can put any of these great webapps to good use.