Since this is a company derived from Kooba, all meetings were conducted in-house. The purpose of this first meeting was to understand the project background, what success looks like and understand what needed to be done, and lastly, to agree on how to work together effectively. To get the project up and running, the team outlined what was needed to complete the next steps in the UX phase.
Exploration of the company brand Identity were conducted by the specialised in-house brand designer. This aim was to create a great brand that would stand out in a crowd and have a personality of its own. The goals were clarity and consistency across all forms of media. A brand book outlining key components of the brands identity was provided during this phase provided to the UX/UI team.
This brand book contained:
• The Logotype
• Brand Colours
A wireframe stage consists of a low-fidelity design layout that serves three simple but exact purposes: It presents the information that will be displayed on the page, it gives an outline of the structure and layout of the page, and it conveys the overall direction and description of the user interface.
The wireframe design of the the project's homepage/landing page communicated to the user the brand values and business solutions in which they offer prospective clients.
The primary call-to-action focus on this page was to navigate prospective clients to the “Get started” form, in which they are required to submit details in relation to their project scope.
This strategy was managed by always visually signposting the “Get Started” call-to-action in the users journey while navigating through the website.
The UX/UI team worked collaboratively on the UI solutions of the design by utilising the guidelines from the brand book provided. Within the UI stage of the project, another aspect of focus was on the “Get Started” form. We ensured that the user's journey was a simple and frictionless experience, and we achieved this by asking for clear information in relation to the client's goals and needs.
Feedback provided to front-end regarding bugs and other issues, followed by amendment. This was achieved through screenshots and logging of issues on Basecamp through a “To-do” list, followed by assigning the issues to the allocated F.E team member.