What is a wireframe

by | Nov 24, 2019 | Websites, Website Planning | 0 comments

A wireframe is sketch of a web page layout to understand what elements a web page will have when it is finished.

The wireframe can also be called a template or mockup.

A wireframe has no design features, it is mainly black and white.

Here is an example of a wireframe.

What is a wireframe

When designing a website, wireframes are created first.

They are mostly drawn on a computer and printed out for you to check.

My web design process is slightly different to the traditional method.

I build ‘live’ wireframes. That means they exist as a web page, not just on paper.

This really speeds up the web site creation process because I don’t need to design the wireframe on a computer first then build the web page. The design and build is done at the same time.

When you are happy with the layout, you then add the colours, fonts, images and text.

What happens on my ‘Build a simple WordPress website’ workshop

When you come along to my ‘Build a simple WordPress website’ workshop you will learn how to quickly build a wireframe.

I have a large library of wireframe blocks that you insert into a blank page.

You can modify these blocks until you get the look you after.

You can build your wireframe in a matter of minutes.

Once you are happy with your wireframe, you can then style it, add your images and add your text.

My wireframe block library

My library includes the following blocks (and more).

  • Hero headers – the top part of your home page.
  • Content – I have many blocks so you can style your content in many ways.
  • Testimonials.
  • Services / features.
  • Contact forms.
  • Opt-in forms.

The blocks are my ‘secret sauce’ for building websites in record time.

When you come along to my workshop you get access to this library.

Bespoke and ready made wireframes

Depending on the workshop package you choose, you can build your own wireframes or I can build a bespoke wireframe for you.

If you don’t want to build your own wireframes and you don’t want a bespoke wireframe (for example if you really don’t know how you want your web page laid out) you can use my ready made wireframes. All you need to do with those is add your content and styling.


My next workshop

If you want help building a simple WordPress website then contact me to find out when I running my next workshop.







Submit a Comment

Your email address will not be published. Required fields are marked *

About Karen Weider

I have been building strategic, marketing websites since 2011. I have supported many business as they get online and grow their business and I firmly believe that planning is crucial to online success.

I help women who are action takers and want to build their own website and I support established who are looking for a long term website strategic & technical partner.

I love working with change makers who are following their heart and have been called to share their message and make a huge impact in the world.

Join my free Facebook group

For business women who want tips and challenges to help plan a visible, valuable website.

Join here >>

Share This