Web Design Services

It’s got to look smart. That’s a given. And yet, we have a tendency to understand looking good isn’t just skin deep. If it’s smart but somehow, still feels ‘wrong’ then it won’t engage your users or encourage them to return. The steps below are strategies that we’ve utilised over many years to assist us to explore, discover and collaborate with our audience throughout the process – effectively crafting every project into a unique and fascinating digital experience.

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.

UI Design

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.



Users shouldn’t have to wonder whether completely different words, situations, or actions mean the same thing. don’t confuse your user — keep words and actions consistent.



The system should keep users aware about what’s happening. Through appropriate feedback during a reasonable time. Don’t keep the users guessing — tell the user what’s happening.



Minimalist doesn’t mean restricted. All information should be valuable and relevant. simplify interfaces by removing unneeded elements or content that doesn’t support user tasks.

Hire us for your next
Design or Web project

Nottingham Web Agency
0115 736 5859
Suite 955
109 Vernon House
Friar Ln


    Studio Hours

    Monday – Friday
    9am – 5:30pm

    Contact Number

    0115 736 5859


    Suite 955, 109 Vernon House
    Friar Ln, Nottingham, NG1 6QD


    Let's Start a project together

    We are always looking forward to our next project, if you are in the stages of looking for a web designer for your brand, then please get in touch.

    • This field is for validation purposes and should be left unchanged.