What is a Website?

Well that's a really good question and one we come across often. And I'm sure if we took a survey of what it is to you, we would likely receive many differing answers.

Though no matter whether a website to you is a place to, blog your life/work, sell your services/products or to provide information/educate. It will have followed the same creative path of :

Conception ⟶ Design ⟶ Build ⟶ Domain ⟶ Deploy ⟶ Hosting

At JasmineDesign we realise it would be wrong of us to presume that everyone who needs a new website, knows each of these steps or the process behind each of them.

So we have put together a basic overview of these steps to creating a website, along with a little friendly help from Jasbot!

Conception & Design

The conception may seem an odd place for us to start, as why would you be wanting a website without already knowing the answer to this, right?

But there is so much more to consider than just what the subject of your website is going to be about. You also need to consider it's purpose, the type of content you want to display on it, and who you hope your end user will be.

Now you may already have a clear vision and ideas about those points. Or perhaps you're in need of help with market research and analysis of other similar businesses, your direct or likely competitors and their websites, if so a good design studio will be able to help with this.

Once you have a clear understanding of the subject / content / branding / user base for your website, it's time for the design process to start. This may start with the company branding if you haven't already got some.

Now whether you are self building or having a website designed & built for you, the process should start with drawing mock ups of design ideas, either digitally or with pen and paper. Starting with rough outlines of how the page and the items in it should be laid out, just like Jasbot is doing. To some this may seem like a waste of time, but in the long run it's the easiest way to add or scrap different layout ideas quickly, especially if working in a team, before what could be a lengthy build process.

When the base layout is decided the next step is to plan out each section in more detail, with contents such as titles, subject notes, image placement, and a more detailed mock-up with branding can be produced. Once you are satisfied with this it's time to go ahead and start building.

JasmineDesign's Jasbot drawing out his website design idea

Build Process

JasmineDesign's Jasbot showing what elements make up website contents.

A big part of the build process is of course the coding of each webpage, it's structure, functionality and styling, no matter whether this is done using templates within a self build tool, a Contents Management System (CMS) or by a web developer.

However your website is being built, you still need to help provide contents for each page, which should include:

  • Copy - Written content about you / your business (or employ a copywriter to help with this).
  • Artwork - Branding / logo (your designer may provide this service).
  • Images & Photo's - .svg / .png / .webp / .jpeg (whenever possible use modern image formats, .svg & .webp)

Basically all the elements you want people to see and read on your website.

Now it is possible if you have the budget to have these done for you, by employing copywriters, designers, photographers or using stock images. But even then you will need to have some input with these people. With discussions prior to work commencing and also approving and signing off work completed at different stages throughout the build.

Domain Name

All websites need a domain name, the URL - Uniform Resource Locator (commonly referred to as an address), is what people type into search engines that allows them to find and view your website.

You can obtain your domain name at anytime as it isn't necessary to have it before your website is built. But you will need it before your site can be deployed.

The name you choose should be relevant to you / your business name, or what you do. Its also good to keep in mind that the shorter or/and more memorable the better and easier for your customer.

Domain names are provided by Domain Registrar's where you purchase your domain name in yearly terms. This does means you don't actually own it, but in fact pay a yearly lease to use it.

JasmineDesign's Jasbot showing what and where a domain name is.

Deploy

JasmineDesign's Jasbot showing website files being uploaded to Web Hosting.

Finally you need to publish your website onto the internet.

To do this you will require Web Hosting, a service that connects your site to the internet without which your site wouldn't be visible to anyone.

Deploying a website can be done in a couple of ways. Typically it is carried out by linking your hosting provider to your source control e.g GitHub repository, which will mean whenever you update your repository, a new deployment of your website will occur.

Other options available for deploying files are to copy your website files to the hosting provider using FTP (File Transfer Protocol), SFTP (Secure File Transfer Protocol), SSH (Secure Shell Protocol) or direct file upload.

How to deploy from your GitHub Repository is covered in our Jasmine Web Starter tutorial - Building a website with GitHub.

Hosting

Web Hosting stores your content, both images and text files then when someone goes to your chosen URL it allows the customer to view the content.

There are many hosting providers to choose from with many package options. Though typically people choose hosting that includes Web Hosting, Email and DNS in one package. However you can use a different supplier for each of these if you so wish.

DNS

Domain Name System (DNS) is like a database system that translates a domain name into an IP address.

So in a more straight forward way, its like a phone book using words to lookup domain names to server IP addresses

You connect your domain name to your hosting by setting the nameserver addresses.

SSL

Another part of your hosting should be an SSL certificate.

Most modern website hosting control panels allow you to automate the process of obtaining, installing and hopeful renewing every 3 months. Plus if you use Let's Encrypt certificates they are free to obtain and use.

Email

Having email addresses that use your domain name is important when talking to customers.

A key thing to keep in mind is with a good reliable web hosting company, your email should always be able.

You can choose to use the email service within a web hosting package, or you can use a separate email service provider, such as Microsoft 365 or Google Workspace.

JasmineDesign's Jasbot keeping the website tidy and maintained.

Running & maintaining

No matter whether your website is an older existing one or just newly deployed. The one thing they all have in common is their need for continual care and attention, such as:

Updating ⟶ Testing ⟶ Back-up's ⟶ Monitoring

Now some of these jobs may be daily, weekly, monthly or only once in a blue moon tasks, but they are never the less an important part of owning and running a website.

Testing

Most people will hopefully think of testing their website when it's new, making sure the pages and their contents are all present, correct and functioning.

But testing your website should not be limited to a one time task just for newly deployed sites. As there are other reasons and ways to test your website, that ensure it is functioning to the best of it's abilities for both you and your customers.

For starters have you ever tried using your website as a customer / user, to see how it does or doesn't work for them? This could be a helpful way to workout if there are any usability or accessibility problems that need addressing, which could potentially be costing you customers.

We have a article on how to approach this, in the tips section of our Jasmine Web Starter tutorial Customer Shoes.

These days your website needs to perform well and be accessible, otherwise this will effect your search engine rankings, but how can you test for this? The answer is actually right here in your browser and it's free thanks to Googles Lighthouse Testing.

Lighthouse is an open-source tool that can be found in both Google Chrome or Microsoft Edge browser DevTools. It's designed to help improve the quality of webpages by auditing for performance, accessibility, progressive web apps, SEO, and more. It runs tests on one webpage at a time in each of these areas, and then gives you a score out of 100 for each of them. For those unable to access DevTools you can still run a Lighthouse audit by going to Google for Developers PageSpeed Insights page and adding the URL of the page you wish to audit.

You can find out more about using Lighthouse, plus some of the more common errors highlighted within an audit, in the tips section of our Jasmine Web Starter tutorial Lighthouse & Lighthouse fixes.

Back-up

If you can update your website content with a CMS (edit pages within the browser) then it would be really good to make sure you have a back up method configured. But the problem with a backup is how do you restore that data if you need to. This should be tested and documented (A subject we will be exploring more in the future).

It is also necessary for businesses to keep their email accounts backed-up too.

Updating

Keeping your websites content updated and fresh not only attracts repeat custom or returning users, but it also helps towards your websites search engine rankings. Now this doesn't mean you must make daily, weekly or even monthly changes but regular updates are an essential part of an effective website.

Monitor

There are several areas of a website that can be helped by or need to be regularly monitored such as:

Visitor logging - Can be done by adding a JavaScript analytic code snippet to every page on your site, another source of this information is server side logs.

Service Uptime - Could be either a third party service or be offered as a status page by your hosting company.

Domain Renewal - Should be ideally set to 'auto renew' but you still need to make sure your payment terms and email contact details are up to date and valid.

Hosting Package - It is good to know its renewal dates and it should also be set to 'auto renew' with up to date payment terms and email contact details.

SSL Certificate - If using a free Let's Encrypt certificate it should renew automatically every 3 months. But if you purchase a SSL certificate this is done in yearly terms, so you should be aware of its renewal date plus make sure you payment terms and email contact details valid.

You can find more about these in our tips section of Jasmine Web Starter tutorial Business owners website Checklist.

Please feel free to contact us today with any questions you may have or to get started using our services.

Health Check / Website MOT

We offer a website Health Check, an MOT for your website so to say.

Further to the free online self checks you can use we will do a more comprehensive review of your website and provide you with a report on how your site is not just performing but offer steps on how it can be improved. Which you can take back to your current designer or employ our team to carry out any changes or improvements required.

Website Health Check covers the following area's

  • Code Validation
  • Search Engine Performance
  • Page Load Time
  • Links to your site
  • Does your site support mobile users?

To use this service please Contact Us and we will be very happy to help.

SIMPLE TESTS

Not sure if your current website is performing to its full potential and would like to find out? The following links take you to the useful free tools offered by Google and Bing. If after you've run one or all of them your not happy with your sites performance or would like advice about the results then please contact us we'll be happy to help.

If you have a Website need or maybe just a question or two, then get in

Contact with us

and we would be very happy to help.