Redesigning the ToneTag Website Experience
enabling seamless technology integration to facilitate increased user interaction.
Agency
The Minimalist
Project
ToneTag Website Redesign
My Role
The copyrights of this project belong solely to The Minimalist India.
I was given the opportunity to work on this project while I was interning at The Minimalist, Mumbai in 2018. The project involved collaboration with various teams at The Minimalist. (Interaction Design Team, Content Team, Development Team)
My role included designing the responsive website for ToneTag including user and market research, restructuring the information architecture, wire framing and UI design.
ToneTag is a secure sound-wave communication technology platform which enables payments and proximity customer engagement services on any device, independent of the instrument or the infrastructure. It uses a Data-Over-Sound Technology to communicate between devices with a speaker and a microphone.
CLIENT VISION
A sound-wave communication technology provider, ToneTag envisioned to build a corporate website according to global standards to improve its electronic presence and to project themselves in the market as tech enablers who use natural sources to deliver futuristic experiences.
The Challenge
01.
Vast Target Audience (B2B + B2C)
03.
Conveying the limitless use cases of the ToneTag technology so that target consumers have the freedom to define their own use cases.
02.
Lack of awareness of the ToneTag technology and its applications.
04.
Conveying the tangible (ToneTag Retail Pod) and the intangible (Software Development Kit) resources provided by ToneTag and how they can be integrated into the users existing hardware.
Design
Approach
ToneTag aims to re-establish human-tech interaction making it more humane. It empowers its partners to deliver seamless experiences to their customers and helps simplify everyday lives. Thus, the approach of the website should be optimizing experiences.
​
The main idea is to portray ToneTag as a state of the art, agile technology experience that empowers you to achieve infinite possibilities and a leader of the Data- Over- Sound technology.
Research
Methodology
01.
Stakeholder Interviews
04.
Competitor Analysis
02.
Product Demos
User Research
05.
03.
Market Research
Persona Development
06.
Design Strategy
01. Live Demo
Understanding the working of the technology can be challenging to users, hence giving them a first hand experience of how the technology works would empower them to build their own usecases.
02. Seamless Navigation
Understanding the working of the technology can be challenging to users, hence giving them a first hand experience of how the technology works would empower them to build their own usecases.
03. Visual Positioning
Portraying ToneTag as an entity for collaboration and empowerment in the Sound Technology Field and highlighting the novelty of using a natural resource like sound to enhance communication.
Information Architecture
High Fidelity Wireframes
Final UI Design
The client wanted to highlight the fact that ToneTag is a technology which is completely harnessed from sound: an integral part of nature. They opted for the pre-loader to bring about an experience of sound being harnessed from the universe.
Website Preloader
Designed Homepage
Post the preloader the cursor for the website transforms to a green pulsating interaction to depict the innovative data over sound technology of ToneTag.
A live demo sticky interaction across the website was implemented in an attempt to help the users understand the applications of the technology and immerse them in the experience.
Discover UseCases Detail Page
In order to aid users to discover the application of ToneTag that best suited their context, the usecases were divided into tabs of payment and engagement services that could be effectively filtered based on industry.
