+44(0) 1803 391 993

Transform your business with us today through web design & development - we will achieve all your goals and objectives

contact us now

When you get a new website you may see web design and web development listed separately on the quote. While they may seem very similar it is important to understand the difference between the two, and why both are vital for the proper working of your website.

So what is the difference between web design and web development? The simple answer is that the design is purely how the website looks, and development is how the website works and is built. However, in practice it is rarely as simple as this, and the skills of the person creating your website are likely to be wide ranging, especially if your hire a freelancer or a small company. The size of the company is important as the role of designers and developers is largely dependent on the structure of the team. Larger companies will tend to have separate design and development teams, allowing designers to create the design of the website in a program like Photoshop, and then pass it onto the development team to build as a website. While someone working freelance will often do both the design and build of the website.

For example, here at WebBoss we have our design team, who work alongside the development team at WebBoss.io, and as we are all usually working within the one room, the teams work seamlessly together. Our teams have knowledge of both design and development, and this allows us to blend the features together to create a beautifully finished product.

Usually the designers will begin websites using Photoshop, this allows them to easily add or edit different elements that make up the whole design, such as colours, layouts, and fonts. Once the design has been signed off by the customer, the designer will start to implement the design for the website. As we use the proprietary WebBoss.io system the majority of the website build is complete, allowing the designers to add their design quickly. For freelancers using an open source platform such as WordPress, they will usually begin the process in the same way, but when it comes to the build of the website, they will need to have some development skills to get the design fully implemented, and may use a template to base the design upon as this makes the building of the website easier.

While the designers are busy doing what they do best, the developers will be involved in creating any extra functionality that is not already part of the system. Here at WebBoss, our developers also focus on improving and developing the WebBoss.io system with new features and modules. Freelance developers may find that they are developing some complex functionality for websites from scratch, or else researching, installing, and customising plugins to ensure the customer has the required functionality.

This is of course a generalisation, and so won't be true for all designers and developers, and will depend on a number of factors (such as level of functionality required, and what platform is being used for your website). For example, similar to many freelancers, our designers know the basic coding languages like HTML and CSS. Developers will be able to work with HTML and CSS as well, but will use other coding languages such as Javascript and PHP to create working features for the website. One of our developers even began his career as a designer before moving on to development, so many skills can be transferable.

At the end of the day the simplest way to know the difference is to ask yourself these questions:

Does it affect how the website works? If so, it's probably development.

Is it more about how the website looks? If so, it's probably design.

If you're still unsure and have a question about your website, we can direct your query to the correct team to find the answer you're looking for.



Subscribe to Updates

Subscribe to:
Like   Back to Top   Seen 190 times   Liked 0 times

Subscribe to Updates

If you enjoyed this, why not subscribe to free email updates ?

Subscribe to Blog updates

Enter your email address to be notified of new posts:

Subscribe to:

Alternatively, you can subscribe via RSS RSS

‹ Return to Blog

We never share or sell your email address to anyone.

I've already subscribed / don't show me this again

Recent Posts

WebBoss eCommerce Module - January Sales

| 08th January 2021 | Blogging

WebBoss eCommerce Module - January Sales

How the WebBoss.io eCommerce module can help with your January sales With the madness of Christmas behind us, it might be time to think about those January sales and clearing out your stock room to make way for the New Year. Since we are also facing yet another national lockdown, it might be the right time to get your business selling online. With all of this in mind, the WebBoss platform is full of features that can really help you organise and showcase your online products. Here are a few ways that WebBoss can help you shift those sale items.  1. Discounted Products Add discounts to your products to show your users the new and old price. This will encourage people to buy from you, if they can see the price difference or how much they are saving, they will be more likely to part with their cash. Within the system there is a really easy way to discount your products, in the ‘Special Offers’ section when you edit a product, you can keep the original price and add a discounted price, this will appear on the front end of your website to tell users the new discounted price of a product.        2. Image Overlay You can also easily add an overlay to your products to really make them stand out and tell your users that there is a sale or discount on a product. In the ‘Special Offers’ section of the edit product page, you will have the option to write some text which will appear over the product image on the front end of your website for example, ‘30% Off’. This will really make the discounted product stand out. You don’t have to add this, however it can be really useful when you are trying to sell discounted products.       You can choose to use the default image overlay colour and text colour if you would like too, however there is a way of customising this if you would like to use specific colours. To do this go to ‘Shop Settings’ > ‘Display Settings’ > ‘Product Display Options’ and scroll to the bottom, here you will see some settings that will allow you to customise your overlay. You can choose whether you want the overlay to be across one of the corners, or you can choose to have a circle.  You can also choose which corner you would like the overlay to be displayed on your product image. You can then choose the colour of the overlay and also the colour of the text.               You can also add different promotions to different products. Again within the edit product pages, you can choose any discount price and also add in any text to the overlay for each individual product. For example, some may be 30% off, while others might be 10% or 20%; you can even add in text like ‘Price Drop’ or ‘Sale’, etc.   3. Exclusive Promo Codes Exclusive promo codes are definitely a great option for encouraging new and return customers. These codes can either be targeted in an email campaign to certain email subscribers, or you can even display the code on your website somewhere for example, within the description  of your product page. These codes can be created in the ‘Shop Settings’ > ‘Promo Codes’, from here you can create as many promo codes as you like. The user will then be able to add the code within the checkout area, where the money will then automatically be deducted from the original product cost. Within the settings you will have the option to add the name of the code, add a percentage off or you can add in a cost deduction, you can also add an expiry date.      4. Special Offers Category Within your categories, there will be a default ‘Special Offers’ category, this can be really useful for displaying all of your discounted products in one place. If you discount any of your products they will automatically appear in this category, saving you a lot of time and will also mean that your users will easily be able to find all of the sale items that you have listed. To ensure that you have this category active then head...

Website Design Trends 2021

| 23rd December 2020 | Blogging

Website Design Trends 2021

Top 5 Website Design Trends for 2021   Like most things, trends will come and go and this is no different for web design. Every year we are very excited to see what new design trends will be appearing and which ones we can incorporate in our own website designs. With this in mind, we have listed our top 5 favourite new web design trends, that we will hopefully be seeing more of in 2021.  1. 3D Design Although this is something that is definitely not new and does reoccur each year, 3D Design seems to be getting more and more intricate as the years go on, making the most of the capabilities of modern technologies. Here we can see technology giant Apple really incorporating stunning 3D design elements into their website imagery.  2. Nature Inspired Design Something that we don’t often see, but is slowly coming back into fashion for 2021, is nature inspired web designs. We can start to see the use of earthy toned colours, softer lighting and nature imagery this year in certain web designs, as demonstrated here by Green & Blacks Chocolate. 3. Organic Shapes In previous years we have seen geometric shapes being very popular in web design, however this year we are going to start to see a lot more organic shapes being used within certain designs. These tend to be shapes that you would find in nature, similar to hills or mountains or steep inclines. These shapes are very useful to break up a web page and fluidly draw the reader’s eye to different sections. Here you can see how Android has used these organic shapes in their own website design.   4. Abstract Art Compositions  A big trend for 2021 seems to be artistic and abstract shapes. In previous years we have seen shapes like squares and circles being used in a simplistic and minimalistic way, however this year we are going to see these shapes being used in a much more abstract and artistic way. Web designers and artists will be using these in conjunction with photography, adding elements of excitement and energy to website designs. Again, Apple have incorporated this website design trend within their own design.  5. Web Design for Causes  With the COVID-19 pandemic affecting the entire planet, many companies have had a much different outlook on certain environmental and philanthropic parts of their business and as a result of this; their web design has been influenced, bringing these elements to the forefront of their websites. Here you can see that Green & Blacks have chosen to showcase their business ethics within their homepage design, to really emphasise it to their users.    We can definitely see a few repeat trends creeping in for this year, however it is nice to see these designs being updated and modernised to suit websites in 2021. We can see that web designers are really pushing the boundaries as to what their applications can achieve, and it is very refreshing. These trends are our personal favourites that you can expect to see within our own website designs throughout 2021. If you would like to incorporate any of these elements in a design for your own website, contact us today to arrange a chat.  ...

WebBoss Websites Guide - Google Analytics

| 15th December 2020 | Blogging

WebBoss Websites Guide - Google Analytics

How to Add Google Analytics to Your WebBoss Website With SEO and website tracking such a huge topic when it comes to digital marketing and running an online business, we know how important it is to be able to track and analyse the data and traffic being generated by your biggest marketing tool, your website. Google Analytics is one of the most popular and FREE tools that you can use to track and monitor user behaviour, user experience, device functionality, etc. It is extremely useful for your online marketing strategy and you can use it in many ways. However with all this being said, if you are newer to the world of online businesses and digital marketing, then it can be a little bit difficult to understand how your website and Google Analytics go hand in hand. When it comes to your WebBoss Website, our development team are continually adding triggers to particular areas of the CMS such as the eCommerce module, so that your website can communicate more information to Google Analytics. Recently in our newest update we have added triggers to the Web Forms module, meaning that you can now track when people fill out a contact form or a sign up form. So all you need to do is add your Google Analytics tracking ID to your website.   How to Find Your Google Analytics Tracking ID So if you haven't already, you will need to get yourself a free Google Analytics account. From here you will have everything you need to get started tracking your users behaviour on your website. Once you have set up your Google Analytics account, all you will need to do is find your tracking ID from your Google Analytics account and add it to your website. To find your Tracking ID all you need to do is:• Sign in to your Analytics account.• Click Admin.• Select an account from the menu in the ACCOUNT column.• Select a property from the menu in the PROPERTY column.• Under PROPERTY, click Tracking Info > Tracking Code.• Your Tracking ID is displayed at the top of the page. From here you will need to copy the code and then paste it to your website. To do this go to the page, ‘SEO: Analytics and Tracking Scripts’ which is located in the left hand side bar under 'SEO Settings'. From here, the page will open and you will see 'Analytics (Tracking ID)' paste your tracking ID here and then scroll to the bottom and hit 'Save Tracking Codes'.  And that’s it! Your website will now start tracking a lot of different information which you can review and analyse in Google Analytics including, information about your eCommerce module, web forms and more!...

WebBoss.io Update – New Features

| 01st December 2020 | Blogging

WebBoss.io Update – New Features

New System Update - 3.6.5.   We are not your usual website design agency, here at WebBoss Websites we use our own platform, created by our in-house development team. WebBoss.io is the platform that all of our clients use and it is used by our designers to create beautifully bespoke, responsive websites. With this in mind, our development team are constantly updating the WebBoss.io system so that it is up to date and continually evolving. The platform has recently launched a new update, version 3.6.5, which contains a few new features that will be sure to increase the performance of our client’s websites. What is New?   SEO Tools – LazyLoad Integration Google Analytics Trigger Shop Catalogue Mode CSV Options Header Images Business Information     SEO Tools – LazyLoad LazyLoad is now something featured within the WebBoss CMS. LazyLoad is a way to optimise a website and decrease page speeds. The way in which this works, is by not allowing the whole page to load all at the same time, this includes images and content. It will mean that when the user accesses the webpage it will only load what the user sees, meaning that the page loads quicker because there won’t be as much to load all at once. This can be hugely beneficial to websites that contain a lot of large images that take quite a long time to load. This is also very beneficial for user experience, as it means less time for the pages to load and therefore reduces frustration and waiting times. Although this seems like a very beneficial feature for SEO, our development team decided that our clients could have the option to enable this on their website, rather than including it as a standard feature within the CMS. This is due to the fact that clients may not want this feature enabled as it can delay the loading times of some images. This can also depend on the design of the website, as some images may need to display straightaway to the user. In order for you to enable this on your WebBoss Website, simply go to your side bar and then choose 'SEO Settings' then choose 'SEO: Image Optimisation'. From here, you will be able to enable LazyLoad on your website by ticking the box, and that's it, your website speed will definitely improve using this feature.         Google Analytics Trigger A new Google Analytics trigger has been added to send information to Google Analytics regarding web forms. For this to work, you have to make sure that your website has been set up with Google Analytics beforehand and then the system will automatically start to send information to Google Analytics. This is already a feature within our eCommerce module, where it will send information about your cart and products over to Google Analytics, making it very easy to track how your clients are using your checkout process. This has now been added to our Web Forms module, meaning that if you include a contact form on your website, you will be able to track how many people have submitted the form over on Google Analytics. This can be hugely beneficial for your marketing efforts and conversions.   CSV Options We have now added basic and advanced CSV templates within our eCommerce module. This will make uploading mass shop products a lot simpler. You will now have the option to download our basic shop CSV, which contains simplified essential columns for basic product upload. If you have more advanced shop products, then our advanced CSV template will be the best option to use. To access the CSV import section on your website, simply go to your 'eCommerce Module' and choose 'Import & Export Products or Categories'. From here you will be able to easily download the CSV by clicking on the one that is suitable. Shop Catalogue Mode Our shop catalogue mode is a very useful tool in our eCommerce module, that allows you to showcase your products on your website, without your users being able to purchase online and so your product list becomes a catalogue. This...