Designer Support Guide

Delivering a great web project

 

We have collated all the necessary information a web project will need to run smoothly and to schedule. It’s by no means a definitive list, but a guide to aim for. We can advise on the best approach to your project and its development if we have the best understanding of your requirements.

 


Covering topics like the specifications of your site and what type of files are best to use, we’ll break it down a bit more in this post but feel free to download the guide as a pdf and enjoy it offline.

Download the Designer Support Guide pdf

 


 

Project Specification

The more detailed the spec of a project, the better and swifter the project progresses. We want to get a clear picture of what you want so we can deliver the most suitable product to fit the requirements. If we maintain clear communication and try to answer any questions before the build begins, then we can sail gracefully onto the world wide web and meet any tight deadlines.

 

Site maps

To gain a better understanding of the structure of your project a site map can show us what pages are to be made and how they all connect together, some times its is also valuable to create a user journey for more complicated designs.

 

Wireframes

These are good to show where components and features will be placed in the final design and can help us visualise what will fit where. Things like a navigation bar can seem trivial but can become very complicated to produce for non-standard use cases, and changes down the line can take much longer. With a wireframe identifying features like contact forms or calculators, we can accurately cost a project and anticipate any issues that may arise during the build.

 

Functionality

An important aspect to any project is the functionality of the site. What will the user be interacting with? How will their interaction affect their journey? Will the form that is required be popping out of the screen and does it need to be connected with another service like mailchimp? Does the site need a series of different user roles? Will there be a need for analytics data? These are just some examples of a site’s functionality that needs to be identified before a project begins and will help us to estimate a lime line for it.

 

Design Files

A useful aspect for us developers is the design, these can come in various shapes and sizes from a scribble on a piece of paper to a fully layered photoshop document and accompanying illustrator files with vector graphics. Obviously the later are more valuable for a complicated project to ensure the build is made to specifications but we can always conjure up a brilliant site with minimal direction and stock images.

 

Responsive Design

In a modern ages where over 50% of the internet traffic is being viewed on mobile it is important to have a website that we refactor its self for different sized screens. A design that is responsive will not need a sister mobile version of a site or an app. Websites that are only scaled for a desktop computer will find users abandoning the site due to its lack of usability on a mobile phone or tablet.

Thinking of a design in terms of a small screen and how it will transform for a larger screen is a consideration that should be high on the list, and will enable us to build faster and better sites with frameworks such as Bootstrap

 

Brand Guidelines

Having a colour cheme and a logo can go a long way. With these elements for your brand guidelines you will be able to develop a clear and recognisable style for your brand.

Be sure to check out this article on examples of brand guidelines from Hubspot.

 

Typography

The font you choose and the way it is set out on the page can convey emotion, and it is important to get that emotion right for your project. We use Google fonts, a reliable web font provider, for many of our projects. We can embed the font into the website reducing the amount of files in the project. These fonts are free to use and will scale properly on browsers.

 

Icon sets

These are useful ways of adding a distinction to a project by personalising the icons to fit with the overall theme and style. We like to use Font awesome for icons, which gives us some freedoms with style and the reuse of the most popular icon sets.

 

 

 

 

Have any questions? If you’d like to know more about Evolve please contact one of our team on 0333 5775253 or email info@evolvedigital.co.uk

For a more detailed explanation in our design support guide free to download.

Download the Designer Support Guide.pdf

 


Can we help you offer more to your clients?
Speak to our team to find out how our services can compliment your creative work

Get in touch