Design Diary: An interview with Xinyi Liew on whOA!’s Logo Journey
In developing Tuber’s very first AI-powered writing app, whOA!, its logo design and visual identity had to undergo multiple iterations. Senior Designer Xinyi Liew, who conceptualised the creatives for the brand logo, character designs, typography and colour palette, shares her journey of taking whOA! from its stages of ideation to a finished look.
😮 What is whOA!?
Most AI-generated tools out there produce generic paragraphs without editorial formatting, and in a fairly generic tone. This is where whOA! differs — presenting Tuber’s customised AI app, which utlises THREE specific writing assistants to render a variety of article types in the appropriate style and layout. All it needs is a brief (a prompt or a rough draft).
Activate any three whOA!’s three personas (debrOAh, nOAh, and jOAnne) with a prompt or draft.
whOA! enhances your editorial writing by producing fully finished and formatted content in the appropriate tone and style. Regardless of your audience, purpose, or platform, whOA! clears your creative blocks and meets all your content-writing needs.
Q: What was your initial creative brief for whOA! ?
A: When the management presented the idea of whOA! to me, they explained the rationale behind its unique name. whOA! denotes amazement (when said aloud), is easy to remember, and can easily identify as a tech tool. The “OA” at the end of whOA! stands for Offshoots Academy, embodying its spirit of learning and innovation; and the “A!” at the end of whOA! is the “AI” they planted as an Easter Egg clue. I was thus tasked to come up with a visual concept that embodied all these fun and creative elements.
Q: What was your initial inspiration behind whOA!’s logo design?
A: Everyone on our team was very excited about defining the brand’s look and feel even before we began working on the logo. As we brainstormed the character designs behind each of whOA!’s writing assistants, we drew inspiration from TV shows, movies, online personalities, and people we knew.
Simultaneously, we kept revisiting our core editorial principles (see “Tuber Secret Sauce”; in particular, “Don’t Talk Like a Robot”) and the title of Offshoots Academy’s maiden workshop, “Writing Better than a Bot”.
Ultimately, we aimed to differentiate whOA! from other AI writing tools out there, and to position it as powerful tool to help writers of all writing proficiencies to produce content with personality, authenticity and in a suitable tone.
Drawing inspiration from our team conversations, I began envisioning the brand look and feel onto a mood board, and by drafting out sketches. I asked myself: Should whOA! evoke curiosity, fun, or delight, or all of the above?
whOA! brand moodboard.
whOA!’s draft sketches.
In the initial logo concepts, I experimented with different font styles to reflect the organic processes inherent in every writing or editing phase, and incorporated human facial expressions to impart a human touch.
whOA! Logo concept 1 rationale.
whOA! logo concept 1.
My goal was to capture the sense of amazement in whOA!’s user experience, and to seamlessly integrate the essence of Tuber’s editorial principles (writing with personality, authenticity, and in one’s own tone of voice) with Offshoots Academy’s initials (OA).
Q: How did you come up with whOA!’s logo colour scheme?
A: Given that whOA! is primarily a web app, I prioritised inclusive colour choices to promote accessibility. My aim was for all users to be able to distinguish each colour easily, and to boost readability by catering for sufficient colour contrasts.
Through multiple rounds of testing with diverse users, I discovered that my initial use of primary colours lacked the necessary contrast for text legibility.
whOA!’s final brand colours.
I eventually settled on a richer and more contrasting brand palette, which closely aligned with the Web Content Accessibility Guidelines 2.0 (WCAG 2.0). This was to maintain the integrity of the brand’s overall aesthetic while enhancing accessibility.
Q: What went into the character designs for whOA! writing assistants, debrOAh, nOAh and jOAnne?
A: There was no fixed process behind each writing assistant’s character design. But I found it helpful to perceive each of them as problem-solvers aiding me in deciphering clues for better writing.
I guess if I had to put down a source of inspiration for the designs, it could be from a childhood series that I used to watch – “Detective Conan”, a 1996 Japanese animated film about a teenage kid that are able solve any challenging mysteries.
For Conan, all he is needs a clue. In the case of whOA!, all you need is a brief. 😉
Sketches of the main character in “Detective Conan”.
Q: Why did you choose a hand-drawn style for whOA!’s logo, instead of the usual sleek, futuristic look associated with GenAI products?
A: I wanted to embody Tuber’s commitment to authenticity and relatability. When Metaverse, Cryptocurrency, and OpenAI emerged a few years ago, many people were skeptical about their uses. It did not help that their futuristic designs often added to the confusion, deterring people from trying out the products.
This is why with whOA!, I aimed to keep the design approachable and relatable. It had to look friendly and inviting so that its users would feel comfortable and at ease. The hand-drawn writing assistants also add a dash of human personality, portraying whOA! as more than just a system of codes.
whOA!’s creative journey was marked by careful consideration and deep thought, reflecting Tuber’s values of authenticity, approachability, and innovation. Sign up for whOA! here to enjoy a free 15-day trial.
Text by: Angela Macasinag, Xinyi Liew | Illustration by: Xinyi Liew