DribbbleFacebookGplusLinkedinTwitterCeridian_logoGroupbrand-logo-02HyteraLogobrand-logo-03EspaceInt_LogoTG_LOGO_NEWbrand-logo-05johnsonbrand-logo-06cimAlcosense_logobrand-logo-08Oxo2-logodomesticbrand-logo-10-whiteLorne-Logobrand-logo-11Group 8ADD YOUR COMPANYbrand-logo-12ADD YOURCOMPANYAylesbury College Logo CMYKAylesbury College Logo 2012- All whitehx-logohx-logobrand-logo-kenwoodbrand-logo-kenwood-whitePMSWhiteOval 46 + ICONdesign-iconOval 46 + websites icondevelopment-icondesign-24px-outline_note-codeFill 222design-24px-outline_designGroup 2design-48px-outline-2_canvasStroke 5design-24px-outline_tablet-mobilelocation-24px-outline_treasure-map-21design-24px-outline_vectorOval 46 + natural search iconmarketing-iconOval 46 + UX iconplanning-iconPage 1

Strategic Planning

Wireframing

Wireframing allows us define the information hierarchy, making it easier to plan the layout according to how you want your user to process the information.​

We often start with hand drawn sketches, this helps keep it loose and enables rapid changes. Then we move to high fidelity wireframes that can be accessed in a browser. 

If the project is responsive we'll always wireframe for desktop and mobile. This is an extra step that not all agencies will cover. By doing this we ensure that the mobile versions of our responsive sites are considered and not just a collapsed version of the desktop.

Tools of the trade include:

  • Post it notes
  • Pen and dot pad
  • Sketch and Marvel 
Get Directions
Get Directions

All great projects start with a conversation