Website Architecture

What is Website Architecture?

Website architecture refers to the structure, framework, and technical requirements of a website. We often like to use the analogy of building a house. Before you build a house, an architect does the work of laying out the blueprints, the wiring diagram, the site plan, and all the structural notes that are needed for the builders and contractors to do their job. Building a website is very similar. You have to do the work of architecture to ensure that we meet the business goals while delivering a great experience for the users.

Sitemap_ipso

What is Information Architecture (IA)?

The architecture phase of a web project includes a lot of things, and one of the important pieces is called, information architecture (IA), and it is how we “make sense of the mess.” IA is defined as the organization of structure and the content that fills those structures. Several functions are included in IA:

  • Audit existing content
  • Evaluating analytics
  • Defining content elements and content types
  • Organizing website navigation (sitemaps)
  • Determining user flow
  • Developing a content plan (for new and/or revised content)
Userflow_ipso

What is User Experience (UX)?

When it comes to websites and the digital space, user experience (UX) is best defined as “the process of creating products that provide meaningful and relevant experiences to users.” This involves the architecture, design, and development of the entire website including the aspects of branding, design, usability, and function. At ipso, we think about UX from start to finish. Every decision we make about the functionality, content, design, and code effects the experience someone has with the site.

Wireframes Ipso

Why do Wireframes Matter so Much?

Remember our house analogy? Creating wireframes allows us to define the “blueprints” for a website. They literally are a set of page blueprints the define content elements and sections, including: header and footer, banner areas, content blocks, feature sections, and page layouts with the necessary fields and elements required in each area. Here, we define how things work, how users get to where they want to go, and how to prioritize content. We cannot move into the design phase a custom website project without first developing wireframes for each and every page layout.

Pagelayout Ipso

What are Page Layouts?

Every custom website should have a set of rules and patterns in which it follow. Having predetermined page layouts is one way to establish rules for your design and content. Page layouts are like templates. They are defined for certain “types” of pages, like: parent pages, blog posts, team pages, contact pages, or case study pages. Each of these layouts are wireframed and designed with specific content in mind. While there is still flexibility within the CMS, page layouts give you consistency, cohesion, and a familiar UX within each content area.

Like building a house, you need a strong foundation. Website architecture helps us determine a foundation, so that we don't end up with a bunch misplaced plumbing and crumbling walls. Ryan Tate Content & UX Director

Learn Why These Things Matter Too

Contact Us About Your Web Design Needs

Akron, OH
Contact Robyn

Robyn Bardall

Discovery Guide | Sales Manager

[email protected]
330.807.0906

In the first 5 minutes of talking with Robyn, you’ll most likely realize three things:

1. She’s the most warm and welcoming human you’ll ever meet 
2. She’s a careful listener who cares about others 
3. She’s got a great sense of humor, but starts laughing before the words come out.

Send Robyn a Message:

Pasadena, CA
Contact Jon

Jon Taylor

Discovery Guide | Partner & Pasadena Managing Director

[email protected]
626.765.1440

In talking with Jon for the first time, you’ll likely discover the following:

1. He’s a coach at heart and loves discovering how he can help others 
2. He’s drawn to how things work and figuring out how to make things work
3. He doesn’t believe something is lost unless you are looking for it.

Send Jon a Message:

Greenville, SC
Contact Brent

Brent Warwick

Discovery Guide | Partner & Leading Director

[email protected]
330.319.4009

At first you’ll wonder exactly how old he is, but then you’ll likely discover:

1. He’s intentional and has more travel and life stories than seems possible
2. He’s interested in how business can contribute to the common good
3. He’s actually 43 yrs old despite his appearance.

Send Brent a Message: