Welcome to LOLSMG's website basics series of blog posts!  We at LOLSMG know that the web site development process can be confusing for those who aren't familiar with it. This is the first in a series of 6 posts on the basics of websites & website design. In this post we will be discussing the process of how a website comes to life.

How a Website is Born

Step 1: The Initial Sketch

This is where it all starts. An idea, a concept or maybe multiple ideas. A designer will usually start out with a sketch of some sort. This could literally be a pencil sketch on a piece of paper to something more in depth like a wire-frame or a full mock up in a design program like Photoshop.  The initial concept sketch may be changed, altered and even completely redone until a final design is created.

Step 2: Graphics!

No site is complete without graphics. Graphics catch the viewers eye and make things look good. Logos, photos, and icons are all important to building the overall look and feel of the site.  Brands must be especially careful to ensure their graphics online are in keeping with the ones they use off line to give customers or clients a seamless experience.

Step 3: Code

Code is the backbone of a site. It gives the site form and function and tells all of the individual items on the site where to be and how to behave.  There are many different coding languages, each has different uses and we will talk more about them in a later post.  For now, code is what is needed to give the site form and function.

Step 4: Content

Content is the bread and butter of a site. Beautiful sites are nice to look at, but if you want to keep your viewers coming back for more you need great content too. Now is the time to add that. Now is also the time to consider Search Engine Optimization (SEO). Great content and a visually appealing site are great, but people need to be able to find your site. SEO will let viewers find your site from search engines like Google as well as social media sites like Twitter and Facebook.

Step 5: Review & Refine

Now that the site is more or less in it's final form it's good practice to go over everything with a fine toothed comb.  It's time to make sure all the links work, the images are showing up, the icons are positioned perfectly, videos work and it's easy to use and navigate. Make sure everything is absolutely perfect and nothing is overlooked from accessibility and design, to SEO, and browser optimization.

Step 6: It's Go Time!

After all that hard work it's time to get your site up and operational! It's time for your site to go live! Congrats! Take a moment to enjoy your work but it's never quite over. Sites are growing, changing things. It's important to keep your site relevant with new content and features to keep viewers returning time and time again.

We hope this has given you more insight into the process of creating a website. Stay tuned for our next post in the series! Let us know what you think in the comments!