Wireframes & prototyping
Each step in our process helps us to focus and hone in more closely on a user’s experience. In the design we’re primarily establishing orientation and signposting and in wire-framing, we begin to look more closely at the elements that a user can see on the screen itself: content, navigation, calls to action, interactive options etc.
We use this method to identify content and feature priorities:
- What will a user need to see first?
- What do we understand about this user?
- If we know they’re an existing user and they’re on a location aware mobile device, what content or feature would they find most useful?
Wireframes are the documents that we output from this method, they’re primarily static (or interactive) sketches that demonstrate the content, functions and navigation a page can have. They additionally become the blueprint for designers, developers, content writers, animators and SEO groups to all have a say and understand what a selected page must do and what they need to do to bring it into reality.
Online brand Development
Whilst we’re absolutely comfortable developing brands from the get-go, we’re typically asked to work with already well-established brands.
Whilst a businesses brand guidelines serve their purpose, it’s rare to find them providing any real insight into how a brand may transition or thrive within the digital realm.
We begin where many brand guidelines end – where we tend to explore how a brand may look and feel once experienced during a digital environment – how should logos adapt to smartwatch screens? how should this look in social feeds? What should audiences expect or feel once they interact with this brand on a smartphone, tablet or TV?
We explore all these problems and more in our brand development section – from technical implementations to the more emotional and visual impacts that a brand will convey on-line.
Style Tiles & Mood Boards
Mood boards enable our designers to interpret a broad creative brief and explore the visual look, feel and character of a brand or web site before we delve into the page mock up process.
Mood boards are a good way to begin the creative process; they’re collaborative, they invite conversation and are comprehensive.
Style tiles are also a very useful tool, just like mood boards but more typically used once a design brief is more specific but where aspects of a site’s look and feel still ought to be efficiently explored and outlined before page mock ups are started. Here we use a tighter set of templates and page components to help refine the most acceptable design direction.
Page mock ups are basically the result of all that we’ve already discussed, designed and deliberated on. By combining chosen wire-frames, draft content, and mood boards or style tiles, we develop a small set of page mock ups to additionally refine the project’s persona, look and feel. There really shouldn’t be any huge surprises by this stage; all key stakeholders should already be on board having been involved in every key step that went before.
Nevertheless, like every good recipe, there are still many ways to interpret identical ingredients. this can be where the art of our designers come back to the fore, helping us to essentially nail that all vital design.