--- title: "Cases" --- # Cases ## Web3Lottery ![Web3Lottery](https://metalamp.ru/images/Instagram%20post%204%2028.png) [Перейти ко всем кейсам](https://metalamp.ru/cases) # Web3Lottery Сделали платформу Web3lottery на TON с игрой в формате быстрых розыгрышей: ставка на исход и мгновенный результат. Решили главную боль пользователей — сложность участия: интерфейс максимально упрощён, выигрыши зачисляются сразу, без клейма и ожиданий. ![](https://metalamp.ru/images/WEB3 Lottery Cover.png) ## Запрос клиента Клиент пришёл с задачей разработать Web3-платформу для розыгрышей на блокчейне TON. Требовалось реализовать несколько типов игр, включая ставки с коэффициентами и числовую лотерею. Ключевое требование — максимально простой процесс участия: без клейма, лишних экранов и ожиданий. Ставка и сразу результат, деньги уходят на кошелёк. - ### Сроки проекта 9 месяцев на весь проект - ### Команда 1 Разработчик смарт-контрактов 1 UX/UI дизайнер 2 Frontend разработчика 1 менеджер проекта - ### Технологии Back-End - Golang Front-End - React, TypeScript Blockchain - FunC, TON Connect ## Что мы сделали Мы спроектировали смарт-контракты под каждую из запланированных игр, настроили логику ставок и выплат. Интерфейс адаптировали под мобильный use-case и стремились свести участие к одному действию: подключить кошелёк, сделать ставку — получить результат. ![](https://metalamp.ru/images/WEB3 Lottery Main Page.png) ## Сложности и решения Перед самым релизом TON обновился: начала появляться эмуляция контрактов случайных чисел. Мы адаптировали контракт под новое поведение — сначала с минимальными правками, затем внедрили устойчивое решение, которое работает до сих пор. ![](https://metalamp.ru/images/WEB3 Lottery Main Page 1.png) ## Результат Готовая платформа с работающей игрой — быстрые розыгрыши с коэффициентами x2 и x3. Интерфейс соответствует изначальному запросу: простота, скорость, автоматические выплаты на кошелёк. Проект выложен в прод, команда заказчика готовит запуск следующих игр. [Сайт проекта](https://web3lottery.top/) ![](https://metalamp.ru/images/WEB3 Lottery Main Page 44.png) ## Похожие проекты [Смотреть ещё](https://metalamp.ru/cases) [Lees meer...](https://metalamp.ru/cases/web3lottery.md) ## Nudix ![Nudix](https://metalamp.ru/images/Prikolota%20Board%20Frame%2031.png) [Перейти ко всем кейсам](https://metalamp.ru/cases) # Nudix Nudix — это Web3‑платформа для дистрибуции и финансирования игр. Через её краудинвестинговую модель пользователи вкладываются в разработку и получают долю прибыли и NFT‑вознаграждения ![](https://metalamp.ru/images/Prikolota Board Frame 31.png) ## Запрос клиента Проекту нужна была полноценная пресейл-платформа с гибкой логикой и возможностью быстро вносить изменения. Среди ключевых требований: поддержка раундов, бонусной системы, учёт рефералов, тир-модели участия и прозрачной системы расчётов. Всё это должно было быть реализовано с упором на высокую скорость работы, стабильность и удобство администрирования. - ### Сроки проекта 6 недель от заключения договора до отдачи репозитория клиенту - ### Команда 2 Frontend разработчика 1 Solidity разработчик 1 Backend разработчик 1 менеджер проекта - ### Технологии Back-End — Node.js + Prisma Front-End — React + Wagmi + RainbowKit Blockchain — Solidity CI/CD — Render Node Provider —GetBlock ## Что мы сделали Разработали и задеплоили все нужные смарт-контракты, собрали фронт с авторизацией, реферальным кабинетом и адаптацией под мобильные устройства. Настроили backend для администрирования раундов и хранения данных, подключили внешние сервисы и помогли на этапе запуска. В проекте также учли возможность масштабирования под высокую нагрузку. ![](https://metalamp.ru/images/Nudix_1.png) ## Сложности и решения В процессе пришлось заново переосмыслить механику начислений поинтов и настроить их под текущую логику проекта. Были доработки по визуалу, бонусной системе и учёту рефералов и здесь особенно помогла высокая вовлечённость заказчика в проект. Мы быстро адаптировались под все изменения, отловили баги в логике рефералок и учли риски, связанные с возможными сетевыми сбоями. ![](https://metalamp.ru/images/Nudix_2.1.png) ## Результат В итоге клиент получил полноценный сайт с удобной мобильной версией, гибкую логику в смарт-контрактах, возможность менять ключевые параметры без redeploy, рабочую реферальную систему и поддержку в процессе релиза. [Сайт проекта](https://nudix.io/) ![](https://metalamp.ru/images/Nudix_3.png) ## Похожие проекты [Смотреть ещё](https://metalamp.ru/cases) [Lees meer...](https://metalamp.ru/cases/nudix.md) ## TON Tigers ![TON Tigers](https://metalamp.ru/images/TON%20Tigers.png) # TON Tigers Telegram Mini App [Перейти ко всем кейсам](https://metalamp.ru/cases) ![](https://metalamp.ru/images/ton-tigers/main-screen-pic-mobile.png) ![](https://metalamp.ru/images/ton-tigers/main-screen-pic-tablet.png) ![](https://metalamp.ru/images/ton-tigers/main-screen-pic-desktop.png) ![Tiger](https://metalamp.ru/images/ton-tigers/main-screen-animation.webp) ![Claimy](https://metalamp.ru/images/ton-tigers/main-screen-claimy.webp) 0 ## Об игре Это Р2Е игра на TON (ТМА — telegram mini app), где основной ресурс — мем-токен $TIGER. [Узнать о TON-разработке](https://metalamp.ru/ton) В игре пользователям нужно покупать коллекции НФТ с различными персонажами, выполнять задания и получать игровые монеты внутренней валюты. ## Функционал приложения - ### Задания В процессе игры пользователи должны выполнять различные задания, например: разместить первого тигра, смайнить notTIGER, привести рефералов и другие. - ### Достижения Игроки получают достижения за выполнения различных действий, например, разместить своего первого тигра. - ### Лидерборды Таблица со списком всех игроков, которые каждый игровой сезон сражаются за жетоны $TIGER — реальную криптовалюту в сети TON. - ### Реферальная программа Механизм, который позволяет пользователям зарабатывать вознаграждения, приглашая других людей присоединиться к игре. - ### Вывод заработанных токенов на кошельки пользователей Игроки могут обменивать внутриигровую валюту notTIGER на реальные токены TIGER и выводить на свои кошельки. - ### Покупка бустов для апргейда своих NFT в игре Игрок может тратить свои TIGER токены и получать бусты, которые влияют на мультиприкаторы на определенное время. Например, рыба делает время майнинга в два раза короче. А мясо увеличивает количество notTIGER при клейме. ### Задания В процессе игры пользователи должны выполнять различные задания, например: разместить первого тигра, смайнить notTIGER, привести рефералов и другие. ### Достижения Игроки получают достижения за выполнения различных действий, например, разместить своего первого тигра. ### Лидерборды Таблица со списком всех игроков, которые каждый игровой сезон сражаются за жетоны $TIGER — реальную криптовалюту в сети TON. ### Реферальная программа Механизм, который позволяет пользователям зарабатывать вознаграждения, приглашая других людей присоединиться к игре. ### Вывод заработанных токенов на кошельки пользователей Игроки могут обменивать внутриигровую валюту notTIGER на реальные токены TIGER и выводить на свои кошельки. ### Покупка бустов для апргейда своих NFT в игре Игрок может тратить свои TIGER токены и получать бусты, которые влияют на мультиприкаторы на определенное время. Например, рыба делает время майнинга в два раза короче. А мясо увеличивает количество notTIGER при клейме. ![](https://metalamp.ru/images/ton-tigers/functionality-section-img-1.webp) ![](https://metalamp.ru/images/ton-tigers/functionality-section-img-2.webp) ![](https://metalamp.ru/images/ton-tigers/functionality-section-img-3.webp) ## Процесс ### 1 неделя Сбор требований и описание игры ### 3 дня Описание и приоритезация фичей, расстановка задач ### со старта и до финала Подключение дизайнера: создание интерфейса приложения ### 2 месяца Подключение двух бэкенд-разработчиков: работа над технической частью ### 1 месяц Подключение фронтенд-разработчика: вёрстка интерфейса ## Готовое решение для TMA и TON приложений Мы создали свое собственное коробочное решение с наиболее популярным функционалом для развертывания тапалок, квест-игр, систем лояльности и пр. Наша команда может как внедрить готовое приложение, так и кастомизировать его исходя из ваших целей. cтоимость внедрения до $15k срок внедрения до 3 недель Стоимость кастомизации обсуждается индивидуально. [Заказать демо](#modal_for_form_without_textarea) ![Готовое решение для TMA и TON приложений](https://metalamp.ru/images/ton-tigers/ready-solution-section-img.webp) ## Результаты - Сделали MVP для выхода в прод. - Вышли в закрытый бета тест и показали игру основным инвесторам: китам и преданным членам комьюнити. - Собрали реальный фидбек и отработали баги. ## В главных ролях Нетворкинг Николай Бордуненко Менеджер проекта Анастасия Козлова Front-end разработчик Константин Кандрук Back-end разработчик Даниил петроченков Дизайнер Данил Егоров Нетворкинг Николай Бордуненко Менеджер проекта Анастасия Козлова Front-end разработчик Константин Кандрук Back-end разработчик Даниил петроченков Дизайнер Данил Егоров [Lees meer...](https://metalamp.ru/cases/ton-tigers.md) ## Arkitekt DEX ![Arkitekt DEX](https://metalamp.ru/images/Arkitekt%20DEX.png) ![](https://metalamp.ru/images/arkitekt-dex/main-screen-pic.svg) [Перейти ко всем кейсам](https://metalamp.ru/cases) # Трейдинговая платформа ARKITEKT DEX Срок разработки 3 месяца L2 сеть Base Смарт-контракты Solidity ## Задача на разработку Сделать MVP DEX со следующим функционалом: свопы, пулы ликвидности, стейкинг spNFT и получение ревордов за стейкинг. Клиент искал команду, которая смогла бы собрать в единый продукт готовые контракты и существующую верстку и нашёл MetaLamp. [Узнать о разработке MVP](https://metalamp.ru/mvp-development) ## Что было на старте неорганизованный процесс работы недоработанный frontend смарт-контракты с ошибками ## Что мы сделали ### Организация процесса Собрали команду сильных и уверенных специалистов: заменили разрозненных фрилансеров на полноценную команду разработки во главе с менеджером проекта Вячеслав фронтенд-разработчик ![Вячеслав](https://metalamp.ru/images/arkitekt-dex/vyacheslav-gerasimov.png) Степан фронтенд-разработчик ![Степан](https://metalamp.ru/images/arkitekt-dex/stepan-kryukov.png) Роман солидити-разработчик ![Роман](https://metalamp.ru/images/arkitekt-dex/roman-yarlykov.png) Алексей солидити-разработчик ![Алексей](https://metalamp.ru/images/arkitekt-dex/aleksei-kutsenko.png) Виктория проджект менеджер ![Виктория](https://metalamp.ru/images/arkitekt-dex/victoria-chebodaeva.png) Так мы ускорили процесс разработки, сократили сроки к коммерческому запуску продукта. Превратили все требования от клиента в понятную карту работ и результатов. ### Доработка фронтенда Команда фронтенд-разработчиков интегрировала смарт-контракты с интерфейсом, а также полностью переработала вёрстку, убрав нерабочие элементы, улучшив восприятие и удобство. Fixed bugs ![](https://metalamp.ru/images/arkitekt-dex/what-did-section-screenshot.png) Fixed bugs ![](https://metalamp.ru/images/arkitekt-dex/what-did-section-screenshot.png) Поможем ускорить разработку и выпустить MVP Запланируйте консультацию в Calendly [![Calendly](https://metalamp.ru/images/icons/calendly.svg)](https://calendly.com/iana-g/30min) ### Доработка смарт-контрактов и выбор сети Команда адаптировала смарт-контракты для новой сети, выполнила их развертывание и настройку subgraph DEX для отображения цен и расчёта APR. Для решения задачи выбрали протокол Camelot. Провели глубокий ресёрч, интеграцию с фронтендом и перенос платформы на Scroll, ZkSync и Base. Research ![](https://metalamp.ru/images/arkitekt-dex/what-did-section-screenshot.png) Research ![](https://metalamp.ru/images/arkitekt-dex/what-did-section-screenshot.png) Для деплоя смарт-контрактов заказчик несколько раз менял решение по выбору сети: Сначала Scroll — EVM-подобная сеть. Затем сеть zkSync, которая имеет меньшую совместимость с EVM и потребовала от нас большего погружения и экспертизы. В итоге клиент остановил свой выбор на Base. ## В результате мы сделали это! Всего за 3 месяца наш клиент получил работающее MVP-решение в сети Base Sepolia. А сейчас проект на стадии выхода в мейннет. [Круто! Хочу так же](#modal_for_form_without_textarea) [Lees meer...](https://metalamp.ru/cases/arkitekt-dex.md) ## Akropolis ![Akropolis](https://metalamp.ru/images/cases/akropolis.png) [Перейти ко всем кейсам](https://metalamp.ru/cases) # Akro po lis Агрегатор для инвестирования финансов в крипто-проекты В 2019 году компания Akropolis провела первичное размещение монет. И наша команда подключилась к проекту, чтобы помочь заказчику разработать и протестировать MVP на ранних стадиях развития продукта. ![](https://metalamp.ru/images/akropolis/why-us-section-img-desktop.webp) ## Почему заказчик выбрал нас Заказчику требовалась сильная команда по фронтенду и сразу несколько разработчиков. Найм фронтендера в штат мог занять 3-4 недели, а найм целой команды — ещё дольше и, соответственно, дороже. Плюс ко всему, запуск нужно было провести как можно быстрее. На 2019 год у нас уже было порядка 20-и опытных фронтендеров, а за плечами крупные проекты с очень сложным фронтендом (Improvado, Datalight) — с комплексными таблицами и нетривиальными вычислениями на стороне клиента. Мы идеально подходили для этой задачи. [Хочу с вами поработать](#modal_for_form_without_textarea) ## Как мы повлияли на проект - 03 дня скорость подключения нашей команды - 04 человека команда наших разработчиков на старте проекта - 03 на месяца сокращение TimeToMarket за счет отказа от найма в штат и работы с аутсорс командой ![](https://metalamp.ru/images/akropolis/mvp-section-bg.webp) ## Запустили 10 разных версий MVP Проект Akropolis начинался как распределенный накопительный и пенсионный фонд — альтернатива государственным пенсионным фондам, к которым у людей есть недоверие из-за ряда проблем — коррупции и отсутствия прозрачности. ![](https://metalamp.ru/images/akropolis/mvp-section-bg.webp) Заказчику требовалось быстро протестировать разные гипотезы. И мы оперативно закрывали всю часть, связанную с фронтендом для этих MVP. ![mvp-section-img-1](https://metalamp.ru/images/akropolis/mvp-section-img-1.png) ![mvp-section-img-2](https://metalamp.ru/images/akropolis/mvp-section-img-2.png) ![mvp-section-img-1](https://metalamp.ru/images/akropolis/mvp-section-img-1.png) ![mvp-section-img-2](https://metalamp.ru/images/akropolis/mvp-section-img-2.png) ![](https://metalamp.ru/images/akropolis/mvp-section-img-2.png) ![](https://metalamp.ru/images/akropolis/mvp-section-img-1.png) ![](https://metalamp.ru/images/akropolis/mvp-section-img-2.png) Мы старались максимально переиспользовать предыдущие наработки, например, библиотеку UI компонентов, функционал подключения кошельков, апрува, баланса и тд. Это позволяло максимально ускорить разработку и быстро выпускать первые версий продуктов. [Хочу с вами поработать](#modal_for_form_without_textarea) ![](https://metalamp.ru/images/akropolis/problems-section-clouds.png) ![](https://metalamp.ru/images/akropolis/problems-section-clouds.png) ![](https://metalamp.ru/images/akropolis/problems-section-clouds.png) ![](https://metalamp.ru/images/akropolis/problems-section-clouds.png) ![](https://metalamp.ru/images/akropolis/problems-section-medusa.webp) ![](https://metalamp.ru/images/akropolis/problems-section-clouds.png) ![](https://metalamp.ru/images/akropolis/problems-section-clouds.png) ## Проблемы, с которыми столкнулись 2022 год Случилось событие, которое предопределило дальнейший вектор в развитии платформы и нашей работе: преступники украли 2030850 Dai (DAI), используя пулы сбережений. После взлома стратегия продукта изменилась: клиент решил перейти полностью только на фронтенд-протоколы, т.к. это безопасно. Все задачи легли на нашу команду. 06 специалистов было задействовано в моменте Мы научились работать в критической ситуации: быстро давать комментарии комьюнити проекта, писать анонсы и быть на связи, потому что помощь фронтендеров тоже может пригодиться, чтобы вовремя отключить какую-то фичу. ![](https://metalamp.ru/images/akropolis/today-section-akropolis.png) ![](https://metalamp.ru/images/akropolis/today-section-clouds.png) ![](https://metalamp.ru/images/akropolis/today-section-clouds.png) Наша работа с компанией Akropolis вылилась в 5 лет тесного сотрудничества ## Как продукт развивается сегодня Продуктовая стратегия по развитию продукта зависит от сообщества (DAO), которое голосует за или против каких-либо новых решений. Наша команда предлагает апдейты и улучшения для продукта, и они находят поддержку в сообществе. ![today-section-img-1](https://metalamp.ru/images/akropolis/today-section-img-1.png) ![today-section-img-2](https://metalamp.ru/images/akropolis/today-section-img-2.png) ![today-section-img-1](https://metalamp.ru/images/akropolis/today-section-img-1.png) ![today-section-img-2](https://metalamp.ru/images/akropolis/today-section-img-2.png) ![](https://metalamp.ru/images/akropolis/today-section-img-1.png) ![](https://metalamp.ru/images/akropolis/today-section-img-2.png) ![](https://metalamp.ru/images/akropolis/today-section-img-1.png) ### Liquity После интеграции Liquity в Akropolis, пользователи получили возможность стейкать свой эфир для получения займов в стабильной криптовалюте LUSD, без необходимости погашать займ к определенному сроку. Это добавило дополнительный слой финансовой гибкости на платформе Akropolis, предоставляя пользователям более широкие возможности для управления своими активами. Так, пользователи могут эффективнее использовать свои криптовалютные портфели, имея доступ к ликвидности без необходимости продавать свои инвестиции в эфире. ![today-section-img-3](https://metalamp.ru/images/akropolis/today-section-img-3.png) ![today-section-img-4](https://metalamp.ru/images/akropolis/today-section-img-4.png) ![today-section-img-3](https://metalamp.ru/images/akropolis/today-section-img-3.png) ![today-section-img-4](https://metalamp.ru/images/akropolis/today-section-img-4.png) ![](https://metalamp.ru/images/akropolis/today-section-img-4.png) ![](https://metalamp.ru/images/akropolis/today-section-img-3.png) ![](https://metalamp.ru/images/akropolis/today-section-img-4.png) ### Lido После интеграции Lido, пользователи Akropolis теперь могут участвовать в стейкинге Ethereum непосредственно через платформу, получая стейкинговые токены stETH в обмен на заложенные ETH. Это обеспечивает им постоянный доход от стейкинга, увеличивая доходность их инвестиций без необходимости управления оборудованием или заботы о минимальных суммах вклада. ## Стек технологий - ### React Библиотека для создания интерфейсов: идеальное решение для компонентной архитектуры. - ### Typescript Повышает безопасность разработки и внесения изменений, улучшает производительность в высоконагруженных проектах. - ### NextJS Фреймворк для фронтенд приложений. Решает кучу болей разработчиков: от настройки сборки до настройки SSR (сервер сайд рендеринга). - ### RxJS Библиотека для «Продвинутого управления событиями» и «Более мощная альтернатива промисам» в одном лице. Позволяет удобно организовать работу с событиями и асинхронным кодом, а также писать сложную логику декларативно. - ### GraphQL & The Graph Network Позволяет преобразовывать историю транзакций блокчейна в сущности доменной области проекта, предоставляя API для поиска и получения необходимой информации. ![](https://metalamp.ru/images/akropolis/feedback-section-avatar.png) Александр Мазалецкий — ExCTO Мне с ребятами довелось работать над двумя разными проектами, связанными с блокчейн-технологиями. За всё время работы они показали наивысший уровень профессионализма, полную отдачу проекту и взаимопонимание. Работать с ними — одно удовольствие! В 2019 году, когда мы начали сотрудничество с Акрополис — это был наш первый серьезный проект в web3. Можно сказать, что этот проект и определил наш вектор: двигаться именно в блокчейн разработку. Сейчас мы компания, специализирующаяся на крипто- и блокчейн-решениях, и являемся одними из лидеров на рынке России и в мире. [Хочу с вами поработать](#modal_for_form_without_textarea) ## Другие кейсы в блокчейн [Смотреть все кейсы](https://metalamp.ru/cases) ## MetaLamp Magazine Больше нашего опыта в web3 и экспертизы читайте в наших материалах. [Перейти в журнал](https://metalamp.ru/magazine) [Перейти в журнал](https://metalamp.ru/magazine) [Lees meer...](https://metalamp.ru/cases/akropolis.md) ## Cpaytoday ![Cpaytoday](https://metalamp.ru/images/Multisender%201.png) [Перейти ко всем кейсам](https://metalamp.ru/cases) # Cpaytoday Расширение для мульти-отправки криптовалютных бизнес-платежей запуск MVP 1 месяц запуск MVP 1 месяц запуск MVP 1 месяц 2 разработчика 2 разработчика 2 разработчика поддержка сетей Tron, Binance, Ethereum поддержка сетей Tron, Binance, Ethereum поддержка сетей Tron, Binance, Ethereum релиз расширения в Google Store релиз расширения в Google Store релиз расширения в Google Store [Хочу так же](#modal_for_form_without_textarea) ## Задача Основатели продукта хотели создать инструмент для удобных и быстрых платежей в криптовалюте. ## Задача Основатели продукта хотели создать инструмент для удобных и быстрых платежей в криптовалюте. ## Задача Основатели продукта хотели создать инструмент для удобных и быстрых платежей в криптовалюте. ### Какую проблему стремились решить Cpaytoday: ### Какую проблему стремились решить Cpaytoday: ### Какую проблему стремились решить Cpaytoday: Финансовые расчёты (зарплаты, выплаты подрядчикам) выполняются в одном сервисе (Google Sheets), в то время как платежи совершаются в других (холодные кошельки). Финансовые расчёты (зарплаты, выплаты подрядчикам) выполняются в одном сервисе (Google Sheets), в то время как платежи совершаются в других (холодные кошельки). Финансовые расчёты (зарплаты, выплаты подрядчикам) выполняются в одном сервисе (Google Sheets), в то время как платежи совершаются в других (холодные кошельки). Нет удобных решений для автоматического формирования мультивалютных платежей в криптовалютах. Нет удобных решений для автоматического формирования мультивалютных платежей в криптовалютах. Нет удобных решений для автоматического формирования мультивалютных платежей в криптовалютах. Хотя рынок криптоинструментов для бизнеса постепенно растет, обе эти проблемы усложняют и затягивают процесс работы с криптоплатежами, что потенциально создаёт возможности для появления новых продуктов. Хотя рынок криптоинструментов для бизнеса постепенно растет, обе эти проблемы усложняют и затягивают процесс работы с криптоплатежами, что потенциально создаёт возможности для появления новых продуктов. Хотя рынок криптоинструментов для бизнеса постепенно растет, обе эти проблемы усложняют и затягивают процесс работы с криптоплатежами, что потенциально создаёт возможности для появления новых продуктов. ## Решение Наша цель заключалась в том, чтобы реализовать MVP как можно быстрее и проще, чтобы сократить время выхода на рынок, показать пользователям первую версию продукта, собрать отзывы и подтвердить спрос на такой продукт. ## Решение Наша цель заключалась в том, чтобы реализовать MVP как можно быстрее и проще, чтобы сократить время выхода на рынок, показать пользователям первую версию продукта, собрать отзывы и подтвердить спрос на такой продукт. ## Решение Наша цель заключалась в том, чтобы реализовать MVP как можно быстрее и проще, чтобы сократить время выхода на рынок, показать пользователям первую версию продукта, собрать отзывы и подтвердить спрос на такой продукт. - ![](https://metalamp.ru/images/cpaytoday/solution-section-img-1.png) Решение представлено в виде расширения для Google Sheets. Поскольку большинство опрошенных пользователей использовали Google Sheets для расчета зарплат и расходов на подрядчиков, создание инструмента для работы непосредственно в интерфейсе таблиц казалось наилучшим решением. - ![](https://metalamp.ru/images/cpaytoday/solution-section-img-2.png) Мы интегрировали сети Binance, Ethereum и Tron. Для MVP мы выбрали одни из самых популярных сетей, поскольку добавление большего количества сетей потребовало бы написания дополнительных смарт-контрактов и увеличило бы время разработки. - ![](https://metalamp.ru/images/cpaytoday/solution-section-img-3.png) Автоматическое обнаружение данных. Пользователям нужно было лишь выбрать столбцы с адресами криптовалютных кошельков и суммами платежей в таблицах, и данные автоматически переносились в процесс платежей. Решение представлено в виде расширения для Google Sheets. Поскольку большинство опрошенных пользователей использовали Google Sheets для расчета зарплат и расходов на подрядчиков, создание инструмента для работы непосредственно в интерфейсе таблиц казалось наилучшим решением. ![solution-section-img-1-table](https://metalamp.ru/images/cpaytoday/solution-section-img-1-table.png) ![solution-section-img-1-app](https://metalamp.ru/images/cpaytoday/solution-section-img-1-app.png) Мы интегрировали сети Binance, Ethereum и Tron. Для MVP мы выбрали одни из самых популярных сетей, поскольку добавление большего количества сетей потребовало бы написания дополнительных смарт-контрактов и увеличило бы время разработки. ![solution-section-img-2-table](https://metalamp.ru/images/cpaytoday/solution-section-img-1-table.png) ![solution-section-img-2-app](https://metalamp.ru/images/cpaytoday/solution-section-img-2-app.png) Автоматическое обнаружение данных. Пользователям нужно было лишь выбрать столбцы с адресами криптовалютных кошельков и суммами платежей в таблицах, и данные автоматически переносились в процесс платежей. ![solution-section-img-3-table](https://metalamp.ru/images/cpaytoday/solution-section-img-3-table.png) ![solution-section-img-3-app](https://metalamp.ru/images/cpaytoday/solution-section-img-3-app.png) Этого функционала было достаточно для тестирования на первых пользователях. Этого функционала было достаточно для тестирования на первых пользователях. Этого функционала было достаточно для тестирования на первых пользователях. ## Команда и стек технологий Команда и стек технологий Команда и стек технологий - ![Павел](https://metalamp.ru/images/cpaytoday/team-img-1.png) ### Frontend разработчик Павел - ![Алексей](https://metalamp.ru/images/cpaytoday/team-img-2.png) ### Разработчик смарт-контрактов Алексей - ![Денис](https://metalamp.ru/images/cpaytoday/team-img-3.png) ### Проектный менеджер Денис ![Павел](https://metalamp.ru/images/cpaytoday/team-img-1.png) Frontend разработчик Павел ![Павел](https://metalamp.ru/images/cpaytoday/team-img-1.png) Frontend разработчик Павел ![Павел](https://metalamp.ru/images/cpaytoday/team-img-1.png) Frontend разработчик Павел ![Алексей](https://metalamp.ru/images/cpaytoday/team-img-2.png) Разработчик смарт-контрактов Алексей ![Алексей](https://metalamp.ru/images/cpaytoday/team-img-2.png) Разработчик смарт-контрактов Алексей ![Алексей](https://metalamp.ru/images/cpaytoday/team-img-2.png) Разработчик смарт-контрактов Алексей ![Денис](https://metalamp.ru/images/cpaytoday/team-img-3.png) Проектный менеджер Денис ![Денис](https://metalamp.ru/images/cpaytoday/team-img-3.png) Проектный менеджер Денис ![Денис](https://metalamp.ru/images/cpaytoday/team-img-3.png) Проектный менеджер Денис React Библиотека интерфейсов: идеальное решение для архитектуры на основе компонентов. React Библиотека интерфейсов: идеальное решение для архитектуры на основе компонентов. React Библиотека интерфейсов: идеальное решение для архитектуры на основе компонентов. TypeScript Повышает безопасность разработки и внедрения, улучшая производительность в проектах с высокой нагрузкой. TypeScript Повышает безопасность разработки и внедрения, улучшая производительность в проектах с высокой нагрузкой. TypeScript Повышает безопасность разработки и внедрения, улучшая производительность в проектах с высокой нагрузкой. Solidity Позволяет разработчикам писать смарт-контракты для децентрализованных приложений с повышенной безопасностью и эффективностью. Solidity Позволяет разработчикам писать смарт-контракты для децентрализованных приложений с повышенной безопасностью и эффективностью. Solidity Позволяет разработчикам писать смарт-контракты для децентрализованных приложений с повышенной безопасностью и эффективностью. Поддержка сетей: ![tron-icon](https://metalamp.ru/images/cpaytoday/tron-icon.svg) ![ethereum-icon](https://metalamp.ru/images/cpaytoday/ethereum-icon.svg) ![binance-icon](https://metalamp.ru/images/cpaytoday/binance-icon.svg) Денис Добровольский Проектный менеджер Самым длительным и непредсказуемым процессом для нас был выпуск в Google Store. Выпуск в магазинах часто бывает сложным и занимает много времени, но на этот раз нам пришлось загружать продукт около 5 раз, получая при этом слабую и неясную обратную связь со стороны Google Store. Но мы все же справились! Денис Добровольский Проектный менеджер Самым длительным и непредсказуемым процессом для нас был выпуск в Google Store. Выпуск в магазинах часто бывает сложным и занимает много времени, но на этот раз нам пришлось загружать продукт около 5 раз, получая при этом слабую и неясную обратную связь со стороны Google Store. Но мы все же справились! Денис Добровольский Проектный менеджер Самым длительным и непредсказуемым процессом для нас был выпуск в Google Store. Выпуск в магазинах часто бывает сложным и занимает много времени, но на этот раз нам пришлось загружать продукт около 5 раз, получая при этом слабую и неясную обратную связь со стороны Google Store. Но мы все же справились! ## Будущее проекта Сразу после выпуска продукт был запущен на Product Hunt и начал привлекать первых пользователей. В настоящее время продукт ищет инвестиции и партнерства с различными блокчейн-сетями. ## Будущее проекта Сразу после выпуска продукт был запущен на Product Hunt и начал привлекать первых пользователей. В настоящее время продукт ищет инвестиции и партнерства с различными блокчейн-сетями. ## Будущее проекта Сразу после выпуска продукт был запущен на Product Hunt и начал привлекать первых пользователей. В настоящее время продукт ищет инвестиции и партнерства с различными блокчейн-сетями. [Готовы выпустить свой MVP?](#modal_for_form_without_textarea) ## MetaLamp Magazine Больше нашего опыта можно найти в статьях. Прочитайте о том, как рассчитываются транзакции в Ethereum и какой роллап выбрать для своего проекта. [Перейти в журнал](https://metalamp.ru/magazine) [Перейти в журнал](https://metalamp.ru/magazine) [Lees meer...](https://metalamp.ru/cases/cpaytoday.md) ## MetaPool ![MetaPool](https://metalamp.ru/images/cases/MetaPool.png) ![blob-1](https://metalamp.ru/images/metapool/blob-1.svg) # MetaPool —  образовательный сервис для криптоинвесторов [Перейти ко всем кейсам](https://metalamp.ru/cases) ![Даша](https://metalamp.ru/images/metapool/dasha-kiseleva.png) Даша менеджер проекта ![arrow-pink](https://metalamp.ru/images/metapool/arrow-pink.svg) Привет! Расскажу, как клиент пришёл к нам с идеей, а ушёл с готовым проектом и поднял раунд инвестиций 🐝 ## О проекте MetaPool — это платформа для инвестиций, ценность которой в объединении активов пользователей в пулы для достижения максимального финансового результата от участия в пресейлах токенов и правлениями пулами ликвидности. Зачем Популяризовать криптовалюту и создать возможность экологичного и простого заработка для каждого. Для кого Для опытных крипто-инвесторов, которые не имеют или времени для выбора проекта для инвестирования, или не обладают достаточным количеством активов для выполнения условий пресейла. Для новичков, не знакомых с криптовалютой, которые хотят инвестировать, но не имеют опыта в создании криптокошельков, приобретения криптовалюты и т.д. ## О результатах ![Даша](https://metalamp.ru/images/metapool/dasha-kiseleva.png) Даша менеджер проекта ![arrow-pink](https://metalamp.ru/images/metapool/arrow-pink.svg) За время работы над проектом мы сделали всё и даже больше, чем планировали: от составления ТЗ до написания смарт-контрактов ![solidity-logo](https://metalamp.ru/images/metapool/solidity-logo.svg) Смарт-контракты Написали на Solidity ![python-logo](https://metalamp.ru/images/metapool/python-logo.svg) ![django-logo](https://metalamp.ru/images/metapool/django-logo.svg) Backend В основе Python, а для админки — Django ![typescript-logo](https://metalamp.ru/images/metapool/typescript-logo.svg) ![react-logo](https://metalamp.ru/images/metapool/react-logo.svg) ![mobx-logo](https://metalamp.ru/images/metapool/mobx-logo.svg) Frontend TypeScript, React по дефолту, MobX как стейт-менеджер ![figma-logo](https://metalamp.ru/images/metapool/figma-logo.svg) ![qase](https://metalamp.ru/images/metapool/qase.svg) Design, testing Figma для всех этапов. Для хранения тест-кейсов — qase.io Сколько длились работы 3 месяца. В ходе работы требования менялись, а мы сделали больше, чем планировали и этим довольны. Как держали связь С клиентом в Telegram-чатах и на еженедельных демо. Клиент активно вовлекался в процессы, созванивались несколько раз в неделю. С командой — Telegram-чаты и ежедневные митинги по прогрессу. Задачи вели в Trello, GitHub. ![cryptogang](https://metalamp.ru/images/metapool/cryptogang.png) ![landing](https://metalamp.ru/images/metapool/landing 2.png) ![few-steps](https://metalamp.ru/images/metapool/few-steps.png) ![metapool-page](https://metalamp.ru/images/metapool/metapool-page.png) ![metapool-card](https://metalamp.ru/images/metapool/metapool-card.png) ![metatrade](https://metalamp.ru/images/metapool/metatrade.png) Кто всё сделал ![Даша](https://metalamp.ru/images/metapool/dasha-kiseleva.png) Даша менеджер проекта ![Миша](https://metalamp.ru/images/metapool/michael-d.jpg) Миша техлид, бэкендер ![Миша](https://metalamp.ru/images/metapool/misha-yakubchuk.png) Миша фронтендер ![Игорь](https://metalamp.ru/images/metapool/igor-smolkov.png) Игорь фронтендер ![Рома](https://metalamp.ru/images/metapool/roma-yarlykov.png) Рома разработчик смарт-контрактов ![Валера](https://metalamp.ru/images/metapool/valera-ovsyannikov.png) Валера тестировщик ![Влад](https://metalamp.ru/images/metapool/vlad-starostenko.png) Влад дизайнер ![Ваня](https://metalamp.ru/images/metapool/vanya-prokofiev.png) Ваня бэкендер [Хочу с вами поработать](#modal_for_form_with_textarea) ![blob-2](https://metalamp.ru/images/metapool/blob-2.svg) ## О процессе работы ![Даша](https://metalamp.ru/images/metapool/dasha-kiseleva.png) Даша менеджер проекта ![arrow-pink](https://metalamp.ru/images/metapool/arrow-pink.svg) Вот как мы начинали: - ### Собрали требования Переформулировали все идеи в задачи, разобрались с ограничениями. В результате подготовили вайрфреймы и ТЗ на разработку. - ### Оценили сроки и стоимость работы По имеющимся данным из ТЗ разработчики и дизайнер составили план работ с оценкой каждой задачи в днях. - ### Засинхронили ожидания Убедились, что и клиент, и наша команда поняли задачу одинаково и учли ограничения. Утвердили формат работ и коммуникации. ![Даша](https://metalamp.ru/images/metapool/dasha-kiseleva.png) Даша менеджер проекта ![arrow-pink](https://metalamp.ru/images/metapool/arrow-pink.svg) Первым этапом мы запараллелили работы по дизайну и бэкенду ![Миша](https://metalamp.ru/images/metapool/michael-d.jpg) Миша техлид, бэкендер ![arrow-blue](https://metalamp.ru/images/metapool/arrow-blue.svg) Даш, извини, что перебиваю, но я что-то увлёкся и всё по бэку сделал. Хоть дизайна ещё нет, давайте покажем заказчику, как всё работает, на тестовых компонентах интерфейса? ![Миша](https://metalamp.ru/images/metapool/misha-yakubchuk.png) Миша креативный фронтендер ![arrow-light-blue](https://metalamp.ru/images/metapool/arrow-light-blue.svg) Нет проблем, побуду дизайнером 👨🏻🎨 А UI накинем, как будет готов ## О вызове №1: интеграции GSN ![Богдан Гаврилец](https://metalamp.ru/images/metapool/bogdan-gavrilets.png) Богдан Гаврилец клиент, фаундер MetaPool ![arrow-green](https://metalamp.ru/images/metapool/arrow-green.svg) Ребята, нам нужно сделать, чтоб клиенты о комиссии не переживали. Этого не было в оценке. Можем? ![Даша](https://metalamp.ru/images/metapool/dasha-kiseleva.png) Даша гибкий менеджер ![arrow-pink](https://metalamp.ru/images/metapool/arrow-pink.svg) Парам! Можем. ![arrow-pink](https://metalamp.ru/images/metapool/arrow-pink.svg) Это было сложно, но мы-таки обеспечили пользователям безгазовые транзакции в сервисе, интегрировав решение от Gas Station Network. Вот с какими сложностями мы столкнулись: ![blob-3](https://metalamp.ru/images/metapool/blob-3.svg) ## О вызове №1: интеграции GSN - ### Специфика токена Решение «из коробки» подходит для безгазовых транзакций с Eth в Ethereum. Наша задача была обеспечить безгазовые транзакции с BUSD в Binance Smart Chain. Разница в том, что настройка для нативных токенов (коем является Eth и BNB) проще, чем настройка для BEP-20 (или ERC-20) токенов из-за особенностей самих токенов. - ### Мало примеров реализации Хоть OpenGSN и предоставляет решения во многих EVM-совместимых сетях, в BSC инфраструктура развита не достаточно: мало тестовых серверов, не решены все проблемы сети, мало проектов, у которых можно посмотреть «А как сделали другие?». - ### Дополнительные вычисления Отправителем транзакции, совершённой через GSN, является один из контрактов-посредников системы. В нашем сервисе было важно отслеживать, с какого именно кошелька совершена транзакция, чтобы пополнить баланс пользователя. ![Рома](https://metalamp.ru/images/metapool/roma-yarlykov.png) Рома мастер над смарт-контрактами ![arrow-violet](https://metalamp.ru/images/metapool/arrow-violet.svg) В результате мы проделали следующее: - ### Интегрировали контракты GSN с системой контрактов сервиса - ### Переписали логику на бэкенде, чтобы отслеживать безгазовые транзакции - ### Сменили несколько провайдеров тестовой сети и серверов GSN, чтобы протестировать в разных условиях - ### Для продакшна подняли свой релейный сервер, чтобы всё работало быстро и без сбоев ![Рома](https://metalamp.ru/images/metapool/roma-yarlykov.png) Рома мастер над смарт-контрактами ![arrow-violet](https://metalamp.ru/images/metapool/arrow-violet.svg) Спасибо, я в порядке 🤖 ## О вызове №2: смене приоритетов ![Богдан Гаврилец](https://metalamp.ru/images/metapool/bogdan-gavrilets.png) Богдан Гаврилец клиент, фаундер MetaPool ![arrow-green](https://metalamp.ru/images/metapool/arrow-green.svg) У нас будет запись для иностранной конференции и надо показать наш MVP. Можем? ![Даша](https://metalamp.ru/images/metapool/dasha-kiseleva.png) Даша менеджер проекта ![arrow-pink](https://metalamp.ru/images/metapool/arrow-pink.svg) Мы гибко подстраивались под изменяющиеся запросы клиента, потому что понимаем, что такое работа над стартапом. Поэтому проводили работы короткими итерациями, ставили цели на спринт исходя из требований клиента и маркетингового плана. ![blob-4](https://metalamp.ru/images/metapool/blob-4.svg) ## О планах проекта ![Даша](https://metalamp.ru/images/metapool/dasha-kiseleva.png) Даша менеджер проекта ![arrow-pink](https://metalamp.ru/images/metapool/arrow-pink.svg) Вместе с клиентом мы проделали важный шаг в жизни сервиса, после которого ожидаются дальнейшие этапы. И мы рады помогать в этом 🚀 ![roadmap](https://metalamp.ru/images/metapool/roadmap-metapool.png) ![Богдан Гаврилец](https://metalamp.ru/images/metapool/bogdan-gavrilets.png) Богдан Гаврилец клиент, фаундер MetaPool ![arrow-green](https://metalamp.ru/images/metapool/arrow-green.svg) На протяжении всей работы ребята воплотили в жизнь дополнительные идеи по функциональности, держали прозрачным процесс и проект был готов через 3 месяца. Это позволило мне поднять инвестиции и теперь впереди выпуск в продакшн! [Lees meer...](https://metalamp.ru/cases/metapool.md) ## Ptichka ![Ptichka](https://metalamp.ru/images/cases/ptichka.png) # Сервис курьерской доставки «Птичка» [Перейти ко всем кейсам](https://metalamp.ru/cases) ![](https://metalamp.ru/images/ptichka/vova-p.png) Владимир Кобзев Январь 2017 Всем привет! Нужен фронтендер, там работы на 2 недели, гипотезу потестить. Сделать веб-форму заказа курьеров. ![](https://metalamp.ru/images/ptichka/sergey-p.png) Сергей Черепанов Январь 2017 Мне интересно! Знаю ReactJS, JavaScript, Python. Беру на себя всю техническую часть. ![](https://metalamp.ru/images/ptichka/sergey-p.png) Расскажи о проекте. ![](https://metalamp.ru/images/ptichka/vova-p.png) Владимир Кобзев Январь 2017 Хочу запустить Uber для курьеров. ![logo_main-white](https://metalamp.ru/images/ptichka/logo_main-white.svg) ![logo_icon-white](https://metalamp.ru/images/ptichka/logo_icon-white.svg) MetaLamp Декабрь 2021 Так, в 2017 году вместе с топ-менеджером крупнейшей службы курьерской доставки по Москве «Достависта» Владимиром Кобзевым мы начали работу над новым стартапом — «Птичкой». [Ключевые особенности](https://metalamp.ru/ptichka#key-features) [Этапы работы](https://metalamp.ru/ptichka#project-stages) [Подробности проекта](https://metalamp.ru/ptichka#project-details) [Технологии](https://metalamp.ru/ptichka#our-technologies) [Почему мы?](https://metalamp.ru/ptichka#why-us) «Птичка» — это Одностраничная ‍форма заявки Отсутствие колл- центра‍ Автоматизированные ‍найм и обучение курьеров Гибкая cистема поручений и типов посылок Гибкая cистема поручений и типов посылок «Птичка» — это Одностраничная форма заявки Отсутствие колл-центра‍ Автоматизированные ‍найм и обучение курьеров Гибкая cистема поручений и типов посылок ## Этапы работы Идея! month 1 month 2 month 3-4 month 5-6 month 7-8 month 9-10 month 11-12 month 13-24 month 25-36 development design analytics ![cross-yellow](https://metalamp.ru/images/ptichka/cross-yellow.svg) ![shevron-right-yellow](https://metalamp.ru/images/ptichka/shevron-right-yellow.svg) MetaLamp Декабрь 2021 Мы шаг за шагом прошли все этапы работы над проектом: от идеи до реализации. Выкатывали MVP и тестировали, работали в цикле над каждым изменением и фичей. ![logo_icon-blue](https://metalamp.ru/images/ptichka/logo_icon-blue.svg) ![logo_main-blue](https://metalamp.ru/images/ptichka/logo_main-blue.svg) Это бесконечный и непрерывный процесс слаженной работы всей команды 💪 `; this.stages.appendChild(badgeWrapper); this.calcBadgeWrapperOffset(badgeWrapper, line); } hideMessage() { this.messages.classList.remove("stages-work__messages_visible"); const closeIcon = this.rootObject.querySelector('[data-action="close"]'); const openIcon = this.rootObject.querySelector('[data-action="open"]'); this.badgesWrappers.forEach((item) => { item .querySelector(".stages-work__badge") .classList.remove("stages-work__badge_disabled"); }); if(this.messages.classList.contains('stages-work__messages_visible')) { closeIcon.classList.add('stages-work__button-icon_visible'); openIcon.classList.remove('stages-work__button-icon_visible'); } else { closeIcon.classList.remove('stages-work__button-icon_visible'); openIcon.classList.add('stages-work__button-icon_visible'); } } setScaleStyles(newLeft) { this.scaleItems.forEach((item) => { const coords = item .querySelector(".stages-work__line") .getBoundingClientRect().left; if (coords { const badge = item.querySelector(".stages-work__badge"); const EMPTY_BADGE_WIDTH = 48; const SLIDER_START_COORD = 5; const left = item.getBoundingClientRect().left - this.sliderLeftCoord; const right = item.getBoundingClientRect().right - this.sliderLeftCoord; const width = right - left; const filledWidth = left - newLeft - tooltipWidth; const filledWidthPrc = (-100 * filledWidth) / width; if (newLeft = 0) { badge.style.width = filledWidthPrc + "%"; if ( badge.offsetWidth { item .querySelector(".stages-work__badge") .classList.toggle("stages-work__badge_disabled"); }); this.buttonIcon.forEach((item) => { item.classList.toggle("stages-work__button-icon_visible"); }); } handleDocumentClick(e) { if (this.messages.classList.contains('stages-work__messages_visible')) { this.hideMessage(); } } handleTooltipPointerDown(e) { e.preventDefault(); this.shiftX = e.clientX - this.tooltip.getBoundingClientRect().left; this.tooltip.setPointerCapture(e.pointerId); this.tooltip.addEventListener("pointermove", this.handleTooltipPointerMove); this.tooltip.addEventListener("pointerup", this.handleTooltipPointerUp); } handleTooltipPointerMove(event) { let newLeft = event.clientX - this.shiftX - this.sliderLeftCoord; if (newLeft rightEdge) { newLeft = rightEdge; } if (newLeft === rightEdge) { this.button.classList.add("stages-work__button_visible"); } else { this.button.classList.remove("stages-work__button_visible"); } if (newLeft > 0) { this.arrow.classList.add("stages-work__arrow_hidden"); } else { this.arrow.classList.remove("stages-work__arrow_hidden"); } this.setScaleStyles(this.tooltip.getBoundingClientRect().right); this.calcBadgeWidth(newLeft, this.shiftX); this.tooltip.style.left = newLeft + "px"; this.progressBar.style.width = (newLeft * 100) / this.slider.offsetWidth + "%"; } handleTooltipPointerUp() { this.tooltip.removeEventListener("pointerup", this.handleTooltipPointerUp); this.tooltip.removeEventListener("pointermove", this.handleTooltipPointerMove); } handleWindowResize() { this.tooltip.style.left = 0; this.progressBar.style.width = 0; this.button.classList.remove("stages-work__button_visible"); this.arrow.classList.remove("stages-work__arrow_hidden"); this.messages.classList.remove("stages-work__messages_visible"); this.badgesWrappers.forEach((item) => { item .querySelector(".stages-work__badge") .classList.remove("stages-work__badge_disabled"); }); badges.forEach((item, i) => { this.setBadgeWrapperSize(this.badgesWrappers[i], item.start, item.end); this.calcBadgeWrapperOffset(this.badgesWrappers[i], item.line); }); if (window.innerWidth { const badge = item.querySelector(".stages-work__badge"); badge.style.width = "100%"; badge.style.opacity = 1; }); this.progressBar.style.width = "100%"; this.removeEventListeners(); } else { this.addEventListeners(); } } } const root = document.querySelector(".stages-work"); new StagesOfWork(root); ![logo_icon-blue](https://metalamp.ru/images/ptichka/logo_icon-blue.svg) MetaLamp Декабрь 2021 Мы шаг за шагом прошли все этапы работы над проектом: от идеи до реализации. Выкатывали MVP и тестировали, работали в цикле над каждым изменением и фичей. ![](https://metalamp.ru/images/ptichka/sergey-p.png) Это бесконечный и непрерывный процесс слаженной работы всей команды 💪 Подробности проекта Одностраничная форма заявки MetaLamp Декабрь 2021 Например, стало возможным видеть, как вес посылки или сроки влияют на стоимость заказа, изменить, перепроверить все данные и запустить поиск курьера. ![](https://metalamp.ru/images/ptichka/logo_icon-white.svg) ![](https://metalamp.ru/images/ptichka/logo_main-white.svg) Мы стремились сделать процесс заказа доставки удобнее. В большинстве сервисов на тот момент процесс заказа был таким: ввести адреса, откуда и куда доставить, а на следующем экране подробности заказа и только в конце узнать стоимость, например. Ошибся или передумал — запутался в экранах и ушёл. Мы поместили всю функциональность на один экран. Отсутствие колл-центра и линейного менеджмента MetaLamp Декабрь 2021 Отметить статус заказа, получить ответы на вопросы или решить проблему курьеры могли через Telegram-бот, а чат с менеджером нужен был только в нетривиальных ситуациях. Благодаря этому на несколько сотен заказов в день хватало 1-2 менеджеров в команде, которыми были сами инженеры сервиса. ![](https://metalamp.ru/images/ptichka/logo_icon-white.svg) ![](https://metalamp.ru/images/ptichka/logo_main-white.svg) Многие службы доставок содержали штат менеджеров для сопровождения заказов. Например, курьер доставил заказ, клиент должен сфотографировать посылку и отправить в сервис, а менеджер — проверить, выставить заказу статус «Выполнен» и т.д. Мы решили сократить издержки и автоматизировали все возможные действия менеджеров. Автоматизация найма и обучения курьеров MetaLamp Декабрь 2021 Обучали курьеров через тесты в Typeform, где доносили основные принципы работы с клиентами, давали инструкции для решения конфликтных ситуаций. ![](https://metalamp.ru/images/ptichka/logo_icon-white.svg) ![](https://metalamp.ru/images/ptichka/logo_main-white.svg) Мы стремились сократить путь от регистрации курьера до первого выполненного заказа. Достаточно было скачать приложение, отправить фото паспорта и пройти обучение, чтобы получить доступ к заказам без всякой коммуникации с менеджером. Гибкая система поручений и типов посылок MetaLamp Декабрь 2021 Мы одни из первых внедрили к процессу доставки дополнительные поручения. Отправитель мог поручить не только привезти посылку, но и, например, подождать, пока получатель примерит вещь в заказе, а если не подошло, привезти на адрес отправителю. Это дало отправителям больше удобства, а курьеры стали получать вознаграждение за дополнительные просьбы. ![](https://metalamp.ru/images/ptichka/logo_icon-white.svg) ![](https://metalamp.ru/images/ptichka/logo_main-white.svg) Клиенты «Птички» могли указать параметры посылки более подробно, чем в других сервисах. Так, курьеры на этапе выбора заказа для исполнения видели, что нужно доставить не просто посылку 20х30х5 см, а торт. Это помогало понять, удобно ли будет выполнить такой заказ, передвигаясь на метро например. ## Подробности проекта Одностраничная форма заявки Мы стремились сделать процесс заказа доставки удобнее. В большинстве сервисов на тот момент процесс заказа был таким: ввести адреса, откуда и куда доставить, а на следующем экране подробности заказа и только в конце узнать стоимость, например. Ошибся или передумал — запутался в экранах и ушёл. Мы поместили всю функциональность на один экран. MetaLamp Декабрь 2021 Например, стало возможным видеть, как вес посылки или сроки влияют на стоимость заказа, изменить, перепроверить все данные и запустить поиск курьера. ![](https://metalamp.ru/images/ptichka/logo_icon-white.svg) ![](https://metalamp.ru/images/ptichka/logo_main-white.svg) Отсутствие колл-центра и линейного менеджмента Многие службы доставок содержали штат менеджеров для сопровождения заказов. Например, курьер доставил заказ, клиент должен сфотографировать посылку и отправить в сервис, а менеджер — проверить, выставить заказу статус «Выполнен» и т.д. Мы решили сократить издержки и автоматизировали все возможные действия менеджеров. MetaLamp Декабрь 2021 Отметить статус заказа, получить ответы на вопросы или решить проблему курьеры могли через Telegram-бот, а чат с менеджером нужен был только в нетривиальных ситуациях. Благодаря этому на несколько сотен заказов в день хватало 1-2 менеджеров в команде, которыми были сами инженеры сервиса. ![](https://metalamp.ru/images/ptichka/logo_icon-white.svg) ![](https://metalamp.ru/images/ptichka/logo_main-white.svg) Автоматизация найма и обучения курьеров Мы стремились сократить путь от регистрации курьера до первого выполненного заказа. Достаточно было скачать приложение, отправить фото паспорта и пройти обучение, чтобы получить доступ к заказам без всякой коммуникации с менеджером. MetaLamp Декабрь 2021 Обучали курьеров через тесты в Typeform, где доносили основные принципы работы с клиентами, давали инструкции для решения конфликтных ситуаций. ![](https://metalamp.ru/images/ptichka/logo_icon-white.svg) ![](https://metalamp.ru/images/ptichka/logo_main-white.svg) Гибкая система поручений и типов посылок Клиенты «Птички» могли указать параметры посылки более подробно, чем в других сервисах. Так, курьеры на этапе выбора заказа для исполнения видели, что нужно доставить не просто посылку 20х30х5 см, а торт. Это помогало понять, удобно ли будет выполнить такой заказ, передвигаясь на метро например. MetaLamp Декабрь 2021 Мы одни из первых внедрили к процессу доставки дополнительные поручения. Отправитель мог поручить не только привезти посылку, но и, например, подождать, пока получатель примерит вещь в заказе, а если не подошло, привезти на адрес отправителю. Это дало отправителям больше удобства, а курьеры стали получать вознаграждение за дополнительные просьбы. ![](https://metalamp.ru/images/ptichka/logo_icon-white.svg) ![](https://metalamp.ru/images/ptichka/logo_main-white.svg) ## Технологии MVP формы для заказа курьеров сделали на Python+Django и TypeScript+React. Впоследствии переписали бэкенд сервиса на Haskell. MVP для курьеров было в виде бота в Telegram. Впоследствии в дополнение к боту разработали кроссплатформенное приложение на React Native и Flutter. - ### Haskell Позволил стабилизировать работу сервиса, подстроить его под пиковые нагрузки, а также упростил работу с поддержанием кода. Благодаря этому новые функции стало проще разрабатывать без страха навредить всему проекту. - ### Flutter Ускорил работу курьеров: первое приложение на React Native загружалось 5-10 секунд, а новое, написанное уже на Flutter, — 1-2 секунды. Мы сделали приложение кроссплатформенным, что сократило на тот момент сроки и бюджет на разработку нативных приложений для iOS и Android. Мы прошли непростой, но интересный путь от голой идеи до реализации масштабируемого стартапа, который просуществовал 4 года. Работая с IT-предпринимателями сейчас, мы не понаслышке знаем, как это — быть стартапером. ## Чему мы научились? ![logo_main-blue](https://metalamp.ru/images/ptichka/logo_main-blue.svg) ![logo_icon-blue](https://metalamp.ru/images/ptichka/logo_icon-blue.svg) MetaLamp Декабрь 2021 Мы столкнулись с трудностями масштабирования проекта, которые побороли выбором технологий. ![](https://metalamp.ru/images/ptichka/sergey-p.png) Сейчас мы внимательно относимся к выбору между быстрым результатом и тщательной проработкой архитектуры на старте. Мы уверены: иногда стоит сделать быстро и «костыльно», а иногда — сбавить темп, чтобы подготовится к будущим вызовам проекта. ## Почему мы? ## Наш опыт пригодится вам в разработке - ### Сервисов доставки еды, продуктов и лёгких посылок Опыт работы с расчётами срока и стоимости заказов в зависимости от расстояний и прочих факторов, настройки гибкой детализации, работы с геолокациями и интеграциями карт позволит эффективно разрабатывать аналогичные сервисы. - ### Высоконагруженных систем: финансы, логистика, science-моделирование и т.д. Опыт работы с Haskell открыл нам дорогу в работу с многофункциональными системами, где высоки требования к нагрузке и необходимы 100% надёжности работы. - ### Мобильных приложений на Flutter и React Native Мы успели поработать с кроссплатформенными технологиями, изучив преимущества и недостатки каждой. Сейчас в разработке стартапов и их MVP мы прибегаем именно к этим двум инструментам. [Lees meer...](https://metalamp.ru/cases/ptichka.md) ## Cardano NFT-маркетплейс ![Cardano NFT-маркетплейс](https://metalamp.ru/images/cases/cardano.png) # Cardano NFT-маркетплейс ## В партнёрстве с IOHK [Перейти ко всем кейсам](https://metalamp.ru/cases) stateTransitionCheck :: MarketplaceDatum -> MarketplaceRedeemer ->    ScriptContext -> Bool stateTransitionCheck nftStore (CreateNftRedeemer ipfsCidHash nftEntry)    ctx =      traceIfFalse "CreateNftRedeemer: " $      traceIfFalse "NFT entry already exists" $     isNothing $ AssocMap.lookup ipfsCidHash $ nftUnion nftStore ‍ [github.com...](https://github.com/input-output-hk/plutus-use-cases/) Мы спроектировали и разработали первый NFT-маркетплейс на Cardano. Главной нашей целью было тестирование платформы Plutus — среды для написания смарт-контрактов на блокчейне Cardano. ## Команда проекта ![](https://metalamp.ru/images/nft-markeplace/project-team/olga.png) [Ольга](https://github.com/olgaklimenko) [![](https://metalamp.ru/images/nft-markeplace/project-team/github-logo.svg)](https://github.com/olgaklimenko) Инженер Plutus ![](https://metalamp.ru/images/nft-markeplace/project-team/dasha.png) [Дарья](https://www.linkedin.com/in/darya-trifonova-762468189/) [![](https://metalamp.ru/images/nft-markeplace/project-team/in-logo.svg)](https://www.linkedin.com/in/darya-trifonova-762468189/) Менеджер проекта ![](https://metalamp.ru/images/nft-markeplace/project-team/stas.png) [Станислав](https://github.com/stanislav-az) [![](https://metalamp.ru/images/nft-markeplace/project-team/github-logo.svg)](https://github.com/stanislav-az) Инженер Plutus ## Использованные технологии - ![](https://metalamp.ru/images/nft-markeplace/technology/haskell.svg) ### haskell - ![](https://metalamp.ru/images/nft-markeplace/technology/purescript.svg) ### purescript - ![](https://metalamp.ru/images/nft-markeplace/technology/nix-os.svg) ### nix-os - ![](https://metalamp.ru/images/nft-markeplace/technology/docker.svg) ### docker ## Workflow Workflow Workflow - ### Требования Мы получили технические требования от IOHK и разбили их на небольшие задачи, чтобы оценить примерный бюджет и сроки. - ### Процесс Решили работать по модели Time and Material из-за высокого уровня неопределённости. Платформу Plutus нужно было тестировать, поэтому риск непредвиденных проблем был реальным. - ### Коммуникация Наши разработчики продуктивно сотрудничали с командой IOHK. Мы принимали участие в Cardano Summit, ежемесячных обновлениях и технических презентациях. ![](https://metalamp.ru/images/nft-markeplace/project-team/dasha-pixel.svg) Дарья Менеджер проекта Помню, в каком восторге была команда, когда мы начали этот проект: это был шанс углубить наши знания о блокчейне Cardano, попробовать протокол IPFS и завернуть всё это в красивый интерфейс. Я горжусь тем, что стала частью этого проекта! ## Особенности проекта Приложение работает как классический маркетплейс для NFT Пользователи могут: - Создавать свои невзаимозаменяемые токены - Объединять карточки (токены) в коллекции (бандлы) - Проводить аукционы - Устанавливать цены и сроки аукционов - Загружать изображения, а также видео- и аудиофайлы ## Платформа монетизируется за счет комиссий от продажи NFT и аукционов. [Есть похожий проект?](#modal_for_form_with_textarea) ![](https://metalamp.ru/images/nft-markeplace/project-team/stas-pixel.svg) Станислав Инженер Plutus Каждое создание NFT происходит в два этапа: сначала загружаются связанные метаданные (это может быть любой файл, например, изображение) в хранилище, затем создается токен, который попадает в криптокошелёк создателя. Первый этап требует очень важного свойства — адресуемости контента, что обеспечивается протоколом IPFS: каждый файл получает уникальный идентификатор контента (Content ID). Основная задача смарт-контракта маркетплейса — обеспечить однозначную связь между токеном в кошельке пользователя и этим идентификатором контента. Приложение NFT-маркетплейса также предоставляет пользователю возможность выставлять NFT на продажу или аукцион, объединять их в коллекции, обеспечивая приватность ссылок на идентификаторы контента для не выставленных на продажу NFT. ## Почему IOHK выбрали нас ![](https://metalamp.ru/images/nft-markeplace/logo-iohk-color.svg) Инфраструктура для смарт-контрактов Cardano была написана на Haskell, а наша команда имеет опыт работы с Haskell с 2018 года. Это стало основной причиной, по которой IOHK обратились к нам. Наших опытных разработчиков на Haskell увлекают такие сложные и интересные задачи с их постоянными вызовами. Нам пришлось пройти партнёрскую вводную программу для освоения платформы Plutus, принять участие в исследовании различных решений вместе с командой заказчика, а также поработать над уникальными решениями — создать собственное децентрализованное приложение на Cardano. ## Опыт, который мы получили после этого проекта - ![](https://metalamp.ru/images/nft-markeplace/experience/developing-man.svg) ### Разработка децентрализованных приложений на Cardano (на платформе Plutus) - ![](https://metalamp.ru/images/nft-markeplace/experience/testing-man.svg) ### Тестирование и запуск приложений в тестовой сети Cardano - ![](https://metalamp.ru/images/nft-markeplace/experience/working-together.svg) ### Совместная работа с международным сообществом Haskell и обмен опытом с другими инженерами [Lees meer...](https://metalamp.ru/cases/nft-marketplace.md) ## TokenTactics ![TokenTactics](https://metalamp.ru/images/Token%20Tactics%201.png) [Перейти ко всем кейсам](https://metalamp.ru/cases) # TokenTactics Telegram Mini App с торговлей на демо-счёте, интеграцией с Binance API, крипторанком и рекламными сервисами. ![](https://metalamp.ru/images/Token Tactics 1.png) ## Запрос клиента Клиент обратился с идеей протестировать новый формат Telegram-игры, отличающийся от привычных кликерных механик. Необходимо было быстро создать MVP, проверить гипотезу win-to-win модели, протестировать монетизацию и привлечь первую аудиторию. - ### Сроки проекта Разработка проекта с нуля заняла 2 месяца - ### Команда 3 Backend разработчика 1 UX/UI дизайнер 2 Frontend разработчика 1 менеджер проекта - ### Технологии Back-End - Node.js, NestJS, Docker, PostgreSQL Front-End - Typescript, React.js ## Что мы сделали Мы реализовали Telegram Mini App с функционалом торговли активами на демо-счёте и возможностью конвертации в реальные активы в будущем. Интерфейс был адаптирован под Telegram, с учётом ограничений формата TMA. Пользовательский путь включал регистрацию, создание виртуального крипто-портфеля, участие в рейтингах и получение вознаграждений. Мы спроектировали архитектуру приложения так, чтобы приложение можно было масштабировать и развивать новыми функциями. ![](https://metalamp.ru/images/54321.png) ## Результат Клиент получил полностью работающее Telegram-приложение, которое уже в первые недели собрало активную базу пользователей и дало ценный фидбэк. Проект продолжает развиваться, тестируются новые модели монетизации, а рост аудитории обеспечивается как органически, так и за счёт рекламных интеграций.  [Сайт проекта](https://t.me/TokenTacticsGo) ![](https://metalamp.ru/images/33333 1.png) ## Похожие проекты [Смотреть ещё](https://metalamp.ru/cases) [Lees meer...](https://metalamp.ru/cases/tokentactics.md)