Conversational User Interface
BUILDING CHATBOTS FOR MEDIAMARKT & SATURN AND A BACKOFFICE CONTENT MANAGEMENT SYSTEM
Conversational UX Design
UI Design for Chat Interfaces
Cross-Platform Design (Web & Mobile)
Custom CMS Design
MISSION
​
Building conversational user interfaces is becoming an increasingly large part of UX Design.
Around 2020, almost every major company started using a chatbot on their website to help customers with their activities.
Media Markt had already worked on a chatbot for the online store a few years earlier. However, this was more of a tech test that was implemented without the support of UX Design.
In this case my goal was to conceptually and visually rebuilt and implement a chatbot, for web and mobile, that would provide the best possible user experience while taking into account the technical limitations of the time.
At the same time, we built a CMS for the countries in which it is possible to manage the chatbot autonomously.
BUILT A CHATBOT​
Before you start with the concrete implementation of a chatbot, you should have clarified the general conditions. For example, how the chatbot communicates with the customer? Does it speak very politely or a bit more amusingly? What fonts and colors are used? (In this case, they are derived from the MediaMarkt corporate identity)
What should the avatar look like? And so on.
The next step is to determine which specific use cases are to be implemented and when. In this case, the use cases for the first „Go Live“ were on the road map:
- Information about your MediaMarkt
- Product information
- FAQs
UNDER CONSTRUCTION
​
As you can imagine and know from other projects, that products are constantly changing. So don’t be surprised if details of the layout or the content of the chatbot have changed again in the meantime.
So now just visit Emmi in the MediaMarkt onlineshop:
CONTENT MANAGEMENT SYSTEM
"Backoffice chatbot"
​
The chatbot is used in different countries in different languages. To allow each country to enter intents (i.e. voice dialogues) independently, we created them a CMS. The CMS allows the country experts to enter dialogues, schedule dialogues for specific actions, view customer responses in an analytics programme, compare with other countries and many more features.
My task was the conception and visual design of the back office as well as the integration and guiding of dual students in the project in order to train them in the construction of complex digital products and to let them collaborate.
Chatbot eMMi of MediaMarkt
Previous version
In the previous version there was practically no user guidance.
The visual interface was limited to the most necessary. The chatbot at that time no longer met the requirements of the online store and therefore needed a complete rebuild.
Chatbot canvas
New chatbot eMMi
The chatbot can link you to the most asked questions
Chatbot shows you product details to the chosen products
Chatbot offers you a list with different elements you can choose, like informations about stores in your surrounding and productdetails
The chatbot can link you to the most asked questions
So the chatbot got a completely new interface with an appropriate user guidance. A new face in the form of an avatar, a list menu to lead the customer directly to his search request and a better version of the chat interaction between bot and customer.
Backoffice chatbot
Dashboard of the "Chatbot backoffice". A solution for different countries to manage the language and the topics of the chatbot.
Interaction dialogs can be entered into the system for different countries via the software.
Dashboard of the "Chatbot backoffice". A solution for different countries to manage the language and the topics of the chatbot.