Сейчас даже новички в онлайн-профессиях могут получить реальный опыт и пополнить портфолио серьёзной задачей для гиганта вроде VK или Интерфакс. У онлайн-школы Skillfactory для такой прокачки открыли IT-песочницу — проект, где каждый студент может собрать команду и реализовать свою идею. Победителями во втором потоке стала команда студентов, которые обучили нейросеть писать захватывающие истории для детей и создали приложение «Гудвин».
Участники команды поделились, как проходила разработка и какие сложности нужно было преодолеть.
Как пришла идея объединить нейросети и сказки
Идея родилась благодаря Андрею Колесникову, лиду UX/UI дизайнеров в проекте. Он хотел создать уникальный сервис, который помог бы детям не просто слушать или читать сказки, а стать активными участниками в создании историй.
Skillfactory предоставили нашей команде технического эксперта — Никиту Любицкого, руководителя отдела мобильной веб-разработки в компании «Звук» и преподавателя на курсе «Frontend-разработчик с нуля до PRO». Он взял на себя ключевые задачи по разработке — добавил на сайт создание аккаунтов и авторизацию, связал платформу с нейросетями. Это значительно ускорило процесс создания проекта. Благодаря его восьмилетнему опыту и поддержке наша команда разработала надёжную систему, гармонично интегрировала все компоненты и заняла первое место в IT-песочнице!
Для кого был создан этот проект
Приложение «Гудвин» создано прежде всего для родителей, которые хотят найти для своих детей полезный и увлекательный способ досуга, развить их творческие и образовательные навыки.
Команда делает упор на безопасность контента, поэтому родители могут спокойно заниматься своими делами, пока ребенок увлечен творческим и интересным процессом создания историй.
Гудвин — это волшебник Изумрудного города, который сочиняет удивительные истории. Дети могут почувствовать себя такими же сказочниками.
Искусственный интеллект на базе GPT генерирует историю, в которой малыши могут выбирать главных героев, тематику и сюжетную линию. Это помогает им полностью погружаться в творческий процесс, развивает их воображение и креативное мышление.
«Гудвин» работает на смартфонах, планшетах и компьютерах. Мы нарисовали крупные элементы управления — кнопки, стрелки, интерактивные элементы. Они помогают даже самым маленьким пользователям легко ориентироваться в приложении. Это как раз пример хорошего UX-дизайна, когда всё работает плавно и оставляет приятные впечатления спустя всего несколько минут в сервисе.
Какие технологии были использованы
Первой важной технологией, с которой команда начала работу, была Figma. Этот мощный инструмент помог спроектировать концепцию будущего приложения, моделируя работу каждого элемента в режиме прототипирования: от кнопок и анимаций до слайдеров — блоков-баннеров, которые автоматически сменяют друг друга.
Для генерации визуального контента дизайнеры использовали нейросети. В начале пути — Kandinsky, затем к работе подключились Leonardo и Bing, которые помогли сделать процесс более гибким, а визуал — более разнообразным.
Для реализации проекта в жизнь команда использовала HTML, CSS и JavaScript — три ключевых компонента, которые лежат в основе современного веба.
Основная архитектура была построена на React, популярной библиотеке для создания динамических интерфейсов. С его помощью разработчики смогли создать страницы, которые реагируют на действия пользователя мгновенно, делая каждый клик и каждый свайп естественным и плавным.
Кроме того, в работе использовался Next.js — мощный фреймворк (готовый шаблон), который обеспечил быструю загрузку страниц и отличную производительность.
Нельзя не упомянуть API OpenAI. С его помощью получилось создавать и озвучивать уникальные сказочные истории в реальном времени.
Чтобы упростить внутреннюю разработку, использовались Low-Code Backend решения — в них есть простые инструменты перетаскивания, за счет чего можно было реже писать код. В этой части использовали AppWrite, который помог разработать сервис с минимальными инвестициями в бэкенд.
С какими сложностями мы столкнулись при разработке
В законах РФ есть стандарты, которые регулируют качество детского контента. Именно их мы постарались соблюсти, когда настраивали фильтры. Для этого внедрили специальные алгоритмы, которые отсеивают нежелательные темы и элементы при генерации нейросетями. Например, нецензурную лексику или пугающие действия персонажей.
Каким команда видит будущее проекта
Сейчас команда «Гудвина» активно тестирует новые функции, чтобы приложение было ещё более удобным и интуитивно понятным для детей разного возраста. Собирает обратную связь от родителей и детей и старается учесть её при разработке новых функций. Специалисты постоянно работают над тем, чтобы от взаимодействия с приложением получали удовольствие как дети, так и взрослые.
Дети быстро устают от однообразного контента, поэтому мы планируем регулярно добавлять функции, которые будут поддерживать их интерес.
Мы хотим сделать каждую историю ещё более индивидуальной, чтобы дети могли:
- настраивать еще больше параметров в игровой форме, чтобы делать сказки более индивидуальными;
- сделать возможность публиковать свои исключительные истории и делиться ими с другими;
- добавить большое разнообразие голосов в озвучке, чтобы каждый мог выбрать подходящего спикера для своей сказки;
- добавить возможность озвучивать сказки своим голосом.
Это поможет создать уникальные истории, которые будут близки каждому ребёнку.
Сгенерировать свою историю можно на сайте проекта «Гудвин». А оставить обратную связь и предложить свои идеи команде можно, написав на почту:
admin@goodwin-tales.com
У онлайн-школы Skillfactory есть проект с опорой на практику — Фэктори. В рамках него студенты участвуют в хакатонах и IT-песочнице, где реализуют уникальные проекты и получают реальный опыт работы.
В IT-песочнице новички вместе с командой решают задачи от заказчиков, проверяют свои навыки на практике и добавляют сильные кейсы в портфолио. 80% студентов продолжили работать с компаниями после курсов и получили первые офферы — так может каждый студент Skillfactory.
И еще немного про нашу команду
В процессе реализации проекта участвовало 11 человек, включая разработчиков, тестировщиков, дизайнеров и других специалистов. Коллективное участие и координация усилий позволили достичь поставленных целей и создать чудесный продукт.
Дизайнеры
Андрей Колесников — лид дизайнеров и автор идеи сервиса, отвечает за общую концепцию и визуальное оформление продукта.
Мария Калашникова — отвечает за разработку логики и оформление сервиса (UX/UI), стремясь понять потребности пользователей, чтобы воплощать их в интерфейсе.
Алексей Комар — занимается созданием и монтажом видео, а также креативными элементами интерфейса, включая иллюстрации, анимации и переходы.
Frontend-разработчики
Роман Куренков — тимлид фронтенд-разработчиков, который координирует работу команды и следит за качеством процесса разработки, обеспечивая стабильную работу сервиса.
Анастасия Волкова и Вячеслав Сапрыкин — разработчики, отвечающие за фронтенд часть и реализовавшие большую часть элементов проекта.
Тестировщики
Алексей Лукин и Инесса Овчинникова занимаются тестированием продукта, день ото дня повышая его качество, путем выявления недостатков и несоответствий.
PM
Сафия Фокина — организовала работу команды и координировала процессы по взаимодействию с разработкой.
PR-директор
Дмитрий Ивас — отвечает за маркетинг проекта, стратегию продвижения, договаривается с блогерами и партнерами.
Технический эксперт
Никита Любицкий — управляет всеми технологическими аспектами проекта. Занимается разработкой технологической стратегии продукта и управляет технической командой проекта.
Спасибо команде!