What's the difference between a Web design agency vs. web development agency?

I'd argue that as far as the general public is concerned, the differences between web design agencies and web development agencies are near nothing. But there is value in knowing the broad differences between the two. And in order to better understand it, let's look take the word agency off of the table and look at the concept of web design and web development independently.

Web Design vs. Web Development

A web designer tends to be focused on the look and feel of the website. They're hopefully someone who's taking the users' experience (or UX design) into consideration. A few of the aspects they're considering are button placement, CTAs (call-to-actions), branding consistency, how close the text is to it's other supporting elements, and how the website responds across different devices, i.e., mobile, tablet and desktop. There's a lot that can be said about this, and that list is definitely not exhaustive, but to keep it brief, I'll leave it at that.

A web developer tends to be the person coding the site. If they're like us, they're using a back-end like WordPress, often customizing the website's foundation to fit the design the web designer provides. This person is usually more comfortable with coding. They often know HTML and CSS, and sometimes have additional experience with PHP, JavaScript Python, etc.

Now, the designer and the developer are sometimes the same person. And the experience with both sides of that coin varies from person to person.

In our case, we have a person dedicated to web design / UX design, and another dedicated to the development side of things.

Do you need a web design agency or a web development agency?

That really depends on what you need out of your website. Like I said at the beginning of this article, in my opinion, the differences between the two are very slight. And this is because web developers and web designers are working together very closely. The result is businesses provide both to one extent or another.

However, the general rule of thumb is this: if you're leaning towards an eCommerce website with hundreds if not thousands of products, you'll usually be working with an agency that leans towards the web development side of things. This is mainly because of the development demands eCommerce websites require. Smaller to mid-sized companies who focus on building their presence through blogs, portfolios, and local SEO efforts typically agencies who lean towards the web design side of things.

Do you have more questions about this topic or just some questions in general? Feel free to reach out.

Missing or empty title tags.
SEO Tutorials

A title tag is a HTML element which titles the page (surprise!). This is important because the title is displayed to the user in Google’s SERPs (i.e, search). Without a clear, accurate, targeted title, people won’t click through to your website. 

 

(more…)

How do web designers make websites (basic coding examples)

Web developers use various different platforms and kinds of  code to develop websites. At base, all of them use a combination of HTML and CSS (short for Cascading Style Sheet). From there, depending on the projects preference and needs, designers might also use PHP and Javascript (to name two).

Web development & CMS

As of writing this, w3techs.com shows that Content Management Systems (CMS) are the foundation of 56% of the worlds websites. As far as popularity goes, 61% of them are built on WordPress™. The next 3 most popular platforms are Joomla™ (4.9%), Drupal™ (3.1%), and Shopify™ (3.0%).

Side note: We develop all of our websites within WordPress and we are Shopify Partners.

Some web development code examples.

Some raw examples of HTML.

At it's most basic level, a website is a file type (a .html in this example) that has an opening HTML tag, followed by a body tag, followed by some content.

code example-01

As a stand-alone HTML file, that would load a fully functional webpage. But it would be rather.... plain. To dress it up, web developers use CSS.

Some raw examples of CSS.

As you can see in the example above, the body lacks style. Typically, the style is addressed in a separate file called a CSS file. Its code is simple to follow (see below): the body is getting a background color of lightblue, the h1 (or heading / title of the page) is going to be colored white and center aligned, and the p tag (short for paragraph) will use the verdana font and be sized at 20px.

body {
background-color: lightblue;
}

h1 {
color: white;
text-align: center;
}

p {
font-family: verdana;
font-size: 20px;
}

Wrapping it all up.

The code itself is actually very simple. It just that there's a lot of it, and learning it all to dress up a site nicely requires practice. Most websites require many lines of code, and CMS systems like WordPress, Joomla, etc., require a combination of HTML, CSS, Javascript and PHP, which means they often have hundreds if not thousands of lines of code that usually (HAH!) work together well.

And there you have it. That's how web developers develop websites.

Examples of code courtesy of www.w3schools.com.

What is the difference between web design and web development?

According to my keyword research (SEO stuff!), the broad terms web design and web development are nearly interchangeable. Both boast near equal amounts of monthly traffic and both branch out into similar long-tail keywords. This hints that the general public might not see a difference between web designers and web developers. But if we were to get picky with definitions, there is a traditional difference that matters, well, it would at least matter if you were applying for a formal job.

(more…)

How to create a social media following.

Participate in online conversations:
Every post related to your topic of choice allows you to interact with people who are posting and sharing content with the same interests (for example, supporting the #bees trend). If you’re stuck with the how, try imagining you’re at a party bumping into people having conversations. Be real. Its easy to spot someone trying to self promote for sales. Be engaging. Share resources, talk openly. If someone is interested in what you have to offer / say, they’ll check out your profile. Some people will follow you. Some will even check out your website.

(more…)

How to optimize Headers H1 – H6 | SEO Tutorials

Here’s the easiest way to optimize your web page’s header tags: structure them as you would a book, essay or short article. Unsure how to do this?? Here’s some why and how.

(more…)

How to handle duplicate content, like duplicate pages, titles & headings.
SEO Tutorials

The definition of Duplicate Content.

Your content’s flagged as duplicate content by search engines when it’s found on other pages within your own domain or found on someone else’s website. I’d also like to add that the content doesn’t need to be identical in order to be considered a duplicate, similar is enough.

(more…)

What is a bounce rate and how does it affect landing pages?

Websites have been a favorite marketing tool for quite sometime now. Much of this has to do with the in-depth back-end metrics that analytics provide which allow us to track what happens when a visitor lands on a specific web page. One of the metrics analytics provides us is bounce rate. And it’s calculated by how fast a user leaves a website after it’s arrived. In this case, the quicker users leave websites, the higher the bounce rate is.

(more…)

Top 7 Small business web design mistakes.

A user-friendly website is your most powerful tool for your marketing efforts when you’re a small business owner. And a large part of this is making sure that users landing on your website have all of their questions answered in regards to your product(s)/service(s). If it’s designed wrong, you will be missing out on sales opportunities and a loss of revenue.

(more…)

Why does user experience matter in website design?

UX critically affects the success or failure of your website. If the user finds the website intuitive to navigate and the content easy to digest, it will positively assist your marketing efforts. If not, well…

(more…)