We Like To Work Local!
Simplified Internet likes to network with small businesses geographically close to it. Even though they’re a digital marketing company they still appreciate the face-to-face contact and potential for long term business relationships.
We at Simplified Internet are proud to say we serve the Montgomery County area with web design and digital marketing services.
Pennsylvania 19422, 19424, 19462
Head north on Penllyn Blue Bell Pike toward W Skippack Pike
Turn left at the 1st cross street onto PA-73 W/W Skippack Pike
Turn left onto Mensch Rd
Turn right to stay on Mensch Rd
Turn left onto PA-113 S/Bridge Rd
Continue to follow PA-113 S
Turn right onto Bateman Dr
Turn left onto Sandstone Terrace
Destination will be on the right
2015 Sandstone Terrace
Phoenixville, PA 19460
Click to Email
Click to Phone
Boost your Success
Get an instant digital marketing analysis and/or quote below. Just click “Succeed Today!”
Get a Custom Quote
Our Quote Generator Form helps you get an instant quote with just a few simple questions.
5 Website Design Hints. Web Design Tutorial For Beginners
Youtube video transcript (text may not be 100% accurate):
Okay, so this video is
all about website design and five hints. Five hacks. five tips to make your website look like were designed by professional even if you really don’t have any design skills at all. So let’s go ahead and jump right into it. And my first tip hint number one is to create a color palette. And if you’re like me, colors might not exactly be your thing. I mean, if somebody were to tell me to come up with a color combination probably come up with something like I don’t know, black and gray and maybe a little bit of white. Really not good with colors. But if you want to make your website look great, using a great color combination can be a great way to do that. So how did you come up with a great color combination, even if you’re not good with colors. One thing that I found that’s extremely helpful for this is a tool called Paladin. Let’s go
ahead and check it out. Okay, so this here is the Paladin tool. It’s really simple and easy to use tool. Basically, all you do is you pick a base color. So right now we’ve got this base red color here. And then you can just choose from either this sort of adjacent colors color scheme. And you can see the color scheme right here on the right, got this triad color schemes. So it’s pulling colors from different sides of the color wheel. And then this tetrad where it’s pulling colors from sort of across the color wheel here. And if you want to make additional adjustments here, you can adjust the distance that it’s pulling it from. So it’s a great way of making of quickly making a great looking color palette. And then what I like to do is I just like to click on this tables and export button here, and then click on as HTML. And then I just print this page, or actually just save this page as a PDF. And I save it into a folder that I can use to reference whenever I need colors from my website. Ok. And then if you don’t know what the color of something is, but say you’ve got a logo already. And you want to use the color that’s in that logo
as the starting point. For a color palette. It’s really easy to do if you’re on a Mac and the show you how to do that. Okay, it’s free on a Mac. Just
go up here to the search. And then just type in digital color meter. And that’s going to pop up right there. And then under the settings for this, we want to make sure our colors are displayed as hexadecimal. So we’re just going to click on view. And then display values. And then make sure hexadecimal is checked. I’ve already checked it on here, but by default, it’s set to decimal. So said hexadecimal. Okay, and then we can use it to find the color of just about anything. So let’s just pull up the digital color meter, hover over what you want to find the color of. And then you can see right over here that we’ve got the hexadecimal color, which is the colors are going to us and our website. So it’s easier Oh, 9900 is what that is for this example. And then you can just take that and you can just type it in to the palette and color palette here. And there we go. Now we’ve got now we just select which color palette we think looks the best based on that, and you’re off and running.
Okay, hints number two is us great looking images. And it can be challenging. I mean, for me, I like taking pictures. I really enjoy photography if you don’t enjoy photography, or if you’re not so good at taking pictures. How do you get great pictures for your website? Well, there’s two ways of doing it. One way of doing it is to hire a photographer, if you can afford it. Having custom images for your website is a great way to make your website stand out. And also have the images be extremely relevant to you and your business. Now, what if you don’t have any money to hire a photographer and you still want to use and you should use great looking images on your website, what should you do? Well, there’s some great resources where you can find either paid stock images, like I stock photo, or Shutterstock. And then there’s also some free resources that you can use, like an splash and picks a bay photos. And actually, I’ve shared some of the photos that I’ve taken on splash so that anybody can use and it’s a great resource for designers, and anyone who needs to use great looking images. Now, be sure you check out what the rules are, when you’re using these images. For example, some images of people that have recognizable faces, we can recognize the face of the person may have some restrictions on them. And then even inside the images, there may be some restrictions. So for example, if it has a image of a Coca Cola logo, or, and has an image of an iPhone or a Mac, or some other recognizable piece of design, you may need to get additional rights for that. So you just want to look into that and see what the rules are. For that you definitely want to use great looking images.
So on splash pics, eBay,
I stock photo, and Shutterstock are some great resources for that. Okay, now hit number three is one that actually I struggle with all the time, it’s not that I forget, it’s just I don’t know, sometimes it seems really hard to implement this hint. And that is space, just adding a little bit of extra space around all of the elements that you put on your website. This goes especially for text. So you want to have space around your headings space around the body of your text. And one of the new trends in website design. And I think it’s actually a really good one is when you’re making a point in text. So if you’re, you know, writing something is to make your paragraphs really short. I mean, a paragraph or two spacing between lines might actually just be one line. And then you can have spaces between those. And what that allows your viewers to do when they’re looking down your website say is quickly scan for the information that they’re looking for. So adding extra space around all of the elements in in a website, not only the text, but the images and the graphics to allow your users to sort of see what they are scan them and have that space around them to draw there. I’d what to really good technique. And it’s one that I struggle with. But it’s something that everyone should try to implement on their website and their website design. Okay. And then hit number four is it’s about being decisive. And for me, that means getting rid of using sliders and link down to some articles down below that talk about why you shouldn’t use sliders why they’re bad for SEO, and why they don’t actually drive more interaction on your website. But when you just think about it, I feel it whenever I’ve wanted in the past to use a slider. The reason why I want to do is I just couldn’t decide with the most important thing to put at the top of my website. So instead, I’ll just put a bunch of different things. And I’ll just put a slider and let people decide for themselves with the most important thing is the problem with that is people don’t sit around and wait for your slider to cycle through. What they do is they’re proactive, you’re on an interactive website. So they just start scanning down your page and looking for what it is that they’re looking for. Now, what I recommend doing is putting the most important thing you have at the top of your website. And then the subsequent things that you think are less important can even make them look basically like slides and put those down as the next thing. So let your viewers scan down the page to see what they want. Now, one problem you might have is it you just don’t know what the most important thing is what the thing is that you should put at the top of your website cuz you’re not sure what’s the most important thing for your audience. best thing to do is to test and if you’re using a theme like the Divi theme, which is one of the themes that I recommend using they have a function for a B split testing right inside the theme. And this allows you to test Well, just about anything. But specifically, you can test the header section and see which variation of the header section performs the best for your audience. So you come up with a couple of different variations. And then you set a target maybe lower down on the page, maybe it’s having them scroll all the way down to the page, maybe it’s having them click on a button, whatever the target is, whatever the action that you’re trying to get them to do, you figure out which of your test subjects got them to take that interaction the best and that’s probably one of the best ways of finding out what should be at the top of the website hit number five is to remember your mobile viewers and when you’re building your websites, you’re doing it on a desktop computer so it’s really easy to forget that people might be viewing your websites on tablets and on mobile devices and Google has made it abundantly clear that people use mobile devices all lot for viewing websites so you want to make sure that your website looks great on mobile and so what that means is taking just a little bit of extra time and tweaking your designs so that you’re sure that they look good on any kind of device any size screen that your viewers might be coming to one of the great WordPress page builder themes out there like the Divi Theme Beaver Builder and elements are all allow you to tweet your designs specifically for mobile devices. So something you want to do just take a little bit of extra time when you after you’ve designed your pages, making sure everything looks good on mobile devices phones and tablets. And then one last tip one bonus tip here is font combinations and I think it’s something just good to decide right when you start start creating your website is font combinations lot of the themes out there pulling the Divi theme and most things out there will let you decide what you want your default fonts to be. And so deciding that head of time can be a great way of distinguishing your website from other websites and giving it a good characteristic look down below to some resources for some combinations that you might want to use on your website. So if you’re brand new to making websites not sure where to start check out my little free mini course on YouTube and on my website will guide you through step by step exactly the steps that you need to take
to build a WordPress website
and if you’re already following along with that tutorial series. The next tutorial is how to install a WordPress theme. We’re going to be looking at Hello install the Divi theme. And then after that we’ll learn how to build web pages to go ahead and click on whichever video you want to watch next.