WFT needed a new brand identity and visual language that looked modern and reflected the brand’s core attributes like expertise, reliability and support. The existing logo looked dull and outdated, and lacked a complementing brand visual language that worked across different media. The new brand identity was to make the company appear dominant and experienced, capable of handling any workload. It had to position the company accurately among its competitors in the cloud migration market.
%20Old%20logos.png)
%20References.png)
The main challenge for the logo redesign was to think up a concept that would readily inform viewers about their cloud services aspect without looking cliché or underdone. We iteratively explored various logo forms, type settings and identity concepts before landing on the right one that conveyed the desired brand qualities.
%20Logo%20explorations.gif)
%20Logo%20concepts%201.png)
%20Logo%20concepts%202.png)
%20Logo%20concepts%203.png)
%20Logo%20concepts%204.png)
The final logo was a unique, modular, digital-first brand mark that looked cohesive despite using multiple graphic elements and colours. We also created a responsive identity system using modules of the logo, allowing the identity to elegantly scale up or down for different application sizes while retaining recognizability and legibility. We extended the identity graphics, type and colour palette into a visual language that can be used across various brand collateral.
%20New%20Logo.png)
%20Logo%20variations.png)
%20Logo%20grid.png)
%20Logo%20elements.png)
%20Responsive%20logo.png)
%20Brand%20colours.png)
%20Typography.png)
%20Business%20cards.png)
%20Apparel.png)
%20Social%20media.png)
%20App%20icon.png)
We created a brand book which contains extensive brand guidelines that explain how to use the WFT identity with clarity across various applications. The book offers thorough elaborations about the brand identity’s many facets like the logo mark and its elements, brand colour palette, typography, tone of voice, imagery, etc.
%20Brand%20book.png)
%20Brand%20book%20spread.png)
%20Brand%20book%20more%20spreads2.png)
Taking off of the basic brand visual language and developing it as we go, we created a website that was consistent with the brand and its principles. The website architecture was designed to effectively communicate details about the range of solutions offered by the company. We started by making low-fidelity wireframes to ensure the content-heavy subject matter was broken down into a digestible flow with supporting graphics. We chose to use Greycliff by Connary Fagen, a geometric sans serif comparable to the brand typeface Gilroy, but only cheaper and more legible on account of its larger cap height to x-height difference.
%20Wireframes.png)
%20ZDD%20Page%20Wireframe.png)
%20ZDD%20Page%20UI.png)
%20Migration%20page.png)
We used Webflow, a feature-rich no-code website builder, to develop the site. Using interaction tools on the platform, we were able to implement detailed multi-step animations, scroll, hover and click interactions, and functional elements like sliders and carousels. Webflow’s custom code features allowed us to implement SEO strategies using meta descriptions and keyword tags.
%20Screens.png)
fin.
.svg){kind=small}
%20Logo%20concepts.png)
