Skip to content
Menu
  • Web Design Business
  • Web design Fundalmentals
City Kitty Design

What content goes on my website? Part 1: How to Plan Your Website Design

Posted on June 26, 2017


What content goes on my website? Part 1: How to Plan Your Website Design
Grab the checklist: http://lovins.co/roadmap
This week we’re starting a series on How to plan your website design to maximize user experience on your websites. Intentional ux (user experience) planning tutorial.
▼▼▼MORE INFO BELOW▼▼▼

WATCH THE FULL SERIES: http://lovins.co/planwebsite

TRANSCRIPT:
Hi there, I’m Cathy Olson of Love Inspired, love-inspired.com, and today I’m starting a really fun series and it’s about how to plan a website design and, specifically, today, I’m gonna be talking about siteflow. Now what is siteflow and why is it so important? And why do so many people ignore it? Oh my gosh.

Siteflow is so important because we’re thinking about how people are actually using your website. I think so many people get caught up in the design, in the look, in the feel, that they forget the actual usability of a site and so many people are getting so flustered on the other side of it because they’re like, okay, where’s the button? I don’t know where to go, yes, it’s beautiful, but I can’t use this. For us, the people who are creating the websites, it’s our responsibility to make some amazing websites that people can actually use.

I want you to actually take out a piece of paper and you are gonna sketch through the flow of your site. And in order to do that, really properly, we need to think about some objectives and this kind of just goes two ways, right? Objectives for you, how are you gonna get people to whatever your conversion goals are: sign up for your list, hire you, buy something from you, whatever your goals are, but you’re also wanting to think about their objectives and what their goals are and why they’re even on your site, and what do they need to know in order to hire you?

That is my number one tip for you, is not to start with design, but to start with the objectives in mind.

I want you to actually write those out, write out what your objectives are. When they first get to your site, what do you want them to go through, what do you want them to know, what do you want them to see, feel, know, like, all those things, what do you want?

And then second, I want you to write out what do they want? What are they looking for? What are they looking to find? What are they looking to have answered? Just think through all of those things, why are they on your site? What do they need to hear from you? And those are gonna be their objectives.

For example, if you are a photographer, your objectives is to show off your work, show off your personality, show what you can do and have them, obviously, book you. What their objectives are, they’re looking for someone, does this person have the style that I like, what is their pricing, are they within my price range, is it gonna be easy to start this relationship?

And the second thing I want you to think about is I actually want you to think about their obstacles and what things they have to overcome in order to get that result. Your objective of them contacting you or their objective of them feeling comfortable enough to contact you. think about that know, like, and trust factor that they need from you. Some questions you can ask, what needs do they have? What doubts or obstacles do they have to overcome? And most importantly, what info do they absolutely need in order to move forward and take action?

Then we wanna think about number three, how do we get clear on what action we want them to take? So many people do this and so many people get frustrated by this is that what is the next step? What do I need to do? Every single page, you have to have a purpose for. Where do you want them to go next? When you’re mapping out these pages, you wanna remove all distractions and kind of think does everything on this page serve the purpose to get them from A to B, right? Whatever those objectives are. Does everything on here have to be here? Because if there’s anything in here that is too distracting, IE social media, that are gonna send ’em somewhere else, take ’em out. If they are moving from what you want them to do, guess what? Most times they will do the other thing. If you really want them to contact you, make sure that there’s a really clear call to action and make it easy. Don’t make the button not look like a button. (I feel like that’s probably a conversation for another day.) Be thinking about, am I stopping them from what I really want them to do? Be clear and tell them what steps to take next.

I have something really cool for you, it’s a checklist on what you need on your website. I have them broken down by page, strategies for each page on your website. To grab that, go to http://lovins.co/roadmap to grab the website content roadmap, totally free and it’s totally awesome, you’re gonna love it.

LOVE INSPIRED: http://love-inspired.com
INSTAGRAM: http://instagram.com/loveinspired
FACEBOOK: http://facebook.com/myloveinspired

Recent Posts

  • The Ultimate Guide to Choosing the Right Marketing Company in Charlotte
  • Unlocking Growth: How a Marketing Company in Charlotte Can Elevate Your Business
  • Top Marketing Companies in Charlotte: How to Choose the Right One
  • Finding the Right Marketing Company in Charlotte: A Guide for Local Businesses
  • Finding the Best Marketing Company in Charlotte: A Comprehensive Guide

RSS feed: Web Design News Web Design News

  • JavaScript SpeechSynthesis API November 20, 2025
    As the web continues to be the medium for all users, standards bodies need to continue to provide new APIs to enrich user experience and accessibility. One underused API for unsighted users is speechSynthesis, an API to programmatically direct the browser to audibly speak any arbitrary string. The Code You can direct the browser to […]
  • Fix “This video format is not supported” on YouTube TV November 17, 2025
    Setting up a new computer is bliss — no old, unused apps and the machine performs much better than the previous. Unfortunately, you may encounter new problems based on the new hardware. One such issue I encountered with my new MacBook was a “This video format is not supported” message when I went to YouTube […]
  • Easy way to upload, transform and deliver files and images (Sponsored) March 24, 2025
    Managing media is a really difficult task if you try to do all of it yourself, especially if the media comes from other sources. The file can be submitted in any state and size, but what if you need something really specific? You can code it all yourself or you can use an awesome service […]
  • How to Download a YouTube Video or Channel September 4, 2024
    The ability to download media on the internet almost feels like a lost art. When I was in my teens, piracy of mp3s, movies, and just about everything else via torrents and apps like Kazaa, LimeWire, Napster, etc. was in full swing. These days sites use blob URLs and other means to prevent downloads. Luckily […]
  • How to Add a Header to a curl Request August 3, 2024
    curl is one of those great utilities that’s been around seemingly forever and has endless use cases. These days I find myself using curl to batch download files and test APIs. Sometimes my testing leads me to using different HTTP headers in my requests. To add a header to a curl request, use the -H […]
  • Case Insensitive CSS Attribute Selector June 19, 2024
    CSS selectors never cease to amaze me in how powerful they can be in matching complex patterns. Most of that flexibility is in parent/child/sibling relationships, very seldomly in value matching. Consider my surprise when I learned that CSS allows matching attribute values regardless off case! Adding a {space}i to the attribute selector brackets will make […]
  • How to Set Date Time from Mac Command Line June 17, 2024
    Working on a web extension that ships to an app store and isn’t immediately modifiable, like a website, can be difficult. Since you cannot immediately deploy updates, you sometimes need to bake in hardcoded date-based logic. Testing future dates can be difficult if you don’t know how to quickly change the date on your local […]
  • How to Retrieve WiFi Password on Windows May 13, 2024
    Remembering the WiFi password when on a guest network is never easy. Even worse is when it’s no longer posted and someone else is asking you for it. Luckily there’s a built in Windows command to recover the password of a given WiFi network. The Shell Code Open cmd and execute the following command: netsh […]
  • How to Fix: Windows WASD Keys Reversed with Arrow Keys May 2, 2024
    This past weekend I had the opportunity to be what every father wants, if only for a moment: the “cool dad”. My wife was out of town and my youngest son wanted to play PUBG. I caved in, taught him the basic FPS key binds, and he was having a great time. While he was […]
  • HTML popover Attribute April 15, 2024
    Modals have been an important part of websites for two decades. Stacking contents and using fetch to accomplish tasks are a great way to improve UX on both desktop and mobile. Unfortunately most developers don’t know that the HTML and JavaScript specs have implemented a native modal system via the popover attribute — let’s check […]

Related Sites

CatNFTs.io

©2026 City Kitty Design