Design problem
FTD is a 100 years old Brazilian publisher focused on children's education. The editorial team had material prepared about digital education, it just had one problem: it was not digital! Here is Quantbot, the first 100% digital product from FTD, that helps children learn about programming, maker culture, and logical thinking. My role on this project was working as the main digital designer, coordinating all user experience, interface and communicating with over 40 stakeholders involved in this project.
Design Problem
FTD ist ein brasilianischer Verlag mit über 100 Jahren Erfahrung, der sich auf die Bildung von Kindern spezialisiert hat. Das Redaktionsteam hatte bereits umfangreiches Material zum Thema digitale Bildung vorbereitet – es gab nur ein Problem: Es war nicht digital! Hier kommt Quantbot ins Spiel: das erste 100 % digitale Produkt von FTD, das Kindern dabei hilft, Programmieren, Maker Culture und logisches Denken zu erlernen. Meine Rolle in diesem Projekt bestand darin, als Lead Digital Designer zu arbeiten, die gesamte User Experience und das Interface zu koordinieren und die Kommunikation mit über 40 an diesem Projekt beteiligten Stakeholder zu übernehmen.
Educational experience: we produced content for the 1st to the 5th year of the Brazilian school system. That means our target audience was between 6 - 10 years old. That required special care since 6 year old children are still learning how to read and the interface needed to reflect that: All caps were used on 1st year material since kids have not yet learned upper and lower case. Texts were written and curated by teachers and UX Writers.
Wir haben Inhalte für die 1. bis 5. Klasse des brasilianischen Schulsystems entwickelt. Unsere Zielgruppe war somit zwischen 6 und 10 Jahre alt. Das erforderte besondere Aufmerksamkeit, da sechsjährige Kinder noch lernen zu lesen und die Benutzeroberfläche dies entsprechend berücksichtigen musste. Für die Inhalte der 1. Klasse wurde beispielsweise ausschließlich Großschreibung verwendet, da die Kinder zu diesem Zeitpunkt noch keine Groß- und Kleinschreibung gelernt hatten. Die Texte wurden von Lehrkräften und UX Writer verfasst und redaktionell aufbereitet.
Interdisciplinary team: While I was working in the digital transformation team from FTD I had the opportunity to lead the UX/UI design of this product, but the result was an effort of an interdisciplinary team of UX Designers, editorial team, marketing, sales, video makers and our illustrator.
Interdisziplinäres Team: Während meiner Tätigkeit im Digital Transformation Team von FTD hatte ich die Möglichkeit, das UX/UI-Design dieses Produkts zu leiten. Das Ergebnis war jedoch die gemeinsame Leistung eines interdisziplinären Teams aus UX-Designer, Redaktion, Marketing, Vertrieb, Video Maker und unserer Illustratorin.
Meet the “Quânticos"
Together with the illustrator Rentz, the FTD team created 5 characters that interact with the children through the product. They are the "Quânticos”(Quantics), aliens from the planet Quântico. Each of them is a geometrical form and has a peculiar personality and a function inside their spaceship. Meet the characters in this animated short:
Gemeinsam mit dem Illustrator Rentz entwickelte das FTD-Team fünf Charaktere, die innerhalb des Produkts mit den Kindern interagieren. Sie sind die „Quânticos“ (Quantics) – Außerirdische vom Planeten Quântico.Jede von ihnen hat die Form einer geometrischen Figur, eine ganz eigene Persönlichkeit und eine bestimmte Aufgabe an Bord ihres Raumschiffs. Lerne die Charaktere in diesem animierten Kurzfilm kennen:
Insight
The children learn how to make objects with the help of an interactive chatbot, that teaches the kids using a friendly vocabulary, animated gifs, and a funny robotic voice. We used Azure's, an AI technology from Microsoft.
Die Kinder lernen mithilfe eines interaktiven Chatbots, wie sie Objekte erstellen können. Der Chatbot vermittelt die Inhalte mit einer freundlichen Sprache, animierten GIFs und einer lustigen Roboterstimme. Dabei nutzten wir Azure, eine KI-Technologie von Microsoft.
Grow together: Quantbot does not substitute the teacher! This product is to be used together inside the classrooms or with the parents while doing homework.
Gemeinsam wachsen
Quantbot ersetzt nicht die Lehrkraft! Das Produkt ist dafür gedacht, gemeinsam im Unterricht oder zusammen mit den Eltern bei den Hausaufgaben genutzt zu werden.
Feedback
We had a very positive first experience while testing with children and seeing their reaction to the product. Since the beginning of 2021, Quantbots has officially launched on the FTD platform Iônica and has been featured as an innovative experience by the Microsoft Customer Story Website. As part of the FTD Education System, this product available for 1.5 million students.
Unsere erste Erfahrung beim Testen mit Kindern und beim Beobachten ihrer Reaktionen auf das Produkt war sehr positiv. Seit Anfang 2021 ist Quantbot offiziell auf der FTD-Plattform Iônica verfügbar und wurde auf der Microsoft Customer Story Website als innovative Lösung vorgestellt.Als Teil des FTD Education Systems steht das Produkt 1,5 Millionen Schüler zur Verfügung.
Autors: Claudia Christ e Wagner Sanchez
General Director: Ricardo Tavares de Oliveira
Technology and digital transformation director: Ricardo Birtel
Editorial manager: Isabel Lopes Coelho
Product Manager: Roberta Campanini
Project Manager: Patrícia Degelo Mazalli
Architecture Manager: Alexandre Hakomaru
Editor: Rosa Visconti Kono
Editorial production coordinator: Leandro Hiroshi Kanno
UX and Design Coordinator: Rafael Chaves
Text and image coordinator: Marcia Berne
Product specialist: Fernanda Cascella
Assistant editor: Débora Andrade
UX writing: Jéssica Almeida e Júlia Corazza
Revision and preparation: Aline Araújo (líder), Bianca Oliveira, Lívia Perran, Marina de Fátima Nogueira e Tatiana Sado Jaworski
Art director: Simone Oliveira Vieira
UX/UI: Sophia Kraenkel e Laís Wada
Illustrator: Renato Rentz
Video Animation: Manuel Neto
Video and photo production: Dotta Estúdio
Gaming production: K Interativa
Development supervisor: André Machado
Developer: Heron Lopes