Concepts and Sketches
Our creative process typically starts with a good old fashioned peice of paper and a pencil (preferably one with a rubber on the end).
Whether it's a quick pre-wireframe sanity check, or a more detailed exploration of unique UI concept, we'll invariably put pencil to paper before we start pushing pixels.
Wireframing is an essential part of any project. At this stage we're concerned with layout, user journies and the positioning of content and calls-to-action. Palette, font choice and cosmetics in general are not on the agenda.
Using the excellent Invision prototyping app, we'll import static wireframes and hook them up to create an early illusion of interactivity.
Wireframing allows us to be confident in our UX decision making, proving (and occasionally disproving) a concept before a single line of code is written.
User Interface (UI) Design
Once wireframes have been signed off by the client, we would typically produce a set of high-fidelty designs.
It is at this stage that we are considering the minutiae of the design. The end result is an highly accurate representation of your website or app.
We'll occasionally suggest a concept to a client that requires more than a static set of wireframes to prove that it will work. This being the case we would create on a rapid, in-browser prototype.
Intended to quickly and efficiently confirm a concept will work in a real-world environment, this type of approach is testimony to our Creative team's technical abilities.