Twang
Create powerful voice
applications in a snap
DESIGN LEAD
@
JULY 2021 - PRESENT
Twang is a company that gives every service on the internet a voice interface – every website, app, store, and API. A voice application that will empower organizations to engage with their customers in the most natural, simple, and seamless way possible. We’re building a no-code/low-code platform that makes it easy for any business to unlock the potential of voice
I played a central role in developing the Twang experience through strategic positioning and user personalization of the Twang ecosystem.
We ran a two days design sprint following the hero framework with Contrast UX, a company by Sagi Schrieber.
The problem
The tools for developing voice applications on them are very limited and complicated. Creating a delightful customer experience (not just a low usability gimmick) requires an immense investment, and involves creating the whole shebang from scratch instead of capitalizing on existing assets like websites and apps. Implementation is complex, the process is time consuming, and the result demands a lot of maintenance.
The solution
An extremely powerful no-code / low-code platform that enables any business to transform its existing digital services into highly functional (and exciting) voice applications. Connect, customize, deploy, and monitor - within minutes.
Case Study: Discovery and access
Voice plugins and integratoins are what anchor the user experience in the app. The goal in this particular case study was to activate the plugins and offer editing abilities, tests, and setting up the app. Personas were gathered to highlight a number of use cases across a range of users. Finally, wireframe user flows allowed us to test and validate our assumptions while building out the plugins experience.
Test panel
In order to create easy access to all the system tools, we chose to add the test panel on the right side, the change created a faster experience for the developer and saved the need to open and search for an existing feature
Design Goal
Create a clean and user-friendly system for developers that can encourage users to use the service
-
Target Users
-
Developers
-
Potential e-commerce store owners
-
Design Agencys
Design Criteria
Simple and quality – Innovative, low intensity, friendly, clean. The design style integrates the contemporary elements of these characteristics.
Ease of use – All important information needs to be easy to access and have a smooth flow.
Our process
A solution with many moving parts
In developers interviews and through competitive analysis of the space, we found that in order to make our app the obvious choice for creating voice apps we needed to:
Next steps included iterating on the wireframes to include the palette and build on the editor model and the app create flow.
App create flow
The visual design for the create app flow follows the characteristics of the brand. It aims to give users a sense of lightness and liveliness. All pages are using a consistent design system.
Design System
To ensure the components are implemented consistently across the site, I created a UI guide with details on color palettes, typography, and reusable UI elements.
App Launch
Getting the app approved and launched on the Shopify App Store took the team about twelve weeks. We made sure to use a hero image, product screenshots and clear descriptions so that merchants could quickly understand what the app does and how to use it.
