COPEL COMMUNICATIONS
  • Home
  • Consultants
    • Services
    • Types of clients served
    • How you can profit
    • Privacy and pricing
    • About
    • Testimonials
  • Creatives
    • Services
    • Clients served
    • Portfolio
    • Pricing
    • About
    • Testimonials
  • Blog
  • Contact

blog

Read our best-practice tips and advice

How to bring your website wireframe to life

6/18/2024

0 Comments

 
Open notebook showing website design sketch with pen on top.Great photo by picjumbo.com
We recently worked on a project, for an ad agency, in which they gave us a 22-page PDF wireframe of a new, in-progress website for a client of theirs. Sometimes we create website wireframes for our clients; other times, like this, we’re tasked with helping to populate others' wireframes. 
 
While we could simply tell you about what we did for this client, we want to broaden this article to make it more useful for you. A website—your website—is a big deal. It’s your face to the internet world. You want to get it right. 
 
Question everything
 
When we create wireframes for our own clients, we create them as easy-to-follow Word docs, written in outline form. We have a nice article on how you can easily make one of those, too; be sure to check it out here.
 
When we create wireframes for our clients, we always take a customer-back approach: Who is the website trying to reach? What are their needs? What do we want them to do, i.e., what is the call-to-action? More often than not, for our clients who happen to be consultants, the call-to-action or CTA is “book a demo.” 
 
So all of this will be well thought-out. You need to think this out, in detail, before you craft your wireframe. 
 
We can’t assume that everyone is so diligent. 
 
Fortunately, our ad-agency client, in this story, was. That said, we still had questions. Poring through the 22 pages of boxes and arrows and dashed lines, we wanted to know what their client was trying to accomplish, who their audiences were, the tone they wanted to convey, and what the CTA was for each audience. 
 
Nicely, they’d created what we’d call a “three-door” website. Their client serves three different audiences, and so there was a clickable tile (“door”) for each, right on the home page. 
 
As it turns out, these three audiences were largely different, but still had some traits—and needs—in common. This helped us to develop a unified tone for the overall business, while still addressing the needs of each target audience. 
 
Now think of your website and its audiences: Of course they’re different. But how are they similar? What might they have in common? Asking these kinds of questions can help you elevate the entire site and make it more effective. 
 
The brain dump
 
Our ad-agency client didn’t want the typical “fill in the spaces” type of web-writing project from us. Rather, they wanted us to brainstorm lots of ideas for each high-level section of the site, so they could pick, choose, and mix-and-match at their will. 
 
This was, for us, fun. It was a headline and body-copy free-thought zone, and we came up with tons of stuff for them… which we then selectively edited down, so that they’d actually get 100-percent usable stuff to choose from. 
 
In the end, we delivered a 34-page document, consisting primarily of headlines, subheads, and intro body-copy teasers. Fast-forward to the conclusion of this site’s gestation, and we were happy to see lots of our stuff employed in the finished product. 
 
So the takeaway is that there’s more than one way to do this. Our ad-agency client gave us a super-structured document, but then told us to freewheel when we got it. Conversely, we’ve worked on other website projects where there are actual slugs of approved copy baked right into the wireframe itself, and we’ll be given very strict input to create very strict output. We can work either way. 
 
Have a website challenge on your plate? Contact us. We’d be happy to help! 

0 Comments



Leave a Reply.

    Latest tips

    Check out the latest tips and best-practice advice.

    Archives

    December 2024
    November 2024
    October 2024
    September 2024
    August 2024
    July 2024
    June 2024
    May 2024
    April 2024
    March 2024
    February 2024
    January 2024
    December 2023
    November 2023
    October 2023
    September 2023
    August 2023
    July 2023
    June 2023
    May 2023
    April 2023
    March 2023
    February 2023
    January 2023
    December 2022
    November 2022
    October 2022
    September 2022
    August 2022
    July 2022
    June 2022
    May 2022
    April 2022
    March 2022
    February 2022
    January 2022
    December 2021
    November 2021
    October 2021
    September 2021
    August 2021
    July 2021
    June 2021
    May 2021
    April 2021
    March 2021
    February 2021
    January 2021
    December 2020
    November 2020
    October 2020
    September 2020
    August 2020
    July 2020
    June 2020
    May 2020
    April 2020
    March 2020
    February 2020
    January 2020
    December 2019
    November 2019
    October 2019
    September 2019
    August 2019
    July 2019
    June 2019
    May 2019
    April 2019
    March 2019
    February 2019
    January 2019
    December 2018
    November 2018
    October 2018
    September 2018
    August 2018
    July 2018
    June 2018
    May 2018
    April 2018
    March 2018
    February 2018
    January 2018
    December 2017
    November 2017
    October 2017
    September 2017
    August 2017
    July 2017
    June 2017
    May 2017
    April 2017
    March 2017
    February 2017
    January 2017
    December 2016
    November 2016
    October 2016
    September 2016
    August 2016
    July 2016
    June 2016
    May 2016
    April 2016
    March 2016
    February 2016
    January 2016
    December 2015
    November 2015
    October 2015
    September 2015
    August 2015
    July 2015
    June 2015
    May 2015
    April 2015
    March 2015
    February 2015
    January 2015

    Categories

    All
    Accounting
    Advertising
    Blogs
    Brainstorming
    Brevity
    Brochures
    Business Development
    Business Expenses
    Business Gifts
    Character Tags
    Color
    Consultants
    Copywriting
    Counterintuitive Tips
    Creative Burnout
    Creatives
    Deadlines
    Direct Mail
    Direct Response
    Discounts
    Eblasts
    Editing
    Education
    Email
    Expenses
    Fonts
    Ghost Writing
    Ghost-writing
    Graphic Design
    Halloween
    Holidays
    Infographics
    Inspiration
    Interview
    Jingles
    Layouts
    Lesson Learned
    Mailing
    Marcom
    Marketing
    Measuring Success
    Media Mix
    Meetings
    Messaging
    Nature
    Outtakes
    Pillar Pages
    PowerPoint
    PR
    Presentations
    Press Releases
    Pricing
    Productivity
    Project Management
    Proposal Development
    RFP
    Sales
    SEO
    Small Talk
    Social Media
    Social Tricks
    Stock Images
    Stock Photos
    Storytelling
    Stress
    Tagline
    Taxes
    Testimonials
    Thanksgiving
    Thought Leadership
    Top Tips
    Typesetting
    Vacation
    Video
    Websites
    White Papers
    Writing

© 2025 Copel Communications. All rights reserved.
Privacy policy.
Photos from figlioDiOrfeo♥, torbakhopper, RLHyde, hotrodnz, pijpers662, Skley, Tambako the Jaguar, Miranda Mylne, imagea.org, chaya760, tanakawho, MVO Nederland, Scott Markowitz Photography, sinclair.sharon28, justgrimes, flazingo_photos, Serge Saint, Clint Mason, Highways England, ... jc ..., michelle.boesch, startup_mena, efradera, tec_estromberg, marcoverch, verchmarco, jeffdjevdet, matthewspiel, .v1ctor Casale., One Way Stock, 드림포유, Bill David Brooks, cogdogblog, SkyFireXII, Aja M Johnson, Javier A Bedrina, Adam Court, ffaalumni, Nicolas Alejandro Street Photography, DafneCholet, GotCredit, operation_janet, The Marmot, classic_film, crdotx, urban_data, torbakhopper, attivitoso, SqueakyMarmot, Visual Content, brian.gratwicke, Cloud Income, Limelight Leads, Infomastern, wuestenigel, 1DayReview, nodstrum, kosmolaut, wuestenigel, Tambako the Jaguar, wuestenigel, Gamma Man, poptech, Brett Jordan, wuestenigel, Gunn Shots !, Darron Birgenheier, Gavin Llewellyn, Dyroc, State Farm, willbuckner, romanboed, Joe The Goat Farmer, thetaxhaven, quinn.anya, RaHuL Rodriguez, Rawpixel Ltd, One Way Stock, Seth1492, Free for Commercial Use, Tambako the Jaguar, Skley, Free For Commercial Use (FFC), Christoph Scholz, spinster cardigan, anokarina, homegets.com, Timothy Neesam (GumshoePhotos), Sebastiaan ter Burg, Free For Commercial Use (FFC), Sebastiaan ter Burg, Images_of_Money, Giuseppe Milo (www.pixael.com), Thad Zajdowicz, professor.jruiz, Wishbook, Free For Commercial Use (FFC), wuestenigel, boellstiftung, tnilsson.london, wuestenigel, opensourceway, Magdalena Roeseler, the great 8, wuestenigel, wuestenigel, quinet, congresinbeeld, Sarah G..., Rosmarie Voegtli, HloomHloom, zeevveez, Noirathsi's Eye, paola.bazurto4, torbakhopper, wuestenigel, VisitLakeland, Epiphonication, Limelight Leads, kstepanoff, focusonmore.com, Wine Dharma, citirecruitment, BrownGuacamole, rawpixel.com, Macrophy (Grant Beedie), MathGoulet, VintageReveries, Free Public Domain Illustrations by rawpixel, fabhouess, S@ndrine Néel, ryangattis, spline_splinson, aqua.mech, InstructionalSolutions, DonkeyHotey, Drcalmighty, Free Public Domain Illustrations by rawpixel, torbakhopper, Joe The Goat Farmer, miguel.discart, anitakhart, toptenalternatives, wuestenigel, US Mission Geneva, Homedust, Sebastiaan ter Burg, ccnull.de Bilddatenbank, MarkDoliner, Emma VI, Serfs UP ! Roger Sayles, HeinzDS, homegets.com, Dingbatter, MorseInteractive, aqua.mech, Informedmag, aaronrhawkins, rey perezoso, corno.fulgur75, instaSHINOBI, nicospecial, wuestenigel, Marc_Smith, wuestenigel, CreditDebitPro, The Brian Solis, Tim Evanson, torbakhopper, Limelight Leads, JD Hancock, John Brighenti, garlandcannon, Casey Hugelfink, toptenalternatives, wuestenigel, Bestpicko, fabola, ShebleyCL, Christoph Scholz, mikecogh
  • Home
  • Consultants
    • Services
    • Types of clients served
    • How you can profit
    • Privacy and pricing
    • About
    • Testimonials
  • Creatives
    • Services
    • Clients served
    • Portfolio
    • Pricing
    • About
    • Testimonials
  • Blog
  • Contact