Revium’s approach to Digital Design.
Our typical approach to digital design is to create a digital style guide which delivers a ‘User Interface (UI) kit’ and ‘digital style sheet’. The UI kit produces all the important functional elements on one page. We then apply the digital style sheet to the UI kit which illustrates the ‘look and feel’ of the website in a single view.
The benefit to this approach is that rather than designing one or two full pages that may only cover a handful of different elements in the initial design round, we can reveal all functional elements in a style sheet representation. This gives your project a deeper view of the final website product without having to go through multiple, lengthy design iterations of full pages.
In Detail
Digital Design phase output:
- Colour Palette
- Typography
- Iconography
- Interactive elements (fields, toggles, buttons)
The style sheet and UI are the critical elements of design and what will make the final product unique. If you have a brand guide, we lean on these heavily when adapting to web and tie decisions back to the brand guide where possible in design review and feedback sessions.
The outcome of this process is a ready to implement flexible design ready for front-end development but is not dependant on specific page templates.
Approach to User Experience Design
Our User Experience (UX) phase covers the function, layout and Information Architecture (IA) design be a separate, discrete piece of work. A typical User Experience focused design project will cover the following process:
User Research and analysis
Revium User Experience specialists have experience in research user behaviours, using both quantitative and qualitative methods to ensure the intended audience attributes and needs are well known. Using this data, we design a solution to ensure the needs of the user and the needs of the product can be achieved.
Content Strategy
We work with the client to audit any existing content, plan and develop the future content strategy for the website and put in place a management strategy for use throughout the website project and beyond, laying down the foundation for building the Information Architecture.
Wireframes and Prototypes
We develop wireframes based on the research above, the next step is to make them interactive to allow testing of the proposed solution. Clickable wireframes show us how the user flows through the website to achieve their goals. Fully responsive mock ups allow the user to really dive in and thoroughly test the solution. The desired outcome of this step will be to validate the wireframe developed previously will achieve the user’s requirements when using the website.
User and stakeholder testing
Following an objective evaluation, we get users and stakeholders involved to ensure that the solution is going to meet requirements expectations. Depending on the outcomes, further refinement and adjustment may be required to the prototype solution before moving onto the design task.
Test and Evaluate
Reviewing the identified objectives in the first step against the proposed solution is the final step before moving into more thorough testing. This step gives allows us to ensure that all the objectives have been met, but also allows us a chance to modify or add to the objectives depending on the discoveries during the wireframe and prototyping tasks.
Benefits of the Revium Approach to Digital Design and User Experience
The Revium Digital Design and UX process delivers projects efficiently and to high satisfaction by compartmentalising projects into multiple discrete tasks that require specific thought process and skills
The outcome of our process is a mature set of website wireframes and interactive prototypes tested to meet all the high demands of your users. When combined with the Digital Design process, we arrive at a developer ready solution that delivers the user a high functioning user experience that reflects the values and presence of your brand.
Revium Design Principles
It’s about the brand
Design elements can become a subjective battle of taste rather than a question of producing the best design that is faithful to the brand and relatable to the audience.
Revium brand treatment
- Keep the conversation about defined brand values and audience.
- We challenge your criticism rather than just implementing it to ensure the best interests of your brand.
- We separate the conversation of design (style sheet) from layout and functionality to provide clarity and focus to each task.
The benefits of a responsive frameworks
Every colour, shape and position of an element on a page is an individual decision. Revium utilise Responsive frameworks like Bootstrap and Foundation to deliver a more efficient multiscreen design solution without having to re-invent the wheel on every project.
We educate our clients very early on about the benefits of a responsive design framework and what that provides, such as:
- Accepted best practice by designers around the globe
- You don’t have to agonise over the position and size of every element
- Efficient use of studio time that delivers a cost-effective project on time and on budget
- The decision is made for you we can’t move onto the important stuff