articles tagged with: website
Trawl the web for long enough and you'll begin to notice patterns occurring, it becomes clear what is growing popular in the world of web design. Here are 10 design trends that I spotted and have a sneaky feeling we'll be seeing much more of in the coming year…
1. Flat design - OK, so this has been popular for much of 2013 but it's still going strong! Flat design removes all unnecessary elements so the content is the main focus - providing the best user experience. Initially, flat design developed as a solution to simplify Web layouts so that they were optimised across different devices but it's not just popular for practical reasons anymore. I can't get enough of this simple, clean style.
2. Grid-Style Layouts - Page elements are scattered to look like a grid. One familiar example of this would be the Facebook timeline. The grid-style provides a solid visual and structural balance. This sophisticated layout structure gives more flexibility and improves the visual experience of visitors as they can follow the consistency of the page much more easily.
3. Endless scrolling - The good thing is, browsing on our mobiles has gotten us used to it. Scrolling through a website is faster and easier than having to click through links upon links to get where we need to be. It's not content-cluttered either as new design techniques means all information is organised and formatted in such a way that it’s easy to digest. The layout often changes as you scroll, creating sections resulting in the user forgetting they're looking at one long page.
4. Simple Colour Schemes - I have a feeling there will be a lot more websites using only one or two colours. A new trend seems to be to use one bright and clean background colour, such as red, orange or teal, and to include images or black or white text over it. This creates a seriously minimalist and user-friendly effect.
5. Video - Instead of the usual written piece about what the company do, businesses are beginning to opt for short videos. This is most likely due to the fact that videos are easy to produce and share on your site as well as on social media. They also appeal to the short attention span many of us have adopted these days, we want everything now! Videos are an effective way of communicating with an audience and having an impact.
6. Fun with fonts - Designers are once again enjoying 'playing' with typography. Fonts seem to be getting bigger (and in my humble opinion, better!) and siting amongst a variety of others. Also, responsive typography should become a bigger part of responsive web design.
7. Mobile-First Design - Here, a higher priority is placed on the mobile experience which then becomes the foundation of the entire layout. The idea is to first mock-up how the website should look as a responsive layout on smaller screens. To make this work 'fancy' design considered unnecessary excess is removed and we are left with the bare essentials.
8. Mega-Navigation Menus - These menus that expand to hold large blocks of content and links, and can often contain product images seem to be particularly popular with e-commerce or news websites. If done well, this type of navigation can be extremely effective, they allow the user fast access to information located deep within the site.
9. Expanding search bars - Building semi-hidden or expanding search bars into your layout is definitely growing in popularity. When the user clicks a magnifying glass icon or clicks into the bar itself, the search bar expands wider allowing for more text input. This can be seen in a lot of responsive layouts.
10. Parallax Scrolling - That nifty technique that lets background images move slower than foreground images to make visuals appear more dynamic certainly makes for an interesting browsing experience. Handle with care though as too much of it can have quite the opposite effect!
As a designer here at Focus I am super excited about applying some of these trends to our work. Throughout the year I'll be looking out for emerging trends so that I can see you back here in 2015 with a whole new list!
Created on Thursday January 16 2014 11:04 AM
Last month saw us launch a new web site on behalf of the Parent Partnership team at Bath and North East Somerset Council.
Connecting Families is a new programme designed to help families with multiple complex needs in the BathNES region - and is part of the Government's Troubled Families Initiative, which aims to change the lives of 120,000 families by 2015.
The web site provides users with access to a database of support groups and organisations who offer help, guidance and advice. The database is categorised into easy-to-follow scenarios and topics that are relevant to individual family members - so it's clear where everyone can find the information most appropriate to them.
Additionally the site has built using underlying responsive tech - with the layout of each page changing based on the device being used to view it; whether it's a desktop, laptop, tablet or mobile smartphone. We include a responsive layout with all our new web site projects - helping provide engaging user experiences across all devices.
To see the new web site please see:
Created on Friday November 22 2013 10:00 PM
Speed on the web is as important as ever, with figures showing that better performing websites get more business, and that performance may also have an effect on SEO rankings.
Recently, we've been asked by several clients to measure how their site performs, and what could be done to speed it up.
For the first client (a multi-national blue-chip insurance company), they primarily wanted to know how many users their system could support - how many users could use the site in an hour, say?
The first thing we needed here was a program to simulate being a real user. PhantomJS is an excellent tool here, because behind the scenes it's basically the same browser as Google Chrome, but there's no visible front-end - we can "drive" it automatically and measure the results.
So, we produced a PhantomJS script that hit the website, logged in, and performed the operations our client wanted testing. (Measuring all the times as it went.)
We then produced a large queue of those scripts to run, and fired up a whole bunch of Rackspace Cloud servers, and told them to share the queue of jobs - this is to simulate concurrent users, which is very difficult to emulate with a single computer.
We ramped up the simultaneous servers gradually, and found the spot at which we'd hit a limit - meaning that the system couldn't deal with more simultaneous users than we were throwing at it.
Armed with these numbers, we could then dive a little deeper into the figures at certain points of the process, and find some likely candidates for the stages that were specifically slowing things down.
The tools we have available for this kind of work these days are frankly excellent - without PhantomJS (or something similar), our tests would have been significantly less "real", as it wouldn't have used real-life browsers to do the testing. And without Rackspace Cloud, I dread to think of the work involved in actually firing up that many physical servers to perform the tests!
Next time, I'll talk more about what happens next - how web pages can be made faster.
In the meantime, please don't hesitate to get in touch with us if you'd like us to performance-test your website!
Created on Tuesday September 17 2013 01:45 PM
We've recently launched a new ticketing system for our friends at Barriers Direct (http://www.barriersdirect.co.uk), and it contains some interesting features, and some close integration with the rest of the back office systems, that I'll briefly outline here.
For those that don't know, a ticketing system is a little like a to-do list that can be shared amongst people, and records status as things change. For instance, if a client enquiry comes in, we can assign it to the most relevant person to deal with it. Perhaps they have to query something with accounts before responding to the client, so they can assign the query there. Accounts respond, and assign it back again -- and so on until the ticket is finally completed and marked as closed.
Every action is time stamped with who said what and when. Unlike email, the entire thread of activity is available to all relevant people at all times - it's not hidden away in people's Inboxes and Sent Items. For instance, there's no more thinking that you sent this task to Bob yesterday, but he's off today, and wondering if he did anything with it - you can check the ticket, and see that Bob forwarded it to accounts. Now, someone else can follow up in his absence.
As people do tend to check email very regularly, however, the ticketing system sends various emails to let them know there are things waiting for them - it emails people when tickets are assigned to them, and emails daily summaries of outstanding tickets, for instance.
The team at Barriers Direct use extensive reporting facilities within Quantum to keep track of their business, and tickets mean they can produce reports of how many requests come in, what the different types of requests are, and how long it takes to respond to them -- and how that all changes over time.
The ticket system is integrated right into Focus's Quantum website administration system, which manages the order system too, and that allows us some tight integration that wouldn't be possible with a 3rd party ticketing solution; lists of orders highlight those with tickets associated with them, for instance, and vice versa, from the ticket you can get to the full details of the order in just one click.
If you're interested in knowing more about a ticketing system, either for an existing or new website - please do give us a ring, or drop us an email and we'd be very happy to talk to you!
Photo copyright Andres Rueda, used under a Creative Commons Attribution license.
Created on Thursday January 31 2013 10:18 AM
Experian Hitwise have released some eye watering statistics about eCommerce traffic in the UK for Boxing Day 2012, which broke all previous records - and by some distance.
The Christmas period just passed was the busiest for online retailers - with 84m visits to retail sites on Christmas Eve, 107m on Christmas Day itself and 113m on Boxing Day - increases of 86%, 71% and 17% respectively.
Also up was the share of people using mobile devices to do their shopping - more than 28% of clicks on retail ads came from smartphones and tablets, and overall traffic from these devices accounted for 30.7% of visits, up from 19.8% for the same period in 2011. Data from IBM shows 24.73% of consumers used their mobile device to make a purchase - up 15.93% from 2011. With the number of iPads and other tablets sold over Christmas, these stats are no surprise.
From a search engine viewpoint, interestingly one in every 125 keyword searches included the word 'sale' - with 'Next sale' leading all queries followed by 'Debenhams sale' and 'Marks and Spencer sale'.
Conclusions? Owners of online stores need to review the impact that mobile-based shopping is having on their sites and also need to invest in CRO - conversion rate optimisation - to ensure they take full advantage of the increasing numbers of people shopping online, and to ensure that once once shoppers arrive at their site, there's no barriers to purchase.
Created on Wednesday January 02 2013 03:03 PM
I caught up with WECIL in the Summer to find out more about their exciting rebrand - how could we apply this to their web site to not only bring it up to date visually, but also bring it more in line with the organisation's needs and objectives? With much of their offline materials already rebranded, WECIL were very keen to get their online presence sorted ASAP!
As a team, we went through the existing site and identified key areas that needed to remain in the new build, and other features to be either removed altogether, or reorganised into different areas.
Suggestions were made for some new features, which were considered against WECIL's available budget. Finally a specification was drawn up and agreed, and we started work on the design. Working with the new WECIL brand guidelines, we soon had page templates created for a home page and inside page templates; along with visuals for new features such as the Events Calendar and YouTube integration. The site needed to be engaging, visually attractive, and accessible. It also needed to provide multiple areas for updated information, to really demonstrate how active WECIL are in their projects and activities.
So as build progressed, the Events Calendar was key - WECIL hold a good number of useful, informative and fun events and needed to demonstrate this to their service users. Users can search by keywords, regions and even different Types of event - all of which WECIL can add to as time goes on. And not only that, but should a particular event be of interest, you can have the calendar email you with a reminder. Handy!
One specific change was the presentation of WECIL's key projects and research work - moving these into a Resources area has meant that although still readily available, the details are not in the way of more current areas of the site such as how to Get Involved, and the Events Calendar.
Feeds from their Twitter and Facebook accounts also feature, with regular updates from WECIL; plus a suite of visual signposts, to reinforce key areas and link directly to them.
WECIL are also benefitting from an upgrade to the latest version of Quantum - our bespoke, Rails based content management and administration system - giving their team a much easier interface to work with including access to the new modules such as the Calendar and Slideshow Feature Box on the homepage. They have admin access to update most of the site themselves, which means independance and control for them - but of course we're here to help when they need it!
Over the coming months, we'll keep a close eye on Google Analytics, noting areas of the site which are popular, not so popular, and how users are interacting. We'll work with WECIL to ensure we're getting the most of out the site for them, and make recommendations for updates or additions as they become relevant. Big thanks to the team at WECIL for making this a really smooth and enjoyable project to work on! You can visit the new site here.
"Can I offer our compliments on the site; it looks really good and you have dealt with us with the utmost professionalism and interpreted our requirements perfectly."
Created on Friday November 23 2012 04:54 PM
We're very excited to have launched a charity microsite for MS Ireland and it's been seriously good fun! The site is vibrant and energetic which perfectly reflects the excitement of MS Ireland's upcoming READaTHON.
The month long event kicks off on October 12th 2012 and is their biggest fundraising event. It was 25 years ago that the late, great Roald Dahl launched the first campaign. Ever since then the MS READaTHON has been encouraging young people to read while raising much needed funds for services to those living with Multiple Sclerosis in Ireland. The concept is straightforward; Children are sponsored by family and friends to read as many books as they can in one month, it's simple but extremely effective.
With the design theme focusing on monsters that eat books we've gone back to our childhoods here at Focus and let our imaginations run wild! We threw in scratches, claws and bite marks, adding character and a sense of chaos. We have also emphasized the fun factor and encouraged interaction by embedding videos and games.
The site, just like the event, appeals not only to kids and teenagers but adults too. So, why not enjoy yourself and do a great thing for charity by getting involved? You’ll be glad you did!
Created on Wednesday September 12 2012 09:06 AM
The next in a series of projects we've completed over the summer - and it's a big well done to Annette, Steve and Jordana from Team Focus for their work on the new Pace web site, launched in mid August.
Pace are a design consultancy based in Clevedon - managing creative projects for Lloyds TSB, the NHS, Clevedon School and Merlin Housing Society, amongst others.
The new site shows off Pace's refreshed brand and range of design services and also includes a blog that is regularly updated by the entire Pace team. We've also integrated the site with their Twitter profile so that it features latest updates - a nice touch in helping to send traffic both to their social media account and web site.
Nick Cleeve, MD at Pace says:
"We've found Focus to be so easy to work with right through our web site development. They had a professional approach,understanding our business and exactly the direction we wanted to take it forward in. As the business owner I'm not used to being managed, but Annette managed us well, keeping us focused on the end goal and working together as a partnership to achieve the final result.
We've had nothing but positive feedback on our new site since go-live, and I look forward to an ongoing relationship with the team at Focus."
See the new Pace web site at:
Created on Friday August 24 2012 11:15 AM
Thrilled to bits! That's the reaction from our friends at The Multiple Sclerosis Society of Ireland to the launch of their brand new website yesterday!
The Society, one of Ireland's largest charities, work with people with MS, their families and carers, health professionals, students and others who are interested in or concerned about MS. We've been working with MS Ireland since 2007 - not only helping to create their main Society website, but several dedicated campaign microsites too - such as ReadAThon and Tea Party (with McVities). So we were excited to begin working with the Comms team on the structure and design of their brand new site earlier this year.
As well as making sure the web site would be engaging, contemporary and informative, we were briefed that it's key objective was to help create a community of users who could interact with the site and each other through it - providing users and viewers the opportunity to contribute, comment and collaborate on news and views surrounding Multiple Sclerosis.
Through a number of workshops and presentations, the site began to take shape; the creative phase concentrated on site design, navigation and the organisation of information which included introducing 'real life' signposts helping direct visitors to information relevant to them. The administration system that manages the site has been given a complete overhaul to the latest version of Quantum - our bespoke, Rails based content management system. The web site has also benefited from a number of functional improvements including a brand new and enhanced events calendar, which not only features a far more engaging interface, but also invites users to submit their own events.
The site also includes national and regional blogs updated by geographical editors, five separate blogs with editorial content from the different teams at MSI and user polls - helping get real feedback on important issues from real users.
It's been a brilliant experience working with the team at MSI, and we're so pleased to have this site as part of our portfolio.
Best go and take a look then! www.ms-society.ie
Looking forward to working with the team again on their next campaign site… look out for more on this soon.
"We are thoroughly delighted with our new website. We wanted something brighter, more modern and interactive and which reflected the care and support our organisation provides to people with MS. Focus were wonderful throughout the project, listening to our needs and building on those to give us exactly what we wanted."
Communications Manager, MS Ireland
Created on Thursday August 02 2012 09:35 AM
Last week we had the pleasure of launching (no pun intended) a new web site for our friends at Bristol Balloons. We manage 3 sites for the Balloons team and this year we were approached about providing an updated and refreshed design to the flagship of these 3 sites, Bristol Balloons.
It wasn't just the front end that required an update; we have to undertake a complete bespoke development upgrade of the entire back-end system as well.
We've been working long and hard over the last couple of months on developing a back-end system which will prove to be much more flexible and productive for the team at Bristol Balloons.
Design wise we've used the space available in terms of the width and also made key elements available 'above the fold'. The design is centred around striking images that really sell the experience of a balloon flight to users. The new clearer language, navigation and 'call to actions' will have a real positive effect on the conversion rates of the site.
We've also ensured that the new checkout process follows best practice techniques in order to reduce the number of drop-offs and ensure purchases are completed both quickly and easily.
In the limited time that the site has been live we've seen a reduction in both Exit and Bounce rates, which is extremely encouraging. Over the next few months we'll be monitoring the key analytics of the site with a view to updating the other two sites; Bath Balloons and Ballooning Network.
So if you're looking for a special treat, that once in a life time experience or just want to see our handy work, why not take a look at what Bristol Balloons has to offer....
Created on Wednesday June 20 2012 03:30 PM
- January 2014 (1)
- December 2013 (2)
- November 2013 (2)
- October 2013 (1)
- September 2013 (3)
- August 2013 (2)
- July 2013 (4)
- June 2013 (2)
- April 2013 (1)
- March 2013 (2)
- February 2013 (5)
- January 2013 (5)
- December 2012 (2)
- November 2012 (3)
- October 2012 (1)
- September 2012 (2)
- August 2012 (2)
- June 2012 (1)
- May 2012 (5)
- April 2012 (4)
Bristol: 0117 949 8008