XD and UI design
A little bit about our process for UX/UI design for any project we undertake.
After developing the functional requirements specification document with the client to determine what page templates, features and content options are required, we created a full series of wireframes, each representing the various template layouts.
The focus here is not on the design (style, colours, typography, etc) but on the content hierarchy and layout with feedback from the client to ensure all the requirements are being considered. By keeping the wireframes free from visual styles at this stage helps to focus the client on the important content considerations.
In the instance of using off the shelf platforms such as Shopify, it’s important to manage the client’s expectations to help them understand any limitations. In the case of Shopify, the customer checkout process—whilst customisable in terms of typography and brand colour considerations—is pre-defined, as Shopify have refined the workflow to maximise successful customer checkout.
For the wireframes for Goffod, we simply included wireframe versions of the already defined checkout process to make sure they can understand the customer buying journey fully.
Once the wireframes are approved by the client, we develop the visual style for the website, applying any brand guidelines and visual considerations to the various template layouts, ensuring accessibility standards are met and giving a clear indication of what the website will look like.