Put your words to work
Trint is a web and mobile app that makes it easy for people, teams and organisations who love words to create, edit and share meaningful content. As an early stage company growing rapidly, Trint is agile in its response to advances in technology, the market and customer values.
As the first in-house designer on the marketing side of the business, experiencing v1 and v2 of Trint’s brand identities, the pain points, limitations and everything in between provided a unique perspective to lead the creative art direction for the business’ evolution. As a content creator myself, I am able to recognise opportunities to connect and engage with this community to showcase the value of the product and to inspire better workflows.
Creative art direction / brand expression
Visually the brand did not reflect company OKRs, the freshness of A.I powered technology or use key visuals that resonated with wordsmiths and content creators alike. Tonally, the brand was disjointed and lacked clarity as a consequence of internal disparities around what Trint should look and sound like.
The problems
Lacking brand and visual coherence
Not relatable to target audiences
Limited focus on product marketing
A scarcity of consistent brand narrative and storytelling
Unaligned to wider business objectives
Accessibility issues in design systems
The challenges
To help content professionals realise the value of Trint in their workflow
To showcase the products USPs
Develop consistent and agile design systems across all media platforms and customer touch points
Create and leverage opportunities to tell stories
Stand out in the the marketplace against direct and indirect competitors
Helping customers to realise that Trint solves a problem that don't even know they have beyond transcription
Evolution, not revolution
It was decided very early on that in order to preserve brand legacy, the logo and Trint yellow would be the only two elements that would remain in the refreshed brand. On this basis, I assessed the core components of the brand identity and problem areas in application to create a treatment. Our objective was to be broad, bold and experimental, then refine design routes to align with the company mission.
Development areas: Typeface, colour palette, colour distribution, the human element, key visuals, motion, photography, illustrations and video.
Roll out
The new brand elements were launched gradually across touchpoints, initially on social media and within the mobile app. Using new project briefs as test-cases highlighted how robust and dynamic the refreshed brand was and where we needed a different approach. We later addressed the web application, where the majority of accessibility issues were and the marketing facing website.
Trint’s visual design system is complete with photography guidelines, illustration system, motion and video art direction. I set good foundations to rebuild a brand system that was scalable, easy to replicate and use for marketing and product designers, agencies and contractors.
A design System with Trint’s values at it’s core
The visuals below are a demonstration of the brand design system across various touch points. With the wider business values and mission in the DNA of this brand, the goal is to see Trint grow exponentially and create impactful and memorable moments for our customers.
Brand System
A visual system that sits firmly between functional and creative, flexible enough to adopt the characteristics from either side depending on the context. Evoking a memorable and sophisticated look and feel to audiences while expressing the key values of Trint.
Key Visuals
A combination of semiotics which are specific and representative of Trint. These graphics are used to maintain consistency between assets and help the brand to stand out and appear competitive in a similar way that Adidas does with its three stripes.
Breaking down the components of the logo, left the circle on top of the i and the two quotation marks on the t’s. Through experimentation, it was discovered that these elements offered infinite variations and combinations all of which were reflections of how users interact with the product. For example the circle easily becomes an ellipsis and a metaphor for the continuation of talking, recording, transcribing. While the quote marks infer speech and words. The use of circles and squares here bring forth collaboration, unity, power and tranquillity.
Typography
Typography is an extension of the brand personality. Therefore establishing a typographical grid, and type-scale system was beneficial to foster consistency across all aspects of the brand.
The combination previously used was a sans-serif for the body and subheadings and a serif font for titles. This is arguably an outdated way of distinguishing hierarchy. Instead Montserrat is a cleaner, more curvy sans serif font with a large font family. Making it appropriate for web, app and print.
Illustrations
Trint is all about communicating the right message, at the right time, to the right people. The unDraw illustration library helped us to do this. Modifications to scenes were made to ensure that the product was being accurately depicted. The characters are mainly used within the product to maintain the human element and displayed in a limited capacity in marketing content.
Imagery
Trint’s primary target audience are visual people, therefore the photography and videography must be sleek and sophisticated to resonate well, connect customers and potential customers on a deeper level and generally be inspiring and significant. Authentic depictions of real people in their work / creative modes create a refreshing atmosphere and help to incorporate diverse storytelling in clever and provocative ways.
Inspiring people who work with words to create and construct content easily.
How do we know if any of this was successful?
It’s notoriously difficult to accurately measure the impact of “brand” design or visual communication but there were a few set objectives:
Increase engagement and interactions on video based content on social media. This was achieved through a paid campaign for International Women's Day which saw close to 30,000 views across LinkedIn, Twitter and instagram.
Create a visual motif that is dynamic and recognisable. This was developed into the banners for transactional emails and across various marketing assets including the website. This helps Trint to communicate a variety of interactions in a simple and effective way.
Roles and responsibilities
Project management
Design System
Brand expression
Motion design
Communication design
Video editing
Social media campaigns
The team:
Two Senior Multimedia Designers
Three Product Designers
Four main stakeholders
An agency for positioning and messaging