Sketch. Style. Save.
Understanding your business and brand is our number one priority. We work tirelessly to turn your ideas and visions into a digital reality with your brand and ethos in mind at all times.
Web design is not just about how good something looks, but how well it performs and functions from a UX and UI perspective.
UX may seem like a 'techie' term and jargon to some, but it stands for User Experience, which means this is a process that is a constant consideration throughout the design phase of any project. It focuses on how the user will interact with the design and the functionality and looks at the most effective way to style and place elements to ensure the highest quality interaction between a user and the webpage and the impression they take away from the experience with your online brand as a whole.
UI goes hand in hand with UX to ensure the users interaction as simple and efficient as possible, in terms of accomplishing user goals. It focuses on anticipating what users might want to do and ensuring that the interface has elements in place that are easy to access, understand, and use, to facilitate those actions.
Before we start anything we make sure that we fully understand your brand and what you are trying to achieve from the new website.
We look at the completion in your market and consider the target audience to find the best way to make your brand stand out and make your website convert as effectively as possible.
Once we have understood the brand and the goals fully, we open up photoshop and make a start on the homepage of the site. The homepage is the most important aspect of every website design project as this is where the site gets its element styles, fonts, colours and most importantly, its personality. We make sure that the homepage is signed off before we move on to completing the interior page template designs in bulk.
To ignore the importance of how a website looks and responds to the vast array of screen sizes and devices in the current market would be naive. Current statistics show that 56% of all consumer traffic to websites is from mobile devices. For this reason we always look at how pages will respond to mobile devices and how the content will adapt to ensure the same high levels of user experience created with the desktop design.
We place the designs, which are still static images at this point, in online software that allows us to add basic usability to the pages, such as making buttons and navigation links clickable and navigate to other page designs, as well as making it look more like a live website with other features such as sticky nav bars and sub-navigation menus on hover.
We feel this is the best way to demonstrate the designs to the client as it allows them to see the designs in their browser, on their device, exactly as they would do once the site is developed. It also helps to understand things like scaling, proportions and page fold heights.
A final sign-off is required as a confirmation that the client is 100% happy with the designs and styling of all the elements within the page templates. Only once we have been given the final sign-off confirmation will we move the designs into development.
The reason for the final sign-off is that once we move the designs into development, styling and layout changes take much longer to edit in code then they do to edit in photoshop. It means the developers can do what they do best, and focus on bringing to the signed off designs to life and not have to be distracted from their flow by going back to pages they coded weeks ago and having to recode them.