How can I make my website responsive?
Web designers vs Web Developers
You may have heard the terms 'web designer' and 'web developer' and wondered what the difference is, if there's a difference at all. Web design and web development are two different disciplines: A web designer will typically deal with the 'front end', which includes the visual aspect of a website, the HTML and the user experience, or UX.
The web developer will be responsible for the 'back-end' which means they will write server-side scripts that result in any functionality the wbsite might have. There is overlap though, and often a designer will be capable of developing and the developer will be happy designing.
Graphic Design for the web
Often, graphic design is used as another term for 'print design' ie. design for printed communications; leaflets, posters, brochures, logo design, magazine layouts and advertising. However, in 2017 there is so much crossover between website design (digital design or even 'graphic design for the web') and graphic design, it's very difficult to tell where one ends and another begins. Often the same designer will be responsible for online and offline creative, blurring the lines even more. Generally though, a designer will specialise in one discipline (either web or print) but will need to be able to be comfortable with the other in order to succeed in design.
How have web technologies evolved with time?
The web is built on several technologies working together to produce the dynamic resource it has become. But what are these, and how did they come about?
The basic building block of the web is a markup language called HTML. This enables content to be presented to the user in a particular way using 'tags'. Without it the web simply couldn't function. HTML was introduced as an experimental technology in 1992, allowing web designers to build a page using text, images and a basic framework to share information to users browsing remotely from their computer.
Mosaic was the first browser to be released, and despite it being launched eons ago in web technology terms, it is still recognizable to a user of a web browser today. Opera and Internet Explorer soon followed, as did HTML2, an evolution of HTML. In a relatively short space of time HTML3 and HTML4 were introduced, and included significant input from the World Wide Web Consortium (W3C) in order to ensure that competing interests from involved parties wouldn't compromise the technology.
HTML4 would become recognized as THE version of HTML for the next ten years because of this, the '4' was invariably dropped in favour of just 'HTML'.
Meanwhile, Javascript, Java and Flash were developed and launched to allow greater complexity in the design, animation, interactivity and functionality of websites. CSS was then introduced to separate the content of a webpage and its styling. Several other browsers followed, including Safari, Firefox and Chrome, and small updates were made in the guise of XML in the following 10 years but it wasn't until 2008 and the introduction of HTML5/CSS3 that HTML made a serious leap forward. HTML5 gave the designer and the user even more scope for dynamic, interactive client side content, running natively in the browser, Flash having been long since phased out due to its reliance on a third-party plugin.
Maddison Creative web design Newcastle were founded in 2009
Today, the main driver of technology change is the increasing number of devices that browsers use to access websites - mobile phones, tablets, touchscreen devices - all dictate how websites are built, replacing the once ubiquitous desktop browser.
How do I proactively promote my website online?
There are an ever increasing number of ways to promote your business online, some free and some have a cost, but when running a business it's important to explore every avenue. Methods of promoting your business for free include:
- Website SEO Optimize your website so that it will readily be picked up by search Engines such as Google and Bing. This is by far the most effective way of promoting your business online, it is free and it has the largest reach...if done well!
- Social Media Marketing Use your social channels and communities to push your business to your peers. You can include share and like buttons from most of the social media providers which removes any obstacles between a happy customer on your site and them recommending you to their peers. Many social media sites allow you to pull content from their sites and display said content on your site. This is a great way of keeping your customers abreast of updates in real-time, whilst also keeping your site content fresh.
- Reciprocal links Get as many sites as you can to link to your site, this will not only drive traffic but it will also be recognized as a positive by search engines, boosting your ranking.
Paid for options include:
- PPC (pay-per-click) advertising Create an ad that will appear at the top of a search engine results page or on an affiliates' website that you only pay for (a pre-agreed price) when a user is interested by your offering and clicks on your ad. No clicks, no cost.
- Facebook ads & Twitter cards This is highly targetable, which means you can define exactly who you want to see your ads based on their interests, their location and a range of other criteria.
- Email campaigns Email marketing technology is used by 82% of B2B and B2C companies. Can also be free, depending on your distribution method. Directly communicate with your client base or distribution list with a beautifully designed email. A wide range of reporting tools available, allowing you to see how your email (and different parts of your email) has performed. Can contain dynamic content, can be fully automated and can feature triggered elements.
What are the benefits of advertising my business dynamically online via a website?
One of the great features of promoting your business via the web is that you can add to your site almost instantaneously. You could think of an idea for a promotion one lunchtime and but close of business it can be live, with little or no lead time and no costly printing to contend with.
Unlike printed media and traditional advertising methods, if you publish your website and you decide that your offer is no longer available, your prices need to change or you want to change your messaging, you can do it quickly, easily, and more importantly very cost effectively 'on-the-fly', allowing you to be as reactive and as responsive to market forces as you wish.
Similarly, if you have something time-sensitive you wish to communicate to your customer base, you can add it to your site where it can be made live immediately, and once it's no longer needed it can be taken down just as quickly.
You no longer need to scrap boxes and boxes of flyers, or have expensive TV or radio commercials remade. You simply contact your web manager/designer, let them know what the update is, and they will update hassle free. Should you have opted for a CMS (Content management system) website where you have the ability to update the content yourself, then it's even easier! You simply log in to the admin area, navigate to the page in question, edit your text, hit save and you're done!
Flat websites vs CMS - what's the difference?
There are two main categories of website: the flat/HTML brochure style website and the CMS (Content Management System) website. The main difference is that the website owner cannot update the flat/HTML website without web design/development knowledge. They are intended to be built and managed by the web designer/developer, and whenever the site owner requires an update to the site, they would go back to their designer/developer who will be able to make the update for them. This works well for sites that don't require many updates, as they are more cost effective for the site owner, taking less time to set up and build than their CMS counterpart. Flat/HTML websites also traditionally have limited functionality.
A CMS website is built on the back of a content management system (Wordpress for example) and is generally connected to a data source; A database for example (other data-sources are available!). They are also built using more complex programming language; php or ASP.NET for example (along with HTML in many cases) to allow for a greater scope for functionality, enabling the user to interact with the site in much more depth. The main benefit of a CMS website however is that they can be updated and managed by the website owner without any prior knowledge or experience in website technologies. Because they are more complex however, they will cost more than a flat/HTML site, but this is balanced out by virtue of the fact that the site owner does not have to pay a web designer/developer to make updates.
More answers to web design questions...
Where to next?
Web Design | Online Advertising | Interactive Design | Email Design | Graphic Design | Video & Animation | Brand & Creative | Training | Design Consultancy