Bristol Web Designer

Web design process

Bristol Web Design Process

A general overview of our design and creativity process.

How do we do it?

First meeting/discovery

“This is when we find out exactly what it is that you need to produce a web presence that works for you and your viewers. Enabling us to design and build your website to the very highest standard reflecting your organisation’s profile.”

The following is an outline of the design process.

Create style tile for colours and typography

Style Tiles are design deliverables consisting of fonts, colours, and interface elements such as links and buttons that communicate the essence of a visual brand for the web. They help form a common visual language between the designers and the stakeholders and provide a catalyst for discussions around the preferences and goals of the client.

Create wireframe for page layouts

Wire Frames are also known as page schematics or screen blueprints. They are visual guides that represent the skeletal framework of a website. Wireframes are created to arrange elements to best accomplish a particular purpose.

BEAUTIFUL WEBSITES THAT WORK FOR YOU

Plan and design the layout for the home and interior pages, based on signed-off style tile and wireframe(s).

The home page or landing page of the website. Probably the most important. It must be impactful and grasp the attention of the viewer. Engaging them and encouraging them to explore your content.

Internal pages are just as important. The product or services page, for instance, is where the viewer is encouraged to interact with the website by buying or contacting the website owner. Further to these options, another contact section and supporting information may be contained at the bottom of each page or positioned on a dedicated page, as required.

HTML web page creation

Code webpage(s) based on signed-off designs above. We use responsive, mobile-friendly web design techniques to provide optimal viewing, easy reading and a navigation system with a minimum of resizing, panning and scrolling, across a wide range of modern devices including mobiles, tablets, and smartphones.

City Walks Bristol

CMS and eCommerce integration

Integrate an open-source content management system (CMS) that will allow the website administrator to easily manage content, with a minimum of technical knowledge, within a clearly defined design framework.

  • Create a ‘spam resistant’ email enquiry form.
  • Provide appropriate graphics as required.
  • Link social media.
  • Metadata insertion.
  • Search engine optimised (SEO) code ensuring the site is Google friendly.
  • Cross-browser and user testing throughout.
  • Insert Google Analytics code.
  • Create and upload Google sitemap.
  • CMS training with supporting documentation.
  • Ongoing support.

Written by Andrew Talbot

Leave a review

Client reviews

“Andrew took over the design of our website in 2014, not only did he completely redesign our website, he introduced us to an entirely new way of managing our web presence. Instead of being reliant on the web designer to do everything for us, we are now enabled to undertake day-to-day updates to our content with relative ease. He guided us through the process in the early days and has always been on hand to help and advise whenever we wanted to undertake more complex tasks. He is highly approachable and always responds promptly to any requests for help, we could not ask for more”.

Andy Dowden – Executive Chairman

Google 5-star review

More client reviews

Andrew Talbot Design

info @ bristolwebdesigner.com

0117 927 3300

12, Whiteladies Road, Bristol BS8 1PD

Get in touch

For web design, web hosting, website optimisation, app design and copywriting.

Contact us

Bristol Creative Industries