Select Page

Mock Ups Tools We Use When Designing a New Website

Designing a mock up for your website isn’t always necessary, but when it is, you should be prepared with the best tools. For more information on when you should create a mock up, check out episode 61.


  1. Old fashioned pencil and paper 01:03
    • If you’re not a graphic designer and you don’t know how to use Photoshop, Illustrator, or any of the other tools mentioned in this episode, you can just draw it out on a piece of paper.
  2. Balsamiq 01:57
    • This software basically takes the idea of a pencil and paper mock up and makes it digital.
    •  It has that hand-drawn effect and shows you where the elements will go in the design.
  3. Mindmeister 03:13
    • This is a tool that David uses to design the flow of a website, the menu structure, and the inner pages of the site, not necessarily to design the layout.
  4. Photoshop 05:00
    • Usually Photoshop is used to make a full mock up of a website, as opposed to just a wireframe of the layout of a site.
    • Making this type of mock up is not always necessary, depending on the project. For a small budget project, it isn’t probably necessary. For a larger budget project, you might consider making a full mock up.
  5. Divi 06:28
    • David and Tim both use Divi’s template library functionality to quickly prototype website mock ups.
  6. Trello 07:03
    • You can use this tool similar to Mindmeister to lay out the content for a website.
    • The other features of this software make it great for collaboration with a team and overall project management.

Did you Enjoy this Episode?

  • Will you consider sharing it online? Just click one of the share buttons below!
  • Will you leave us a review? 🙂
  • Have a question, or a topic request? Let us know in the comments below!

Want to Connect with David & Tim?

Previous podcast
Next podcast

Where To Listen

Listen to WP The Podcast on your favorite platform

Never miss an episode

Valuable content in your inbox. Your info is secure with us.