Tag archives: "Wireframing"

The secret to smooth, fun-filled website creation: Wireframing

Hi Consciousness Entrepreneurs! If you’ve been through my free mini-course “The 4Ws – four questions for a WWW with Wisdom” (sign up here), you should already have a lot of ideas about your website and some clarity on how to follow through with them.

That mini-course is really designed to prepare you for starting the work with your website, so that you can get the badass, conscious website that you really want!

Now for the next step: Wireframing (I’ll probably include this in the course soon)!

Wireframing is the process of using simple symbols and geometric shapes to quickly draft your website. It will help you get even more clarity about your website, and may even give you the confidence to start building it yourself. Not bad!

moqupslogoDo I hear ecstatic screams of enthusiasm? Well, this should get you excited! Wireframing is a bit like getting out the LEGO blocks from childhood again and really getting creative, in a fun and simple way.

Through the folks at AppSumo.com, I was made aware of a smart little wireframing tool called Moqups.

After playing around with it for about five minutes, I could export this wireframe:



It’s so simple that anyone can do it (even if you think you are creatively stupid)!

If you choose to work with me at one point, I will invite you to spend some time in Moqups like this. Or we can do that together. At any rate, wireframing is a fantastic way for you to start getting ownership of your website and to get real clarity about where to go. I recommend giving it a try right now!

You can start playing with Moqups this very moment. Many of the features are available for free. If you want access to advanced functions, you will have to pay however. AppSumo currently features this product at a 75% discount.

But you can use Moqups even without paying. Make your Moqup, preview it, and then you can take a screenshot of it. On Mac, use Command-Shift-4 and then select the part of the screen you want to take a screenshot of. On Windows, just use the PrintScreen button, or if you have Evernote installed, use Windows+PrintScreen and capture the part of the screen you want.

Share the wireframe (s) with your friends and family for some quick, fun feedback. Or share it with me when you finally want to build the website super professionally.

Happy wireframing!