Digital Marketing

Medium Level

Unit 3: Website Development and design - CMS Importance


  1. 1)The aim of this presentation is to help learners creating their own website, by having in mind design and development techniques

    2)The objectives of this presentation is to familiarize learners with the core CMS platforms


LOut1: Create CMS website

LOut2: Analyze features of different CMS platforms

LOut3: Use best practices


  • Domain name
  • Research
  • Content
  • CMS
  • Joomla
  • WordPress
  • Usability
  • Platform

Unit 3: Website Development and design - CMS Importance


Web design is the process of creating all the visual aspects of the interface. Having in mind Unit’s 2 information, this lesson covers the layout, colour scheme, images, logos, type, design elements (such as buttons and links) and anything else that you can see. Designers need to keep in mind the technical aspects of design, while having at the top of their list the human factor.

Visual Identity Characteristics

  1. Copy conveys your brand message to the customer and should be easy to read and search-engine friendly. The CI is expressed through fonts, also known as typefaces. Typographic layout can draw attention to the content users should see first. Having this in mind, you should indicate which pieces of information take precedence.
  2. Content management simply means a system for managing any forms of content. A web CMS is a software application that helps you in managing your digital assets and content for your website. Managing a website is a collaborative process and involves various people, in various roles, working on the material, such as creators, editors, publishers, administrators and even visitors to your site. A CMS provides tools to allow users with little knowledge of web programming languages or markup languages to create and manage website content.


  • Joomla
  • Drupal
  • Magento (for eCommerce stores)
  • Squarespace
  • Wix
  • TYPO3

How to build a website by using CMS

1)CHOOSE A PLATFORM: Prior to launching a website, choose the CMS that better comes up to your web development needs and final expectations.

2)FIND THE DOMAIN NAME (Check the Unit 2)

3)HOST: Before installing the system, choose the appropriate hosting procedure as well. Keep in mind that not all the CMS come with integrated hosting solutions, but instead some of them allow for the freedom of choice as the selection of hosting providers is really impressive.

4)INSTALLATION:. The next step is to install the platform you’ve chosen.

5)INSTALL PLUGINS: Plugins add functionality to your project, but if you don’t plan to launch a full-featured complicated project, you can go without them.

6)CUSTOMISE: As soon as you are done with plugin installation, it’s high time to pick a suitable theme and customize your website design. Almost all CMS come with integrated templates.

7)UPLOAD: When you are done with web design customization, you can start uploading the content.

8)GO ONLINE: The final step implies website publication.

CMS core platforms

WordPress is the CMS, which does not require any presentation, even if this is the first time you decide to launch a website with this kind of service. It is the most popular and widely-used Content Management System. The platform stands out from the crowd since it has:

-extensive integration options

-broad user community

-design customization tools

-flexible and quite easy-to-master


WordPress builder:

1.Get a Domain Name

2.Sign Up to a Hosting Provider

3.Head to the Bluehost homepage and select shared, VPS, or dedicated hosting from the ‘Hosting’ dropdown

4.Link your domain name

5.Set up billing details

6.Install WordPress

Joomla is also a very popular platform, which ranks second after WordPress. This is the open source software, which makes it possible to launch and manage projects, which may differ in complexity. Special features include:

1.There are lots of free and paid plugins that are specially designed for Joomla.

2.Joomla offers you the chance to add the following applications: LiceChat, Zendesk, Campaign Monitor, Active Campaign, Constant Contact, Bitium, LiveAgent, ZohoSalesIQ, Post-Affiliate Pro, Bookeo Appointments, Kayako and Vision Helpdesk to mention a few

Joomla builder:

1.Register a Domain Name and Find Web Hosting Service

  1. Install and Set Up Joomla

3.Get Familiar with Joomla Basics

4.Select a Template for Your Site

5.Install Your Joomla Template

6.Customize the Design

Case Study 1: An Exercise

1)Take 15 minutes to read the following case study

2)Summary: How moving to a responsive design website helped a UK-based online sneaker store called Offspring to increase mobile conversion rate and mobile revenue. However, Offspring ( had no mobile website and mobile users faced a poor user experience when accessing the site on their devices. This caused poor conversion rates and low revenue for mobile.. This was also impacting on their SEO score. Offspring knew they needed to ensure mobile users had a good user experience to improve conversions, revenue and SEO.

3)What problems can you recognize?

4)What solutions you offer?


This lesson focused on how successful websites come from strong planning with a focus on user needs. Websites should be built to be accessible and usable, search engine optimised and shareable. Key considerations include:

  • Designing your website based on best practices, following the process of developing a website from start to finish
  • Developing a strong, and usable website
  • Creating a suitable mobile web experience for your users
  • Ensuring consistency in visual messaging
  • Using different CMS platforms to see your result

List of References

  • Ferguson, N. What’s the difference between frontend and backend? [Online]. Available at:
  • Google Adwords, 2016. Google display ads go 100% HTML5 [Online]. Available at:
  • Kinsta.(2020).“What Is a Content Management System (CMS)?”. Available at:
  • “How to Build a CMS Website from Scratch”. Available at:
  • Websitesetup. (2019). “Joomla Website Tutorial”. Available at:
  • Lincoln, J. 2015. Google Meta tags for SEO, what does Google actually understand? [Online]. Available at:
  • Moz, 2016. Case Study: Here’s how moving to responsive design website helped our brand [Online]. Available at: