Posts

Wireframing: Building A Good Site Structure

Wireframing: Building A Good Site Structure

Building a friendly and functional website isn’t as difficult as it used to be. It’s no longer necessary to know how to code or even to understand HTML. However, building a website that’s functional, user-friendly and effective does require one thing: planning. A sitemap complete with wireframes and navigation cues is key to creating a website that users will want to visit again and again. Good web design also makes sites attractive to search engines and can help with indexing. Below we will discuss the key elements of good site design, planning and developing a structure utilizing wireframing.

Plan, Plan, Plan

There’s an old saying that the three keys to real estate are “location, location, location.” Well then, the three keys to a good website are “planning, planning, planning.” One of the first things you should create when designing or redesigning your website is the sitemap. A sitemap is a basic, no-frills document that simply outlines the pages your site will have and how those pages will be arranged; it also serves as the initial navigational concept for your site.

Besides being a road map, a solid sitemap will help you create a coherent user experience, as well as:

  • Highlight your site’s goals
  • Enable you to add content at a later date without requiring a massive redesign
  • Help you to avoid duplicate content and confusion

wireframe sampleGiving Your Site Structure

After you’ve created your sitemap, you’re ready to start conceptualizing each web page. One of the most basic ways to do this is via a wireframe. Wireframes are no frills illustrations that highlight the structure of your web pages. Each wireframe generally contains the following:

  • Templated features such as headers, footers, navigational bars, logos, etc.
  • Placeholders for images and text

Wireframes do NOT include:

  • Actual text or images that will be used on the page
  • Colors or branding elements

A wireframe in its purest form is a pencil sketch of a web page or website. It is the rough outline of what the page(s) will look like and a guide to how the entire site will flow (from page to page).

If you or your organization are thinking about designing or redesigning your website, the start of the year is the perfect time for a fresh look. At Energyhill, we are committed to working with our clients in a collaborative environment that brings out the best in your business.  Let our team of experts use their talents to help you succeed. For more information about website design, wireframes and digital media, please contact Energyhill today.

Renton Prep

It was the summer of 2016 and we received a request for more information from a school with a unique mission, strong vision, and enlightened action. Renton Prep wanted a full redesign of their web presence, as well as, marketing and design support for their schools. After a business consultation, we set goals to position them as the global leaders in technology. Energyhill achieved this by creating branding, video, advertising, and marketing collateral for the schools. Since the summer of 2016, we have partnered with Renton Prep to create stunning videos and collaborative experiences. The work that has come from this partnership spans, print collateral, landing page design, conference banners, one sheets, ad campaigns, social campaigns, and more.Featured Partner: Renton Prep

Renton Prep Leading Technology and Education

This forward thinking school needed to be showcased. The challenge was fairly simple. We only needed to tell their stories. How fantastic are the Renton Prep teachers, students, staff, and technology that they use? Simply put, world class. Microsoft, Amazon, HTC, and other leading tech companies and organizations often visit Renton Prep to see and study the trends of where technology and education are headed.

Energyhill Redesigns RentonPrep.org

The redesign of their website and re-organization of their content yielded a 6,844% increase in monthly traffic to their website. Yes, almost 7,000%. This is organic traffic, no digital advertising (yet). What’s great about Renton Prep is that they are an amazing brand. Working with them is a complete joy. For one of the video shoots we produced, a local makeup artist was hired. She said, “I just really like working with this group of people, they’re fantastic.” We couldn’t agree more, great people, amazing students.

Dr. Michelle Zimmerman’s Testimony

Capturing the heart of a message is the most important thing we do. Dr. Michelle Zimmerman testimonial conveys this point. In advertising and design we are not always challenged with simply solving a problem. Sometimes it goes much deeper than that. How do you convey a mission, that doesn’t have a simple ending point. Energyhill’s culture is to capture an audience by exemplifying the core of your message. Thanks Dr. Zimmerman for including us in your schools’ journey.

 

Portfolio Items