• Home
  • 33 Free Templates
  • Products
  • Speakers
  • News
  • Blog
  • Podcast
  • Webinar
  • Events
  • Contact
  • Search
Bluewire Media - Web Strategy
  • Home
  • Blog
  • Contact Us
  • More
  • Free Templates & Training
    • Marketing Mini Course – Tools of The Trade
    • Free Marketing Templates
      • All 33+ Marketing Templates
      • Web Strategy Planning Template
      • Editorial Calendar Template
      • Landing Page Design Template
      • Content Marketing Promotion Template
      • SEO Planning Template
      • Content Marketing Sales Funnel
      • Inbound Marketing Flight Plan
      • Inbound Marketing Methodology
      • Blogger Outreach Email Template
      • Skype Interview Template
      • Web Marketing Report Template
      • Email Lead Nurturing Template
      • Blog Post Planning Template
      • Content Ideas Generation Template
      • Communication Schedule Template
      • Content Publishing Rhythm Template
      • Aspirational Contacts Template
      • Email Sales Copy Template
      • Event Marketing Template
      • Web Marketing Health Check Template
      • Digital Marketing Methodology Template
      • Website Content Collaboration Template
      • Speakers Social Media Template
      • Business Cloud Planning Template
      • Website Checklist for Graphic Designers
      • Lead Magnet Checklist
      • Guest Blogging Strategy Template
      • WordPress Shortcuts Template
      • Google Adwords Planning Template
    • Free Social Media Templates
      • Social Media Guidelines Template
      • Social Media Planning Template
      • Social Media Corporate Approval Template
      • 8 Step Blueprint
      • Negative Comments Response Template (for Social Media)
      • Social Media Image Sizes Checklist
      • Instagram Daily 5 Minute Marketing Plan
      • Twitter Daily 5 Minute Marketing Plan
      • Twitter Cheatsheet
      • LinkedIn Daily 5 Minute Marketing Plan
      • Facebook Marketing Plan Template
      • Pinterest Daily 5 Minute Marketing Plan
      • Google+ Daily 5 Minute Marketing Plan
    • Free E-Books
      • Free chapter of our book
      • 59 Web Marketing Tools
      • Web Strategy Secrets E-book
      • Content Marketing Magic e-book
      • Twitter Tips and Tricks For Business e-book
      • A Short Guide to Email Marketing & Social Media
      • Social Media: How to Get Started Guide
      • Inbound Marketing For Business e-book
    • Hablas Espanol?
      • Plantilla de Planeación de Estrategia Web
      • Secretos de la Estrategia Web
  • Our Bestselling Book
  • Online Courses & Products
    • Web Marketing That Works Book $25
    • All Access Starter Pack $97
    • SEO Accelerator $97
    • Social Media For Leads $297
    • Double My Leads $597
    • LinkedIn Course $597
    • VIP Coaching Accelerator
  • Corporate Training Courses
    • Real Estate – Social Media Training
    • Financial Advice – Social Media Training
    • Mortgage Broker – Social Media Training
    • Social Media Training Courses
    • Digital Marketing Training Courses
  • Digital Marketing Consulting
    • Coaching Program
    • Coaching Accelerator
    • Web Marketing Strategy
    • Social Media Marketing Strategy
    • Marketing Mentoring Programs
    • Corporate Workshop Facilitation
  • Why Engage Bluewire Media?
    • 10 Reasons To Work With Us
    • Meet Our Team
    • Company Profile
    • Recognition
    • The Bluewire Story

Bluewire Media Web Strategy Blog

Home / Blog / The skeleton in the website: wireframes get an airing

The skeleton in the website: wireframes get an airing

Posted by Lesley Hays

Share
Share
Pin
Tweet2
2 Shares

What are wireframes and why does my project need them?

If you’ve ever done a website project with us, you’ll know all about wireframes! They’re the black & white skeletons of a website that show where all the content and features will go before we delve into colours and images. They help us make decisions about functionality and positioning without getting caught up in how dark that gradient is or whether red is the right colour for this button.

Bonus: Download the 33 free templates from Web Marketing That Works.

We also use them to finalise how much copy is required, what areas of a page are featured, how many images we’ll need and whether they should be landscape or portrait, for starters! This can be very helpful for our clients to start organising content and photography without having to wait for a final design.

Let’s see ’em!

To see some examples, check out “Wireframe Showcase“, which has the interesting task of comparing completed websites with their wireframes.

It’s really interesting to see the similarities and differences between wireframes and resultant designs, and also to see how different people create wireframes. Some are full of detail, others are simple; some use clean lines and text, others go for a ‘hand drawn’ aesthetic.

A comparison image of a wireframe and its design

How do you make them?

There’s a lot more to making a good wireframe than having the right tool – user interface design knowledge, a thorough understanding of the project requirements and lots of experience helps, too! Having said that, the tools can be fun, so let’s talk about them…

Wireframe Showcase is supported by a popular wireframing tool, Balsamiq, but the examples (like real life) seem to use a variety of tools. Wireframing doesn’t have to be (and shouldn’t, at the beginning) a pretty, technical endeavour. Sketches are the best way to start and some people don’t need anything else.

For those who like pretty mock up tool, there are lots to choose from! We’ve tried Axure, FlairBuilder and Mockingbird. I know other popular ones also include Balsamiq, Hot Gloo, Omnigraffle and MockFlow.

What’s your favourite wireframing tool you think we should try out?

  • About the Author
  • Latest Posts

About Lesley Hays

  • We lost 50% of our positive Facebook comments by focussing on negative conversations – Jun 20, 2013
  • Is your web developer running these 2 easy tests? – May 14, 2013

Share
Share
Pin
Tweet2
2 Shares
No Comments
Web Design
Web Design, web design brisbane, wireframing, wireframes, Design, methodology, web strategy
 0 Shares
Tweet

Posted on Oct 5, 2010

← Social Media Q & A with Liz Strauss Q&A with Kelly Olexa – social media, vlogging & the power of conversation →
  • Latest
  • Popular
  • Comments
  • Tags
  • High Ticket Sales on LinkedIn - Adam FranklinHow to nurture LinkedIn contacts into high-value clients Oct 26, 2018
  • Adam Franklin LinkedIn PDF Bundle - screenshotLinkedIn Marketing Template Bundle Sep 24, 2018
  • 10 Influencer Marketing Strategies You Should Know Sep 14, 2018
  • Adam Franklin - Looking for 5 clientsI’m looking for 5 people who want 10 leads via LinkedIn Sep 5, 2018
  • High trust marketing - Adam FranklinHigh Trust Marketing with LinkednIn Sep 3, 2018
  • Marketing experimentsMarketing Experiments: Email Content That Gets Clicked Apr 23, 2013
  • LinkedIn Marketing Strategy Infographic Nov 13, 2013
  • Fishing for backlinks – Tips from SEO Secrets Oct 27, 2009
  • Your Ultimate Blog Checklist Jul 16, 2014
  • DanNorrisThe 5 Best Google Analytics Reports for Content Marketers Jan 8, 2014
  • High Trust Marketing with LinkednIn – Business Article – Business Blog […] (adsbygoogle = window.adsbygoogle || [])
  • Coach Maria Marsala Enjoyed your article and template, passed it along
  • Wirapoker i very like this website <a href="http://w
  • Dara Lin Great Tips, Adam! It's true, investing in a
  • No Z Good article let me visit my article dong click be
adam franklin Adtech apple iphone balance barry feldman bg patterns blackberry BYOD calls to action color scheme designer copy writing for web Design digital marketing Digital strategy dot tk email flash GIMP google HTML-ipsum Ian Altman internet marketing Llew Jury myspace online advertising outsourcing pic markr quote ron baker ryan holiday search engine SEO shrink o'matic smush.it! social marketing social media Social Networking Tristan White VA viral marketing virtual assistants visual Web 2.0 web design brisbane web design SEO

Archives

  • 2018 (28)
  • 2017 (54)
  • 2016 (130)
  • 2015 (168)
  • 2014 (122)
  • 2013 (99)
  • 2012 (73)
  • 2011 (93)
  • 2010 (152)
  • 2009 (135)
  • 2008 (1)
  • Back to Top
    • Home
    • 33 Free Templates
    • Products
    • Speakers
    • News
    • Blog
    • Podcast
    • Webinar
    • Events
    • Contact
    • Search
    • For Clients & Customers
      • Basecamp
      • Library
      • Tools
      • Sitemap
      • Students
      • Subscribe to Bluewire News
    • Hablas Espanol?
      • Plantilla De Planeacion De
        Estrategia Web
      • Secretos de la Estrategia Web
    • Contributors To
      • The Australian
      • Sydney Morning Herald
      • Smart Company
      • Huffington Post
      • Startup Smart
      • Convince & Convert
      • Hubspot
      • Problogger
      • Dynamic Business
      • Kochie’s Business Builders
      • Entrepreneur HQ
      • Key Person of Influence
      • Life Hacker
    • Working with Bluewire
      • As a Client
      • As an Affiliate
      • As an Event Attendee
      • As a Guest Blogger
      • As a Partner
      • Culture & Glowers e-book
      • Need a Speaker?
      • QUT Web Strategy Prize
      • Testimonials
    • Across The Web
      • Twitter
      • Facebook
      • LinkedIn
      • YouTube
      • Google+
      • Instagram
      • Pinterest
      • Slideshare
    • Disclosure
      • Disclosure & Terms and Conditions
      • GDPR Compliance & Privacy Policy
    Australia

    157 Birdwood Terrace
    Toowong
    QLD, 4066

    Copyright © 2019 All contents Creative Commons Licensed Bluewire Media Pty Ltd.