How to Create Useful Website Wireframes - Learn Online

Create A Wireframe & Write Website Copy

Lesson Details:
January 20, 2020

Video Transcription: This course is brought to you by Appy Pie as part of our Academy series the next step is to make a wireframe and write copy so this is a step that will save you a ton of time when you're creating a website a lot of times people love to just jump into the Builder and start creating their website as soon as possible but the truth is the more work you do up front in preparation the easier your life is going to be when you actually go to open up your website builder and to start building it and one of the best ways to do this is making a wireframe and all the wireframe is is it's a simple sketch that outlines what your website is going to look like before you build it and you can do this on your computer with apps such as sketch or go old-fashioned and just write on a pen and a paper what I usually do is I always start on a pen and a paper in my journal and just write out what I want the website to look like and that becomes my wireframe and it's not fancy I'm not a person that can draw at all but it just tells me like where do I want the main image of my site to be where do I want the call-to-action to be and I'm gonna create a simple wireframe for you now using an app called sketch so the first website that I'm going to be creating a wireframe for is my home page when someone lands on my site what do I want that page to look like and I've already drawn this on a journal so I'm not spending time to come up with these ideas in my head right now but for you take as much time as you need to think about how you want your website to look and you can always go to those websites that inspired you to get some inspiration what seems to be the theme between all their websites and how can you take advantage of the and with a personal branding website there actually is a pretty straightforward layout that most of these websites follow so at the top you have a menu bar there you go and then next up we want to have a hero header I'm just going to change the color here so it stands out and on the hero header there are some specific things I want to include an image of me and a call-to-action where they can enter their email address [Music] next up I want to add a social proof barn and this is just an area that says hey I'm legit I've either been on these publications or I have this number of students and it makes people trust you more on the Internet but a lot of people worry because they say oh I don't have an audience already I'm just starting my website if that's the case then you don't need a social proof bar but it just helps if you're able to create it so if you already have a following or if you're already considered an expert in your field for whatever reason definitely includes some kind of social proof bar and the higher up on the page the better so next up I've decided to include brief overviews of three pages on my website so let me show you what this idea looks like and one thing I want to keep in mind is this isn't something you can get wrong I mean this is where you get to be creative so don't stress yourself out saying I have to make the best looking website or I have to follow the best psychology principles and have the social proof in the perfect spot the best websites are inspired by other websites that are successful but they also have some kind of creative edge to them so how you bring yourself into the website is really important and you make it your own and that's especially true with a personal branding website I mean you're the face of this website and so you want to make it feel like it's your own website it's not a cookie cutter of someone else's and that's the beauty of thrive Architects because however you imagine in your head you can make it come to life so what I imagined here were three different boxes and there's nothing special about these colors I just wanted to differentiate them so next up is the about Me section and then finally I wanted to include a footer so that's it that's the wireframe for my homepage and like I said before you don't even have to do anything on the computer you can just have this drawn out in your journal and then the next step I have here is to write your website copy now this will depends on your personality are you someone that likes to write all the copy on your website ahead of time which is the text that's going to go on it or use someone that you prefer to build the website and then create the copy once you build it and for this there's honestly no right way to do it it's up to you if you want to write your website copy first or second so for my case I wanted to write the headline which is how to use my favorite tools and systems to 10x your online business but the rest of the copy I'm going to create at another time.

loader
Course content