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

  • 8 tips for hiring a Web designer for your business
  • Top 5 Tips for Choosing a Web Designer
  • 7 Qualities of a Great Website
  • How To Make Business Plan For Your Web Design & Development Startup?
  • The Four Key Components Of A Great Web Design

RSS Web Design News

  • Get a Random Array Item with JavaScript May 9, 2022
    JavaScript Arrays are probably my favorite primitive in JavaScript. You can do all sorts of awesome things with arrays: get unique values, clone them, empty them, etc. What about getting a random value from an array? To get a random item from an array, you can employ Math.random: const arr = [ "one", "two", "three", […]
  • Legacy String Methods for Generating HTML April 26, 2022
    I’m always really excited to see new methods on JavaScript primitives. These additions are acknowledgement that the language needs to evolve and that we’re doing exciting new things. That being said, I somehow just discovered some legacy String methods that you probably shouldn’t use but have existed forever. Let’s take a look! These legacy string […]
  • Interview with an Intiface Haptics Engineer April 25, 2022
    I was recently re-reading my Interview with a PornHub Web Developer and one bit I started thinking about was the VR question and the idea of making users not just see but feel` something. The haptic feedback of VR games is what really sets them apart from your standard PC or console game. So when […]
  • Input valueAsNumber April 5, 2022
    Every once in a while I learn about a JavaScript property that I wish I had known about years earlier — valueAsNumber is one of them. The valueAsNumber provides the value of an input[type=number] as a Number type, instead of the traditional string representation when you get the value: /* Assuming an
  • Advanced Code Display with Code Detection API (Sponsored) April 4, 2022
    Web apps are accepting numerous types of inputs, from basic text to code to imagery, files, and more. It’s important that we validate the contents we receive but if you do allow arbitrary text, it’s good to know what exactly has been submitted so you can present it properly. Enter the Code Detection API — […]
  • CSS :has March 28, 2022
    For as long as developers have written CSS code, we’ve been desperate to have a method to allow styling a parent element based child characteristics. That’s not been possible until now. CSS has introduced the :has pseudo-class which allows styling a parent based on a relative CSS selector! Let’s have a look at a few […]
  • Flexible, Powerful DataGrad from Sencha (Sponsored) March 10, 2022
    Many of the web functionalities that we rely on once lived within individual desktop applications. From office suites, games, and financial tools, all of them are now web applications; they’re just as feature packed as their desktop counterparts. In the past I’ve used a variety of JavaScript grid widgets on client sites, and each had […]
  • Confessions of a Web Developer XIX March 7, 2022
    It’s been a while since I’ve gotten a few things off of my chest and since I’m always full of peeves and annoyances I thought it was time to unleash: Due to the immensely negative response to any tweet about crypto from my blog account, I created a second account just for crypto musings. I’ll […]
  • Simplify Your File Handling With Filestack Workflows (Sponsored) March 6, 2022
    Automation is a really important skill for engineers, especially when it comes to working with various file types. The more you accept for input, and the more you automate, the better end output you can offer. Filestack’s workflows allow developers to define automated tasks using a their specialized UI. With no coding required, it’s easy […]
  • Detect Dark Mode Preference with JavaScript February 21, 2022
    Seemingly every website, dapp, and app offers a dark mode preference, and thank goodness. Dark mode is especially useful when I’m doing late night coding, or even worse, trading into altcoins. I’m presently working on implementing a dark theme on MetaMask and it got me to thinking: is there a way we can default to […]
©2022 City Kitty Design