Design

Great visual design is at the heart of any project, whether it's a streamlined search interface, a complicated data visualisation, or a beautifully handcrafted brochure page.

Designing with Agile Collective

Scope

We start by discussing the scope of the design with you. Are you looking for a complete rebrand, an evolution of your existing site or something in between? What is the relative priority of the look and feel of the site compared to its functionality? Depending on your answers, we schedule user research, conduct impulse tests with stakeholders and review your branding.

Agreeing on the look and feel

We transform the findings of our research into moodboards - collections of images, typography and colours - that offer you different visions for your new site. Using the principles of atomic design we then iterate these with moodboards with individual page components. You may need us to try out alternative fully realised mockups of key pages such as homepage and landing pages at this stage. Or we may have already settled on an overall approach with you, in which case we start applying the design in the browser and iterating it there.

    In-browser design

    The advantages of moving into the browser early include:

    • Viewing the evolving design work for your project its final contexts computer, tablet and phone.
    • Seeing how the responsive site will behave in different sized windows on your computer, or react to a change in device orientation on your tablet or phone.
    • Interacting with the design: clicking, tapping and swiping through the experience your site will offer. This allows us to think of animations and other browser-specific features from the start.
    • Allowing you to add real content to the design, and testing it with different length text and types of image. 

    Implementing designs in the browser at an early stage helps designers, developers and clients interact with a ‘living’ site design early and often, ensuring the maximum amount of time for iterating through UX and design improvements on the way to launch. This ties in closely with our agile development processes, which is similarly feature-driven.

    Responsive design

    Thinking about the smallest screen size (mobile) first ensures that we implement an uncluttered user interface at all browser widths. Building a site that adapts to the size of its environment is called 'responsive'. Its advantages include:

    • Catering specifically for mobile and tablet visitors to your site.
    • Your site content is optimally displayed across the widest range of device screen sizes and resolutions.
    • Interaction experience is good for all your site visitors, including those viewing your content on older devices and browsers.
    • Our designs work seamlessly on all popular browsers and look great on every device because our sites are created to follow best practices in progressive enhancement.