Привет! За клавиатурой Влад Калашников, Senior Product Designer в стартапе Re:Luna, до этого работал в МТС и Pinkman. 6 лет занимаюсь digital дизайном и 4 года продуктовом.
Недавно я писал в своем тг канале, что хочу принять участие в TON большой хакатоне и приуроченному к нему буткемпу в Тбилиси, где я нахожусь. И в этой статье хотел бы поделиться своим опытом.
Содержание
-
Описание хакатона
-
Команда
-
Как мы брейнштормили
-
Какие идеи у нас были
-
Какую идею мы выбрали
-
1-й день хакатона: лекции и нетворкинг + фотки с хакатона
-
2-й день хакатона: работа над дизайном
-
3-й день хакатона: доработка и питчинг, какое место заняли
-
Что дальше и мои впечатления
Описание хакатона
Главной задачей было создание мини-аппа в Телеграм с интеграцией TON.
Треки для работ:
![](https://habrastorage.org/getpro/habr/upload_files/1ff/41d/9b0/1ff41d9b0bce43e862e08a3fb1e24a86.png)
![](https://habrastorage.org/getpro/habr/upload_files/c8c/623/4bc/c8c6234bcad492ac21c8bdf1d38fc34a.png)
-
Onboarding и игры. Если коротко, то TON поддерживает крупные системы онбординга и ищет проекты с реферальными механизмами и социальными играми для легкого привлечения новых пользователей в крипто
-
Social Web3. TON ищет социальные B2C приложения внутри Telegram с четким планом по достижению вирусности и удержанию пользователей. Это включает SocialFi для монетизации контента и инструменты для управления сообществами и брендами, такие как программы лояльности и продажа билетов
-
DeFi. Это финансовые услуги на блокчейне, которые работают без участия традиционных банков, используя смарт-контракты для прямых операций между пользователями. Это позволяет людям брать кредиты, зарабатывать проценты и торговать активами без посредников
-
E-comm. Telegram и TON нуждаются в большем количестве приложений для покупок с поддержкой Web3, перераспределяющих ценность пользователям. Инструменты без кода для создания магазинов в Telegram, полностью интегрированные с TON прямо из коробки — как Shopify, но в мини-приложении
На что нужно было обратить внимание при разработке:
-
Преимущества для экосистемы TON
-
Массовость продукта
-
Потенциал для монетизации
-
Реферальная система
-
Простота погружения и использования
Критерии для оценки
Ниже вы можете посмотреть фото с критериями для оценки или ознакомиться с ними по ссылке на сайте.
![](https://habrastorage.org/getpro/habr/upload_files/b7f/c45/033/b7fc45033afb82771f922a92a6c8390a.png)
![](https://habrastorage.org/getpro/habr/upload_files/bde/5b2/893/bde5b2893520422c0fd107d394744f6d.png)
Команда
Как я уже упоминал ранее, это был мой первый опыт участия в хакатоне, и я пошел туда без команды. Написав пару слов о себе в чат, я объявил о поиске команды. Мне ответил Миша, Lead Flutter Developer из американского стартапа, и мы договорились встретиться в коворкинге вечером для брейншторминга. Затем Миша связался с Сашей и Аней, и мы образовали команду. В итоге мы начали работать вместе всего за 4 дня до начала хакатона.
![](https://habrastorage.org/getpro/habr/upload_files/dd3/d83/ad8/dd3d83ad82461f5fc35c208f0d9f63dc.png)
В итоге у нас собралась интересная команда:
-
Я — клевый дизайнер
-
Миша — Lead Flutter Developer в американском стартапе
-
Аня — CPO & Product в американском стартапе трекера женского здоровья
-
Саша — фаундер и full-stack разработчик. Они с Аней организовали более 50 хакатонов в РФ
Как мы придумывали идеи
Мы собрались на выходных в кафе и начали придумывать идеи, отталкиваясь от следующих пунктов:
-
Преимущества для экосистемы TON
-
Массовость продукта
-
Потенциал для монетизации
-
Реферальная система
-
Простота погружения и использования
Как мы брейнштормили:
-
Я вынес всю информацию про хакатон
![](https://habrastorage.org/getpro/habr/upload_files/094/982/5af/0949825af069cda18aa066acae3ce2ba.png)
-
Предложил создать Figma Jam Board
-
Поставили таймер на 20 минут и каждый из нас написал около 10 идей по отдельности
-
Затем мы обменялись идеями и каждый поставил звездочки на идеях других участников, которые ему понравились
-
Выбрали идеи, у которых было больше 2-х звездочек, и начали их обсуждать
![](https://habrastorage.org/getpro/habr/upload_files/ee9/16d/a6a/ee916da6af55ab1781ce91668cd35881.png)
![](https://habrastorage.org/getpro/habr/upload_files/671/3dd/e59/6713dde59060bd96af3e84a76038d777.png)
-
Я создал таблицу, которая помогла нам систематизировать идеи
![](https://habrastorage.org/getpro/habr/upload_files/5e1/7c3/cea/5e17c3cea0ea49f6147fdd8462db187c.png)
-
Распределили обязанности между членами команды
![](https://habrastorage.org/getpro/habr/upload_files/c66/5fe/cb2/c665fecb26a9032936e57dd72f356f8a.png)
-
Сделали диаграмму Ганта. Спойлер: она вообще не отражала реальность по итогу
![](https://habrastorage.org/getpro/habr/upload_files/572/cff/bd3/572cffbd3d3f10e109799b02129607c3.png)
Идеи, которые у нас были, и почему мы от них отказались
![](https://habrastorage.org/getpro/habr/upload_files/3a7/6d1/c54/3a76d1c5404e98cb6763586d1638ac55.png)
-
Голосования-ставки. Идея такая, что это как опросы в телеграме, но голосуя, ты ставишь деньги, и по итогу все работает как на ставках. Отказались от идеи, так как есть конкуренты, и это гэмблинг, что не очень хорошо
-
Mental Health Томагочи. Приложение, в которое ты заходишь регулярно каждый день, делаешь задания, которые могут помочь тебе улучшить твое ментальное самочувствие, зарабатываешь токены, и у тебя есть тамагочи, отражающее твое ментальное самочувствие. Отказались от идеи, так как для MVP версии нужно проделать много работы, и мы бы не успели это реализовать, но идея клевая
-
Token Hunt. Аналог Product Hunt, где можно смотреть новые токены, а также подборки «токен дня», «токен недели» и т.д. Отказались от идеи, так как продукт получился бы не слишком массовым
-
Персональный ассистент. Многие люди используют сохраненные сообщения в ТГ как заметки. Мы хотели создать ассистента, который анализировал бы сообщения, отправленные ему, и создавал напоминания или списки дел. Не помню, почему мы отказались от идеи
-
NFT подарки. Можно было бы дарить лимитированные NFT подарки пользователям. Они могли бы быть оформлены как фигурки, что-то похожее на Funko Pop. Отказались, так как NFT уже не так популярны, и нужно было бы использовать фигурки, не обладающие авторским правом
-
Шагометр. Приложение, в котором можно смотреть, сколько шагов ты прошел, соревноваться с друзьями, получать токены за выигранные соревнования, а также достижения. Если честно, то не помню, почему мы отказались от идеи
В итоге за 1 день до хакатона у нас так и не была выбрана финальная идея, и я был немного разочарован, так как думал, что у нас как минимум будет готовый прототип к первому дню. Решили за день до хакатона немного отдохнуть и выбрать идею уже на месте.
Какую идею выбрали
![](https://habrastorage.org/getpro/habr/upload_files/9cf/422/df3/9cf422df3018f1f44f2c00593d76387c.png)
Мы пришли на хакатон, и нам таки удалось выбрать идею. Аня предложила сделать трекер женского цикла с возможностью зарабатывать токены, и нам показалась эта идея супер-клевой, потому что:
-
Женщин, которые пользуются TON, около 28%, но также, по статистике, около 80% всех покупок в интернете совершают женщиныЖенщины, которые пользуются TON, составляют около 28%. По статистике, около 80% всех покупок в интернете совершают женщины
-
Аналогичным мини-аппом трекинга цикла в ВК пользуются около 5 млн пользователей
-
У нас в команде есть Аня, которая занимает должность CPO в стартапе с схожей тематикой, поэтому у нас есть экспертиза
-
Аня рассказала о том, что в Америке существует беспокойство о безопасности своих данных. Используя блокчейн, мы могли бы обеспечить полную анонимность
-
Телеграмом также пользуются в Индии и Африке, и мы могли бы позволить женщинам зарабатывать, выполняя простые действия в приложении, например, отмечать цикл, подписываться на канал, проходить опросы или делиться ссылкой на приложение
Исходя из всего вышеперечисленного, мы можем забордить женщин в мир криптовалюты, что будет полезно для TON и увеличит женскую аудиторию. Кроме того, такой трекер будет легко доступен в мессенджере и удобен для самих женщин.
1-й день хакатона: лекции и нетворкинг + фотки с хакатона
![](https://habrastorage.org/getpro/habr/upload_files/8ef/618/705/8ef6187056592aaaf190630487569264.png)
Сам хакатон проходил в центре Тбилиси в отеле. Расписание первого дня выглядело так, как можно увидеть на скрине. Почти весь день прошел на лекциях, с кофе-брейком и ланч-брейком, а также временем для нетворкинга. В 20:00 нам показали, где можно поработать, и мы принялись за дело. Я работал до 22:00 и поехал домой. За все 3 дня дома я почти не работал.
![](https://habrastorage.org/getpro/habr/upload_files/0b0/f70/4ad/0b0f704add472f2e120bf1cb7a407a93.jpg)
![](https://habrastorage.org/getpro/habr/upload_files/c62/fa7/60a/c62fa760a270ef733267c6f20dc54f01.jpg)
![](https://habrastorage.org/getpro/habr/upload_files/ae0/a15/2a0/ae0a152a0d03e9e8f0bab72b6cc8a16c.jpg)
Я также познакомился с парой ребят на хакатоне. Я искал дизайнеров, но их было очень мало. Мне кажется, из 280 человек было максимум 10, а я познакомился только с тремя.
Кстати, отдельный респект за еду. Кормили достаточно вкусно. А еще дали классный мерч в виде футболки, наклеек и блокнота.
![](https://habrastorage.org/getpro/habr/upload_files/e8b/838/91c/e8b83891c8c6a61bf4fbb80de61aa3dd.jpg)
![](https://habrastorage.org/getpro/habr/upload_files/3b6/ea1/b15/3b6ea1b15c6bf3c7462bee1a6f188ed5.jpg)
2-й день хакатона: работа над дизайном, подробные скрины продукта и объяснение функций
Расписание выглядело так, но весь день мы работали над проектом.
![](https://habrastorage.org/getpro/habr/upload_files/c9f/627/a97/c9f627a97ebd1b34b07a3f6950ca73e5.png)
![](https://habrastorage.org/getpro/habr/upload_files/8e5/c13/064/8e5c130640afac0e2e7779e6bf4d0292.jpg)
Итак, весь второй день мы усердно работали над проектом:
-
Я занялся дизайном
-
Миша работал над смарт-контрактами
-
Саша разработал презентацию для питчинга и приступил к разработке
-
Аня продумывала токеномику и помогала с презентацией
Какой дизайн получился
У нас получается 2 основные страницы
![](https://habrastorage.org/getpro/habr/upload_files/bd6/ff8/268/bd6ff8268004eb1c584deff94dd52df1.png)
![](https://habrastorage.org/getpro/habr/upload_files/d9d/c15/62b/d9dc1562b9e35b4c4f6c25ba466abced.png)
Дисклеймер: токеномику мы еще пока продумываем и могут быть проблемы
-
Главная. На этой странице есть:
-
Секция с днями до месячных/овуляции. Это стандартный блок во всех похожих приложениях
-
Секция с текущим балансом токенов
-
Секция с подпиской на каналы с возможностью получить токены. При подписке на канал пользователь получает токены
-
Секция с прохождением опросов с возможностью получить токены. При прохождении опроса пользователь зарабатывает токены
-
Страница с календарем, на которой можно:
-
Просмотреть предыдущие и предполагаемые будущие даты месячных циклов
-
Изменить дату месячных
Процесс работы над дизайном
-
Для начала я провел анализ функций, которые есть в Flo, и сделал скриншоты всего приложения и мы определили, какие функции должны быть в нашем MVP
![](https://habrastorage.org/getpro/habr/upload_files/20a/ed6/c63/20aed6c63193a3f6d5b22c503b1f7ea9.png)
-
Собрал прототип
![](https://habrastorage.org/getpro/habr/upload_files/1b0/4a6/5c5/1b04a65c55e5ec27e88d8106ca8b2fc1.png)
-
Нашел референсы. Мне хотелось сделать приложение с насыщенными цветами и скругленными гротескными элементами, чтобы передать современность Web3 и комфорт
![](https://habrastorage.org/getpro/habr/upload_files/f59/f90/8da/f59f908dabfe5295f7b0675f965feb0d.png)
-
Собрал дизайн-концепцию
![](https://habrastorage.org/getpro/habr/upload_files/319/2e6/d3f/3192e6d3f49dc233f40e193989156c6e.png)
![](https://habrastorage.org/getpro/habr/upload_files/107/b0b/8bd/107b0b8bd514d4c387cda9deae47f5bc.png)
![](https://habrastorage.org/getpro/habr/upload_files/c38/f8b/6a5/c38f8b6a5cdd6fb5c201817878a14053.png)
![](https://habrastorage.org/getpro/habr/upload_files/c38/f8b/6a5/c38f8b6a5cdd6fb5c201817878a14053.png)
-
Собрал UI-Kit. Не было времени на аккуратное оформление, но все компоненты собраны максимально правильно для удобства использования
![](https://habrastorage.org/getpro/habr/upload_files/ce0/0c5/331/ce00c533116d35e62ab50fba409c6caf.png)
-
Собрал презентацию для питчинга
![](https://habrastorage.org/getpro/habr/upload_files/021/bd1/f68/021bd1f68cc36e64de4a58e5407f426c.png)
6. Успел даже сделать баннеры для социальных сетей и оформить Telegram Apps Centre
![](https://habrastorage.org/getpro/habr/upload_files/5bd/bd4/b15/5bdbd4b15a0fbeb17acb54ef1a984989.png)
![](https://habrastorage.org/getpro/habr/upload_files/1a2/afa/a55/1a2afaa55fea61d581b56a30e6dae6ec.png)
-
Также у меня было пару идей на будущее для приложения и я также запилил прототипы этих функций
![](https://habrastorage.org/getpro/habr/upload_files/d8f/d63/d28/d8fd63d285fe28bf9da0978c68159610.png)
Получилось так, что основная работа над дизайном была завершена к концу второго дня, и к третьему дню оставалось только допилить небольшие детали.
3-й день хакатона: доработка и питчинг, какое место заняли
![](https://habrastorage.org/getpro/habr/upload_files/171/36e/9ce/17136e9ce279e6c11bd28454dab313e1.png)
Презентацию с проектом нужно было отправить к 13:30, и мы это сделали. Затем начался питчинг, где около 70 команд выступали с презентацией по 3-4 минуты.
![](https://habrastorage.org/getpro/habr/upload_files/f47/6f6/f8d/f476f6f8d18f556f6873069c4e61ff3f.png)
![](https://habrastorage.org/getpro/habr/upload_files/c62/cd5/e1b/c62cd5e1b02abca6f451d7030ffdc997.jpg)
![](https://habrastorage.org/getpro/habr/upload_files/5cb/1a8/981/5cb1a8981728b2e6e08f39728058a009.jpg)
Нам совсем чуть-чуть не хватило, чтобы войти в топ-3 финалистов, и нас вызвали практически перед объявлением финалистов. Я думаю, что мы заняли примерно 4-е или 5-е место. После награждения Владимир Афельман (менеджер по развитию сообщества Ton Foundation) и член жюри выразили желание связаться с нашей командой для обсуждения дальнейшего развития продукта. Я не расстраиваюсь из-за места, так как это был мой первый опыт. Я получил много эмоций, отличную команду и мы смогли создать интересный продукт, над которым мы продолжаем работать сейчас и планируем скоро запустить.
![Это мы с членами жюри Это мы с членами жюри](https://habrastorage.org/getpro/habr/upload_files/c71/ead/9df/c71ead9df824547da83106ff371d8e11.png)
После награждения была вечеринка завершения (Wrap-Up Party) с вином и закусками.
![](https://habrastorage.org/getpro/habr/upload_files/2e7/752/f62/2e7752f62a0b1bbc56b445c317ad637b.jpg)
![](https://habrastorage.org/getpro/habr/upload_files/093/0a0/771/0930a07718c33522527f48a3bccf3150.jpeg)
Что дальше и мои впечатления
Этот локальный хакатон был частью большого хакатона TON с призовым фондом в 2 млн USDT. Мы имели неделю, чтобы доработать наш продукт и подать заявку на участие в главном хакатоне. Мы справились с этой задачей. Далее наш план — довести продукт до финального вида и запустить его.
Мне очень понравился этот хакатон, и я хочу продолжать участвовать в подобных мероприятиях, даже онлайн, по нескольким причинам:
-
Можно создать продукт с нуля всего за пару дней
-
Возможность завести клевые знакомства и понетворкать
-
Развитие скиллов, так как нужно выполнить много задач за короткий срок
Если вам понравилась наша идея и вы хотите нас поддержать, то вот несколько полезных ссылок:
![](https://habrastorage.org/getpro/habr/upload_files/aaf/8f3/ba3/aaf8f3ba3ca442901ded65587098334e.png)
-
Кстати, у меня есть телеграм-канал о дизайне. В нем я выкладываю свои концепты и пишу заметки про дизайн и то, что мне нравится. Вот несколько классных постов, которые мне особенно нравятся:
ссылка на оригинал статьи https://habr.com/ru/articles/825648/
Добавить комментарий