WEB DESIGN

Web design professionals in Farnborough Hampshire

Web design demystified, from single page brochure sites to eCommerce and eLearning

We’ve been designing websites and online promotions for clients since the ’90s, ranging from one person start-ups to some of the biggest brands around.

The web design process

Prototyping

The goal of prototyping is to iron out any interaction issues before we get too far into the web design and coding process. We check interactions and functionality, page layouts, navigation and tone of voice.

We always aim to identify key user tasks and goals, then create prototypes to ensure these goals are achievable.

This is a very quick way to get feedback and sense-check ideas. It takes very little time to create a paper prototype and can save hours of development time in the long run.

Information architecture

For any reputable web design company, information architecture will be at the centre of what they do. We believe content is king and that content needs to be organised well for users to benefit from. Information architecture is the structure, organising, categorising, labelling and tagging of content. There really is an art to organising and labelling content to increase usability and findability of your content.

Wireframing

Website wireframes are generally the first part of a web design project that we will share with the client for feedback. They are an invaluable part of the web design process and serve as the blueprint for your new website. Wireframes focus on two key areas; functionality and content.

User interface design – UI

Great user interface design is about helping users achieve their goals with the least amount of friction. It supports the overall user experience along with typography, visual design, copy, and tone of voice. It’s about being usable without drawing undue attention to itself. It needs to function well, with no bells and no whistles. Clean, clear, simple, precise. Great user interfaces also need to be flexible (website localisation being a prime example) and scalable to accommodate additional features that may be added later in the product lifecycle.

Wireframing

Website wireframes are generally the first part of a web design project that we will share with the client for feedback. They are an invaluable part of the web design process and serve as the blueprint for your new website. Wireframes focus on two key areas; functionality and content.

User interface design – UI

Great user interface design is about helping users achieve their goals with the least amount of friction. It supports the overall user experience along with typography, visual design, copy, and tone of voice. It’s about being usable without drawing undue attention to itself. It needs to function well, with no bells and no whistles. Clean, clear, simple, precise. Great user interfaces also need to be flexible (website localisation being a prime example) and scalable to accommodate additional features that may be added later in the product lifecycle.

Web design – Why is it so complex?

Website design or web design encompasses a wide range of skills: User research, information architecture, user experience design, user interface design, visual design & art direction, web development, search engine optimisation, and data mining. Each skill brings a unique part of the overall puzzle and together they combine to create engaging products that meet the requirements of the client and the goals of the user.

An ideal web design process is as follows:

  • Research
    Possibly the most important part of any web design project. It’s important for us to really understand your business, its goals and the message conveyed by the proposed website. Then there’s understanding the users, their goals and what makes them tick.
  • Personas
    We identify target audiences and build personas around these. Your website should cater for each of the personas created and fit them well. This gives us a clear target audience(s) to design for.
  • Assets
    We create an inventory of past and present content and create a plan for any additional content required.
  • Site mapping
    Information architecture kicks off with the creation of a site map. This shows a definitive list of modules and pages.
  • SEO
    SEO research starts from the get go. It’s good practise to put in SEO driven content from the beginning. This ensures your website has the best possible start in the search engine crowd. You can read more about our SEO services here.
  • Paper prototyping
    We don’t want to wait until something is built before we know if it works. We work with paper prototypes and iron out any tricky interactions.
  • Wireframing
    We create monotone wireframes to focus on content and layout. Art direction and visual design is considered but not implemented at this stage. Wire framing forms your websites blueprint.
  • User interface design
    Here we look in-depth at all of the user interface and navigational widgets.
  • Visual design and art direction
    Visual design and art direction are about making your website shine. We take into account the message your business conveys and give that message a face.
  • Website development
    This is the coding portion of our work process. Databases and content management systems are all set up at this stage.
  • Q&A; testing
    We triple check everything works correctly on all relevant devices.
  • Usability testing
    We test all our products with real users, assess the results, and make changes where necessary.
  • Launch
    It’s GO time. The official launch of your new website. Monitoring starts right away. The gathered data is essential for future improvements.