Inbound Marketing - Website

What I did

Project Kick-off Meeting

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.

‍

Brand Identity

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

• Typography

• Patterns

• Iconography.

‍

‍

Wireframe Designs

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.

• Review of sitemap and wireframe from the client.

• Implementation of client’s feedback.

• Conclusion and sign-off of the UX phase.

‍

UI Designs

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.

‍

Handover Process

Test Site Review

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.

‍

Website Launch

Feedback & Learnings

• As this project was completed in-house and as part of a sibling-design practice, there were no pre-determined strict deadlines. 
  

• Details of the performance and learnings of this project are sadly unknown to me, due to the project launch after my change in company career. 
  

• Additionally, user testing plays an important role in the success of the project. However, due to the nature of the design agency and the limited timeline provided to complete the project, user testing could not be undertaken. In future projects of a similar nature, it would be an utterly important matter to consider.