Displaying items by tag: website design http://www.woocom.com.au Thu, 06 Dec 2012 09:11:22 +0000 Joomla! - Open Source Content Management en-gb Business Web Design http://www.woocom.com.au/blog/website-design/business-web-design-and-website-development.html http://www.woocom.com.au/blog/website-design/business-web-design-and-website-development.html

So you’re looking for a business website design company or a business website development company in . Congratulations, as you have come to the right place.


Woocom is a leading business website design and business website development company in . We have built hundreds of professional business websites.

The benefit of working with Woocom business web design services is that we are a full service web marketing company that understands business website design and business web development.

Our approach to business web development and business web design is unique and is guaranteed to get you the best results.

So why is Woocom a market leader in business web design? Simple!  We get to know you and your business. We help you clearly set your business website design and website development goals and objectives. We then work with you to achieve the right results

When working with Woocom in business web design, you will see that unlike many other web development and business web marketing companies.... we truly understand business and not only how important it is that your business web design gets results, but also we know how to clearly get these website results and make your business website and accountable part of your business web marketing strategy.

Why not give us a call at 1300 796 623 or contact us and let us show you the way of the web.

]]>
sscheepers@woocom.com.au (Super User) Website Design Tue, 31 Aug 2010 03:09:54 +0000
Freelance Website Developers and Web Designers http://www.woocom.com.au/blog/website-design/website-development/freelance-website-developers-and-web-designers-.html http://www.woocom.com.au/blog/website-design/website-development/freelance-website-developers-and-web-designers-.html

Are you considering using a freelance designer in or a freelance developer in ? If so you might like to consider the following on freelance designers and freelance web developers.

While there are many talented freelance website designers and freelance website developers in Western you should probably try and consider the benefits of using a professional and established web development company.

Freelance designers and freelance developers often seem a cheaper option though in the long run it might not be so.

Some of things that need consideration are;

  • How deep is their knowledge pool? Unless the freelance designer or developer has many years experience there is a good chance they are still learning. There is often no one within arm’s reach to assist or trouble shoot hard or technical issues - time you are paying for them to learn. Also they have a tendency to work in just one way and not actually look at the overall objectives of your development and work with the best option.
  • Another issue is freelance designers and development freelancers are often under resourced. They try to carry too many clients and thus have a hard time being able to respond quickly to your business needs.
  • One of the benefits of using an established web marketing company is that they generally have a larger portfolio and knowledge base, thus a greater background of development to leverage on your development – reducing time and cost. 
  • Typically a freelancer is either disciplined in design or development; meaning they will require third party help (likely another freelancer) to be able to provide a full web marketing solution. This often leads to scattered and disjointed developments and a less holistic approach to your overall marketing needs.
  • With the ever-growing outsource industry from places like India, Russia, Pakistan and so on, local freelance designers and freelance developers tend to outsource a lot of their work. This means less control, privacy issues, time restraints and many other factors that impact negatively on your development.
  • A final point of concern - on going support. The freedom of freelance often leads to developers and designers being “in and out of business”, and it is difficult to receive the same level of ongoing support that a full-scale web development company can offer.

We are not saying that all freelance designers and freelance web developers are the same. Over the years Woocom has used some exceptional freelance designers within and other parts of , the trick is knowing who are the good ones and which ones to work with.

]]>
sscheepers@woocom.com.au (Super User) Website Development Fri, 27 Aug 2010 06:28:34 +0000
Attention to detail http://www.woocom.com.au/blog/website-design/attention-to-detail.html http://www.woocom.com.au/blog/website-design/attention-to-detail.html

For an experienced web designer and developer it is very easy to see the difference between an average and an outstanding website. The website viewer also recognises this, but in more of a subconscious manner.

The difference is in the attention to detail and without a doubt sends a very clear message about your business when done correctly.

It’s the little touches and finishes that make a big difference to the overall success of your website.

You know when you look at a website and feel that something is not quite right... more often than not it’s these final touches and attention to detail.

By making sure that things line up, that there is consistency in the use of fonts and font sizes, that the use of colours are constant and complementary and so on, presents your site and your business in a more professional way which provides extra credibility through a feeling of quality.

Often a website will look great in its original design file, but when converted to a webpage it looks a little different and not as well finished. The best web design companies can make your site look exactly the same as your initial design. They can also make sure that your site will look the same across the different types of supported internet browsers.

When building your website, make sure you demand this attention to detail.

A cool site for evaluating site colours is www.colorcombos.com. In the top right corner you can enter a website address and it will give you the site colour chart.

]]>
sscheepers@woocom.com.au (Super User) Website Design Wed, 18 Aug 2010 05:55:14 +0000
Size, Contrast and Position http://www.woocom.com.au/blog/website-design/size-contrast-and-position.html http://www.woocom.com.au/blog/website-design/size-contrast-and-position.html

Size, Contrast and Position are all Key elements to professional website design..

As you know, we only have about 2 seconds to draw people in once they land on your home page. With this in mind a key aspect of web design is to make sure that we get the message across as quick as possible as and highlight the elements on a page that you want them to take note of.

  • Positioning - The most important part to the use of size, contrast and position within your deign is positioning. A computer screen is very different to printed documents. On a computer screen we only have a certain amount of visible space, and although we can scroll the pages up and down we need to maximise the usage of the immediate visible space.

    Due to a number of factors such as that English speaking people read left to right and that the function of a computer screen allows people to scroll up and down; we know that there is a tendency for viewers to scan a website in a certain way.... more often than not its Left to Right and Left to Bottom, left to right. For this reason it’s important we place certain information and design elements in the flow of the eye.

    Another consideration in position is also the fact that the viewer has certain expectations as to where things will be. With over a billion internet users worldwide, it’s important to note that website users have kind of dictated usability and where they expect certain elements and functions to be. An example of this is that most people expect the Company name and Logo to be in the top left hand corner. Its the first thing they see and helps them identify the site and business. In addition to this when it come to usability, most people expect the logo to be a link back to the home page.
  • Size - The size of certain elements of your website is very important to the impact and the usability of your website. But making certain sections within a webpage larger than others, you naturally create greater emphasis and draw more attention to these sections. It’s not rocket science to realise that if you include a larger section on the webpage people will be drawn to that section and subconsciously assume that it is more important than other sections within that page. A great example of this is that most websites will have a larger “hero” images and section at the top to help visually and contextually summarise the product and service offerings.
  • Contrast - Last but definitely not least is contrast. The viewer’s eyes get drawn to elements to that contrast with other elements on the page. On cleaner and white designs the darker or more colourful sections will naturally draw more attentions, thus creating more importance in the viewer’s mind. Contrast can also be created by different shapes and colours. An example of this is by using circles, stars or buttons in a contrasting colour to draw more attention (and often to provoke an action). It’s important that contrast does not get overdone as it can cause confusion and end up having a negative effect as the viewer will have no idea where to look.

The trick to creating a professional website design that will drive the best results is by not only understanding these and many other elements, but even more importantly, being able to work them all effectively into one concept. A professional design will not get pigeon-holed by these key elements, but will creatively work within and around them.

]]>
sscheepers@woocom.com.au (Super User) Website Design Wed, 18 Aug 2010 05:35:04 +0000
Glossary http://www.woocom.com.au/blog/website-design/website-development/glossary.html http://www.woocom.com.au/blog/website-design/website-development/glossary.html

This glossary will help you understand some of the technical jargon that gets spoken when developing your online solution.

We don’t expect you to understand it - that’s our job, but it may help you if you want to understand it further.

We’ve explained all the common terms that may get spoken. If at any time you want to talk to us about anything you see here, we’ll be more than happy to speak to you.

  • Accessibility - The practice of making websites easy to use for people with disabilities.
  • Action page - Is a page on a website that requires some input from a User. The User will generally need to fill in a form or give credit card details.
  • Admin area - An area accessible only with a Username and Password. Accessing this will give the site owner access to private information or allow them to update site content.
  • AdWords - Advertising product developed by Google. The adverts are generally displayed in the search engine or website as sponsored links. Each time a User clicks on the advert the Advert owner pays a fixed rate, therefore pay-per-click advertising.
  • AIDA - (Attention, Interest, Desire, Action) - The process for writing sales copy.
  • AJAX (Asynchronous Javascript and XML) - Modern Programming language for websites. The script creates interactive web applications that do not need to load each time there is a user input. This means that response time is much quicker for users.
  • API (Application Programming Interface) - Allows two computer programs to communicate. This allows a User to use functions from other sites such as Google or Amazon.
  • ASP (Active Server Pages) - A server-side programming language made by Microsoft to create dynamically-generated web pages. The latest version is ASP.NET.
  • Bandwidth - The speed of your internet connection. It also refers to the amount you can download through your Internet connection.
  • Blog (Short for web log) - A web journal where one or many people make entries to a personal website.
  • Broadband - A fast Internet connection.
  • Browser - This is a software program that creates an interface for people to browse websites.
  • Call to action - A website element that prompts a User to do something. An example: Call us now!
  • Client-side programs - A program that runs on the client side as apposed to a server-side program. Javascript is a common language to perform these functions.
  • CMS (Content Management System) - This is a computer program that is integrated into the front end (the part of the site the User views) of the site and allows website owners to manage and edit the content in their site without having to know a programming language.
  • CMYK (Cyan Magenta Yellow and Black (key)) - The print industry uses dots of these colours when printing to create the printed colour.
  • Content Page - This is a page in a website that displays information. It is content rich, so it usually has a lot of text and images.
  • CSS (Cascading Style Sheet) - The style sheet is used to design the website interface. It is used alongside the HTML to control style elements such as colour, font, background and layout.
  • Database - A database organizes and stores information on a computer. Much like an Excel spreadsheet.
  • DHTML (Dynamic HTML) The use of Javascript and CSS on a website that allows elements to move or change without User interaction.
  • Domain Name - Your website address. This is where people can find you on the Internet. For example Woocom.com.au
  • DPI (Dots per Inch) - Used to measure the resolution of an image. The higher the number of dots, the better the image quality will be. A typical dpi for a web graphic is 72 compared to 300 for a print graphic. This is because a screen has a lower resolution than printing on a piece of paper.
  • Dreamweaver - An application used to create and edit web pages and sites.
  • Ecommerce - Conducting business over the Internet.
  • FAQ (Frequently Asked Questions) - A list of questions that Users commonly ask. A tool to cut down the amount of common enquiries.
  • Firefox - A popular web browser.
  • Flash - Software created to develop animations and interactivity for a website or other applications. A User must download the software plug-in to view the animation
  • Forms - An area on a web page that allows Users to enter information that they submit to a server. This information is usually entered into a database.
  • FTP (File Transfer Protocol) - The transferring of files to the Internet using a FTP program that facilitates this process.
  • GIF (Graphics Interchange Format) - A graphic file format used for simple images with solid blocks of colour. Generally not photos. It is a popular format for the web due to its low file size.
  • Grids - Guidelines used to design a website.
  • Homepage - The first page Users see when they view a website.
  • Hosting Account - Holding an account with a company that provides space for your use on their servers.
  • Hotspot - An area on a webpage that is clickable, viewed often or of interest.
  • HTML (Hyper Text Markup Language) - The programming language used to create a webpage.
  • Internet - A network of computers connected worldwide.
  • Internet Explorer - A web browser used to view webpages. It is created by Microsoft and the most popular in use.
  • Internet merchant account - A bank account that will accept online transactions between bank accounts or credit cards.
  • ISP (Internet Service Provider) - A company that provides you access to the Internet or email.
  • Javascript - Is a programming language used in conjuction with HTML to make a website more interactive and appealing for Users.
  • JPEG / JPG (Joint Photographic Expert Group) - An image format that is used for photos. It uses a compression technique that can make images file size small enough for the web.
  • Keywords - Words that people use to search for websites in search engines. These keywords are usually contained within the website.
  • Link - A link is used in a webpage to allow Users to jump to other pages or websites once clicked. It is usually in the form or a word or image.
  • Mashup - The use of an API to create a website.
  • META tags - HTML code that is hidden in the webpage. It contains information about the web page that may be useful for search engines.
  • Microformats - Marking up information on a web page that allows computer programs to extract certain information such as contact information and events. An example would be a program automatically putting a websites contact details into their mail contact list.
  • Modem - An electronic device that allows the connection to the Internet through a phone line.
  • Mouseover - A link on a page that changes to a new state when a mouse rolls over it or is clicked on.
  • MySQL (My Structured Query Language) - A multi-query database that is used for dynamic websites. It usually uses the PHP programming language to query and add information to the database.
  • Page Rank - The number given to a website to show their order when appearing in a search engine.
  • PayPal - An eCommerce business that provides its customers the ability to make online transactions either through their eCommerce business or to make electronic payments for other products or services.
  • PDA (Personal Digital Assistant) - A handheld computer.
  • PDF (Portable Document Format) - A document that encloses images and text to be shared easily with others.
  • Photoshop - A graphics program used initially to edit digital photos, but is now commonly used as a design tool for websites and other design layouts.
  • PHP (Pre-Hypertext Processor) - Is a computer scripting language used to create a dynamic website. It is also used to create a command-line interface, which allows Users to interact with the computer and perform tasks… (Explain better) It is usually used in conjunction with a MySQL database.
  • Plug-in - An application that is added to a web browser. It increases a websites interactivity and functionality.
  • Podcasts (iPod broadcasts) - A broadcasted radio-style program that is downloaded to your computer as mp3 audio files.
  • PPC (Pay-per-click) - A form of online advertising generally viewed in search engines, but increasingly being used within websites aswell.  Each time the advert is clicked on, the advertiser must pay a set fee.
  • RGB (Red Green Blue) - A screen image on a computer or TV, is created using dots of red, green and blue light. The combination of these three colours create the colours you see on a scree and have a colour code.
  • ROI (Return on investment) - Is the amount that you earn based on the amount that you have invested.
  • RSS (Really Simple Syndication) - Allows subscribed Users of a website to receive real-time information that is updated on the Internet.
  • SEO (Search Engine Optimisation) - Is the process of improving your sites potential to be viewed in a high page rank in the search engines.
  • Server - Is a computer that is permanently connected to a network or the Internet allowing Users access to websites or other content.
  • Server-side program - This is a program that is run on a web server. It creates a  response in HTML or CSS and sends it to the computer that requested it. The program is usually written in ASP or PHP.
  • Sitemap - This maps out the structure of a website. It can be used as a help tool, but usually maps out all the pages in a site for a User or Developer.
  • Tags - Are the HTML instructions in a webpage. They specify how and where elements are shown on a web page.
  • Transitional Page - Is an intermediary page that displays choices for a User. Once the User makes a choice they are generally taken to a content page.  Usually used in product catalogues.
  • URL (Uniform resource locator) - This finds the website address that you type in.
  • USP (Unique Selling Point) - What makes a product better or distinguishes it against a competitors products.
  • Validation - The process of checking that the code used to structure a website conforms to international standards.
  • Web - A programming system that was created to allow people across a network of computers to share and view content.
  • Web standards - Is an International set of guidelines and criteria used for building sites for the web.
  • Wireframes - A working prototype of a website used for testing and showing functionality.
  • XHTML (Extensible HTML) - Is HTML that has been extended or upgraded to conform to the new web standards.
  • XML (Extensible Markup Language) - A programming language that can create custom mark up languages. It is custom due to it allowing its User to create their own tags. It is used to store data instead of using a database.
]]>
sscheepers@woocom.com.au (Super User) Website Development Thu, 12 Aug 2010 09:11:10 +0000
W3C Web standards http://www.woocom.com.au/blog/website-design/website-development/w3c-web-standards.html http://www.woocom.com.au/blog/website-design/website-development/w3c-web-standards.html

If you had an electrician in your home, you’d expect them not to leave loose cables around. You should have the same expectation of your web developer. Web standards ensure a quality website from the inside out, meaning better performance and versatility.

Web Standards

Websites are built around html code - lines of writing that tell your website what to do. But there are millions of ways to tell your website the same thing. Web standards use the way that works the best.

Web standards are basically just that - a set of standard ways to build a website. This ensures simplicity to make your website fast, easy to use, and easy to fix if anything goes wrong. All Woocom web developments are built to web standards.

The standards were developed by the World Wide Web consortium (W3C), an independent body dedicated to ensuring a high technical quality to websites the world over. Woocom is proud to adhere to these standards as a sign of their commitment to world-class quality website design. And it’s testable! If you already have a website, you can test your site here.

Web standard benefits include:

  • Reduced cost of development, upgrades and maintenance - By using a standard, structured HTML, your website code becomes more organized. That means less code that does the same thing, which is easier to develop and maintain. So web standards can save you money in the long term.
  • Faster websites - More organized code often means more compact code, so the space your code takes up can often be reduced by 25-50%, meaning faster loading times. Which is great, because nobody wants a slow website.
  • Better Search Engine Rankings - Web standards make your code easier for search engines to read, so you’re more likely to pop up on the top of a google search for your name or industry. This can work hand in hand with other search engine marketing techniques we provide.
  • Maximize your potential audience - Web standards means that your site will work on more web browsers, increasing your audience. It also means that your website can keep up with new technologies – it can be viewed on PDAs, note books and Web TV.
  • Reduced hosting cost - Although often not significant, sometimes hosting costs can creep up. A more compact code means less hosting space needed and can save costs.
  • More control - You can check if we’re doing things right, because you can test for web standards. If you already have a website, you can test your site here. It’s so easy, and you no longer have to worry about how good your web developer is.

Want to know more about WoocomCMS? Give us a call on 1300 796 623 or Contact Us to find out more.

]]>
sscheepers@woocom.com.au (Super User) Website Development Thu, 12 Aug 2010 09:01:30 +0000
Common Design File Types http://www.woocom.com.au/blog/website-design/file-types.html http://www.woocom.com.au/blog/website-design/file-types.html

When dealing with graphics and images it is important to use the right file type. Some of the most common file type and a description are listed below.

  • An EPS (Encapsulated Postscript) file is used by print shops for the most accurate production of your logo. It can be scaled as small or big as possible without any loss of quality or resolution. This file can be considered as the source file of your logo.
  • TIF files are pixel-based bitmapped images that can be used for laser-printed applications such as fax machines and word processors. Your .TIF logo has been saved at 300 DPI, so the print resolution should be excellent.
  • A JPEG file is a highly-compressed image that can be viewed on most operating systems. This makes it ideal for the internet or as an email attachment.
  • BMP files are uncompressed pixel-based bitmapped images, native to Windows OS. This file format can be used for laser-printed applications such as fax machines and word processors.
  • PNG (Portable Network Graphics) is an extensible file format for the lossless, portable, well-compressed storage of raster images. PNG is designed to work well in online viewing applications, such as the World Wide Web, so it is fully streamable with a progressive display option. Also, PNG can store gamma and chromaticity data for improved color matching on heterogeneous platforms.
  • PSD is a proprietary file format used to create and edit images in Adobe Photoshop. It is a widely accepted format as it supports all available image types – Bitmap, RGB, Duotone, Grayscale, Indexed Color, CMYK, Lab, and Multichannel. The biggest advantage of using the PSD format is that it can save images in layers (image, text, shape, etc.). In other words, the image may be opened with Adobe Photoshop anytime at a later date and each individual layer, or part, may be adjusted and edited independently to achieve better effects. Special blending effects may also be achieved using the transparency mask of Photoshop. These special features have made PSD a very useful format for further adjustment and manipulation of an image in desktop publishing. Even those designers who work with other image file types like TIFF, first work on their images in Photoshop, then transfer them to their preferred file types.
]]>
sscheepers@woocom.com.au (Super User) Website Design Wed, 04 Aug 2010 09:19:01 +0000
Types of web page design http://www.woocom.com.au/blog/website-design/types-of-web-page-design.html http://www.woocom.com.au/blog/website-design/types-of-web-page-design.html

Did you know there are more than one type of web page? All web pages have their own purpose and function and it’s important to realise this when designing and developing your web site to ensure you get the right outcome.

  • Home Page - Your home page is a very important page to your website. Believe it or not, it needs to SUCK! By this we don’t mean it needs to be really bad, what it needs to do is “suck” the viewer in deeper. There are many aspects surrounding a good home page design. It needs WOW factor, it needs to position you correctly, it needs to summarise your product and service offering, it needs to build hype and credibility and it needs to make it easy for people to communicate with you.

  • Transitional Page - A transitional page is exactly that. It is a page that is there as a stepping board to other areas or pages within your site. It is used to help flow and navigation around your site. It should be clear and simple, making it easy for the viewer to get to what they are looking for.

  • Content Page - These pages are the informative pages. They are there to be read and help present the product or service information. They require good content and typography and most of all should be informative and easy to read.

  • Call to Action Page - All websites have a purpose... well they should have one. This page is about enticing the action you are looking for. Is it to initiate contact through a web form or maybe it’s to sell a product. Whatever it is, it needs to be designed in a way that is clear and easy to use and focus on them completing that required action.

]]>
sscheepers@woocom.com.au (Super User) Website Design Mon, 26 Jul 2010 07:52:19 +0000
Fonts and Typography http://www.woocom.com.au/blog/website-design/fonts-and-typography.html http://www.woocom.com.au/blog/website-design/fonts-and-typography.html

Each font carries its own personality. It’s the way that we use fonts (with words) that helps us get the message across.

We have a choice of 1,000s of fonts to create a business brand and personality - and it is not only the individual fonts selected, but also the way we use these fonts in size, position, boldness and direction that allows us to present the right and highest impact message for your business.

The same way that fonts are very important when designing your logo, it is equally as important when designing your website. The way we use fonts in website design is known as typography.

Good typography is an art and will assist you get the right message across in your website. It will help with structure, with creating impact and with the contextual flow of your website.

Great Typography will use the font personality to help present the message. It will utilise size, direction, space, colour and more to ensure you get the message across and make it easy on the viewer to read and comprehend what you are trying to tell them.

Some general rules for typography

  • Select fonts that are easy to read and carries the tone and personality of your business.
  • Try to keep font types to a minimum - don’t use more than 4 font types on any one page.
  • Be consistent and create a common rule as to how you will use the fonts, i.e. colour, size, boldness, italics, spacing to present highlights, leading text and titles, etc
  • Consider carefully how you use fonts and style sheets and the words within as this will affect your Search Engine Visibility
  • Try to use web safe fonts. Although there are ways around it, it’s important that fonts are displayed as text and not image to ensure search engine visibility. By choosing web safe fonts you will be sure that they can be written as text with the site code and also that you will get good cross browser representation.

Some good font resources are

]]>
sscheepers@woocom.com.au (Super User) Website Design Mon, 26 Jul 2010 07:39:41 +0000
Website Analytics http://www.woocom.com.au/blog/search-engine-marketing/website-analytics.html http://www.woocom.com.au/blog/search-engine-marketing/website-analytics.html

Website Analytics are a very important to the overall success of your website and web marketing.

Web analytics is the measurement, collection, analysis and reporting of internet data for purposes of understanding and optimizing web usage.

Web analytics is not just a tool for measuring website traffic but can be used as a tool for business research and market research. Web analytics applications can also help companies measure the results of traditional print advertising campaigns. It helps one to estimate how the traffic to the website changed after the launch of a new advertising campaign. Web analytics provides data on the number of visitors, page views, etc to gauge the traffic and popularity trends which helps doing the market research.

There are two categories of web analytics; off-site and on-site web analytics.

Off-site web Analytics is typically the starting point for discovering the opportunity for your website. It allows you to gain a better understanding of the opportunity and potential web traffic for your business. It also allows us to estamiate the effort comptitors are going to within your industry.

Off-site web analytics refers to web measurement and analysis regardless of whether you own or maintain a website. It includes the measurement of a website's potential audience (opportunity), share of voice (visibility), and buzz (comments) that is happening on the Internet as a whole.

On-Site web analytics is all about monitoring your sites performance and adjusting it accordingly to get better performance from your site and enhancing the users experience.

On-site web analytics measure a visitor's journey once on your website. This includes its drivers and conversions; for example, which landing pages encourage people to make a purchase. On-site web analytics measures the performance of your website in a commercial context. This data is typically compared against key performance indicators for performance, and used to improve a web site or marketing campaign's audience response.

Historically, web analytics has referred to on-site visitor measurement. However in recent years this has blurred, mainly because vendors are producing tools that span both categories.

]]>
sscheepers@woocom.com.au (Super User) Search Engine Marketing Mon, 26 Jul 2010 07:39:09 +0000