Optimising images for SEO

Does optimising images help SEO?

Simple answer yes, and not only SEO, but also for enhanced user engagement and conversions. Within SEO well optimised images will not only help Google to understand the specific focus of your page but will also enable people to find your content who are undertaking an image search.

how to optimise images for SEO

how to optimise images for SEO

What benefits does optimising images give?

Google’s search is a universal search concept returning all media in its search results. Given that often images are at the top of its listings and typically there are many fewer images used in content it can be an easier way to jump the rankings than with page content.

So where to start optimising your images?

The three areas to consider are:

  • within the picture
  • within the page
  • off the page

Within the picture

  • To start with name your image correctly so Google knows what the image is about. It’s a time to include key words such as the image above i.e. how-to-optimise-images-for-SEO.jpg.
  • Optimise the size of the image, keep the size down especially with mobile in mind



The basics of User Experience (UX)

Some might think that making the look and feel of a website attractive to the eye is the key to a professional and inviting website.

User Experience (UX) is becoming one of the most important key factors in today’s websites. Essentially UX is creating a successful user-centered design. UX follows a thoroughly thought through process, intended for the user.
We create prototypes by using wireframes, the software that we use at Nvisage is Axure.

What is a wireframe?

A wireframe displays the functional elements of a website or page, typically used for planning a site’s structure and functionality. It also shows the user journey through the site. It is not just used for a planning a website, it is used in the programming industry to create a prototype of for example: new text editor software.

Features of a wireframe?

Wireframing has progressed significantly; it has become interactive at a high level rather than just a skeleton of a website/software. It is now possible to actually build an entire website using wireframes. Just a handful of features are listed below:

  • Radio buttons
  • Click through functionality
  • Drop down menus
  • Links
User Experience is creating a successful user-centered design

User Experience is creating a successful user-centered design

It is a complex software, a few members of our team at Nvisage have attended wireframing courses in the past. We specialise in UX by testing our wireframes using a software called Chalkmark, this is how we get feedback. Chalkmark monitors the clicks on a screenshot. We generally ask approx 30 people who have never seen the prototype before to do our test (3-4mins), this then gives us a substantial amount of feedback where we can then tweak the prototype if necessary.

If you require prototype testing and would like a chat then please call our Commercial Director Clinton Porter on 0845 094 3331 or email.

Intranet development using Umbraco

The lines are very much blurred these days between an intranet and extranet. A traditional intranet being used within the confines of an organisation’s IT’s internal infrastructure and an extranet being essentially a private permission based website.

Depending upon requirements and technology however, the two can do an identical job. That is allow restricted access to content defined by that person’s permissions.

Why Umbraco and not dedicated intranet software?

New joomla! Spanish lessons website

We have just launched the new Joomla website for Spanish Marks a new company offering excellent value online Spanish language courses in real time from Guatemala.

Joomla online language lessons websiteNvisage is a specialist joomla! agency providing professional joomla! template design and joomla! development from our UK offices in Brighton and London in the UK.

Our joomla! template design services

We undertake bespoke responsive template design services for joomla! and all CMS platforms. Sandra, our Creative Director is directly responsible for all of our designs and ensures they meet the highest standards of usability, mobile compatibility and accessibility.

Our joomla! Development services

If you are looking for a joomla! developer then we can help. joomla! is a core platform we specialise in and can create complex interactive sites or more straightforward brochure sites. As an example the Spanish Marks website has the following features:

  • bespoke responsive template
  • integration with Moodle using jmoodle to offer full online lessons
  • ecommerce integration
  • integration with Video Whisperer – a professional level version of Skype

How we can help you

If you have an existing Joomla website that you are not happy with or think that your current developers are not up to scratch the give us a call. We specialise in turning around joomla! websites and making site mobile compatible. We are specialists in third party integration of back office systems like CRMs and can create custom ecommerce sites.

If you have a project give Clinton a call on 0845 094 3331 for a general chat and advice.


Developing a growth strategy for your website

SEO, PPC, analytics, conversion, whatever the marketing buzzword, the only thing that counts when marketing a website is the result. That’s why at Nvisage we look at marketing your site in a holistic way.

Developing a growth marketing strategy

The phases to developing a growth strategy are:

  1. define the successful outcomes
  2. identify what the website needs to deliver in order to achieve this
  3. identify what you need to track and report upon to meet this outcome
  4. identify the steps to deliver more targeted traffic

Initial Questions to ask to develop a growth strategy:

  1. what are you looking to achieve?
  2. what constitutes a successful outcome?
  3. who are you targeting?
  4. how can you meet their needs?

Defining success

Before we can help you we need to understand what success looks like for you. This can be as simple as:

I want 10 new leads per month

I want 2 new clients per month


Delivering Growth

Delivering growth can be fundamentally split into two parts:

  1. driving more targeted traffic to your site
  2. analysing what works and what needs improving

Driving more targeted traffic to your site

To be successful at driving targeted traffic to your site you need to:

  • identify what your target audience are looking for that you can deliver for them
  • develop this content on your site
  • let them know it is there

This is the point at which a well planned digital marketing strategy will contribute significantly to the overall growth.

Effective site analysis

We need to establish detailed site analytics in order to fully understand, how people are arriving at the site, what works and what needs improving. There is little point in spending a lot of time driving traffic if the site does not meet their needs and they promptly leave. We need to encourage them to stay and engage with you whether through telephone, email, signing up to regular alerts or giving details to download content.

If you would like to speak to Nvisage, please get in touch with our Commercial Director Clinton Porter through email or by phone on 0845 094 3331.

Website Prototyping Using Wireframes

Wireframing is a clickable HTML website prototype, which is an essential part of the UX process. We use them as a part of the testing process, through this we then get feedback from the client/stakeholder. It is important to understand that there is no design involved at the wireframing stage, it is theoretically thought to be a website skeleton.

The benefits of creating a prototype is to save money and time in the development and design stages. Here at Nvisage we use the prototype tool Axure, our staff members have been on Axure-wireframing courses and are constantly building our knowledge and skill.

Quote by Frank Lloyd Wright: “It’s easier to use an eraser on the drafting board, than a sledgehammer at the construction site”.

Below is an example of the wireframe that Nvisage produced in the early stages of Stonewater‘s new website launched in January 2015:

Screen Shot 2015-02-25 at 13.30.16

Below is the site designed, developed and now live:

Screen Shot 2015-02-25 at 13.30.51

Have you got an ageing website and are think its about time too have a fresh, modern, new look? Whether you would like to have a prototype created or would just like a website designed and developed then please give us a call on 0845 094 3331 or email our Commercial Director, Clinton Porter.

Brighton WordPress Development Agency Launch Keysource

As a leading Brighton based WordPress design and development agency we have launched the new WordPress platformed website for Keysource Ltd. We worked closely with the client to develop a contemporary responsive website. They now have a professional and sophisticated site.

What this project involved:

  • prototyping and UX development
  • graphical design
  • fresh modern layout
  • new navigation
  • WordPress which as an open source Content Management System allows the client to take control of the content in the site.
  • responsive design
WordPress Development Agency Launch Keysource 2015

WordPress Development Agency Launch Keysource 2015

Quality Assurance is always essential when checking the process to see whether the website developed met the designs that were created at the start of the project by our Creative Director, Sandra.

If you are looking for a WordPress Development Agency in Brighton or London to help you with a new website or need help with an existing website then get in touch and have a chat with our Commercial Director, Clinton Porter. By phone 0845 094 3331 or by email.

User centered design methodology

User centered design

User centered design is a philosophy for website design rather than an absolute process. Graphical design is not independent of the user and an abstract artistic process but one that facilitates a user’s needs.

There are many ways of achieving the goal of a user centric site and we outline here our approach and tools we use.

Specific tools for testing a user focused design

To understand how users engage with your content we need to prototype and test. Recording of the testing is just as important as the testing itself and needs to be empirical i.e. beyond doubt. People are notorious witnesses even of their own behaviour so we need to record and analyse what they are doing. Two key methods are eye tracking and user behaviour heatmaps.

Eye tracking

The example below is of an existing website screen at the start of a usability testing process we recently undertook.

user centred design testingThe first phase in the user centred design exercise with the client was to identify how their target users engaged with their website. We set up a standard test with a varied audience and gave them all the same core tasks from the client. The results are combined above for one of the tasks and illustrates quite clearly how poor the site is at guiding users to the correct locations.

However, eye tracking works best when you can compare it to an alternative. Using our experience of what works well for users we created a slightly modified version which focuses the user’s eyes in a core part of the screen.

screen used for eye trackingBy simply creating a more focused grouping of related tasks and giving a strong visual cue, we are able to increase the usability of the page. This gave us a great comparison for the existing design and an understanding of how the users wanted to have calls to action presented. We repeated the process twice more with different users to refine the process until we came up with an optimal design. One happy user exclaimed “finally, that’s a site for us!”


Are Responsive Websites The Way Forward?

It is now said that 4 out of 5 people now shop on their mobile device, which works out at 80% of consumers and is on the increase!

Responsive websites statistic

Responsive websites statistic

On the train, at home, on your lunch break… consumers pick up their mobile/tablet and browse the World Wide Web. 1 in 3 children in the United Kingdom can call a tablet theirs.

A survey carried out by Google gave the statistic of 49% of people said a website did not function well on their mobile, therefore they felt as if the company/business did not care about their experience.

66% of consumers are believed to go through with a transaction on a website that is responsive rather than a non-responsive website.

Have you experienced the feeling of frustration when visiting a non-responsive website? Scrolling from left to right, zooming in/out and images not loading?

If you think your audience visits your site not just on a computer but also on the move, then get in touch and have a chat with our commercial director Clinton Porter.

Responsive websites adjust accordingly to what size screen you are using, making browsing the web a stress-free experience.

How to design websites for multiple screens

The biggest problem for a web designer is how to make their lovely design that looks fabulous on a 22″ desktop monitor look equally as good on a smaller screen laptop, 10.1 tablet in landscape, small tablet in portrait or smartphone.

Card design attempts to reconcile these issues by breaking the website into different components that need to be on a given page instead of having a fixed template or page. Some CMS’s such as WordPress have adapted to this approach quite well with the website being created by frameworks rather than fixed designs. This has been developed to take advantage of the responsive design process and frameworks and to deliver an optimum design experience for each viewing device. The cards allow content to be componentised and arranged depending upon the viewers screen resolution.

Examples of big name users of this approach include Google, Pinterest and Spotify

Cards break the content into different components which can be arranged depending on the users screen resolution. With big names using cards such as: Google, Pinterest and Spotify.