От анализа данных с электрошокера до 3D-модели Balenciaga: 5 наших челленджей в дизайне и разработке

Рассказываем, зачем для разработки приложения нам потребовался советский паяльник, как мы смогли подружить NFT и k-pop и почему у приложения для ночных клубов должна быть темная тема.

У нас в Purrweb большой опыт разработки и дизайна — и всё равно клиенты приходят с чем-то новеньким и необычным. А мы и рады: делимся самыми интересными проектами и рассказываем, как мы их вывезли.

Чем интересен проект: пришлось достать советский паяльник.

К нам пришел производитель электрошокеров для полиции и охранных предприятий. Нужно было разработать десктопное приложение для анализа данных с шокеров.

На момент обращения к нам заказчик уже подготовил работающий прототип на Windows. Он мог выводить графики с данными: когда применили шокер, с какой силой тока, как долго держали курок. Но было несколько проблем:

Самым сложным стало написать программу, которая снимала бы показания с шокера. Нам прислали микросхему устройства, чтобы мы протестировали все возможные случаи. Она подключалась к ноутбуку через два провода, один из которых постоянно отсоединялся. Так что нашему проджект-менеджеру пришлось вспомнить, как орудовать папиным старым паяльником.

Мы точь-в-точь повторили механику построения графиков, но сам интерфейс сделали проще. Разбили его на три смысловых блока: описание девайса, информация о выстреле и диаграмма заряда. Приложение разработали на Electron.js и тем самым сэкономили деньги заказчика — писали один код, а получилось три приложения для разных ОС.

Чем интересен проект: «переобулись» с API на датасеты в середине проекта.

Сейчас на Западе, да и у нас в России, стремятся к углеродной нейтральности. Многие компании обязаны следить за выбросами, а стартапы имеют больше шансов получить инвестиции, если сразу включают в бизнес-план экологические показатели. Заказчик из Великобритании пришел к нам с идеей экоконсультанта Carbon accounting.

Обычно компании должны не только зафиксировать объем выбросов, но и подготовить отчеты и рассчитать, сколько денег нужно, чтобы компенсировать нанесенный природе ущерб. Для всего этого нужно нанять специалистов в штат или передать задачу на аутсорсинг, а это большие затраты. Экоконсультант призван автоматизировать процессы и помочь бизнесу сэкономить.

Проблема заключалась в том, что единого алгоритма подсчета углеродного следа не было: разные сервисы высчитывали разные данные. Поэтому мы решили выстроить продукт на взаимодействии с другими API. Мы бы отправляли сервисам данные для расчета, а они бы возвращали результат.

За три месяца собрали прототип. Но потом всё пошло не по плану: заказчик начал сыпать новыми терминами и требованиями. Мы выяснили, что отчеты должны генерироваться по особым международным стандартам GHG Protocol, о которых клиент не говорил раньше. В итоге пришлось переходить с API на датасеты, чтобы собирать данные в соответствии со стандартами.

Проект растянулся еще на четыре месяца: мы изучали экопротоколы, переписывали серверную логику и старались максимально наглядно уложить данные в таблицах. Заказчик хотел побыстрее показать проект инвесторам, поэтому делали всё в темпе и как могли выкручивались со старой архитектурой. Но это история с хорошим концом: клиент остался доволен, а у экоконсультанта уже появились первые пользователи.

Чем интересен проект: сделали как у Adobe, но с небольшим бюджетом.

К нам пришел заказчик — режиссер документальных фильмов и гендир компании видеопродакшена. Он много взаимодействует с монтажерами: они присылают ему видео на ревью, а он оставляет тайм-коды с комментариями и возвращает материал на правки.

Раньше этот процесс проходил в Frame.io от Adobe, но из-за событий 2022 года был риск, что сервис закроет доступ. Поэтому заказчик попросил сделать похожее приложение для ревью видеоконтента. На первой стадии он планировал использовать инструмент внутри своей компании, а в дальнейшем масштабировать его как SaaS-решение и продавать доступ по подписке.

Проект был малобюджетный, так что нашей задачей было сделать аналог Frame.io и максимально упростить его, сохранив ключевые функции. Например, мы убрали фичу, когда можно оставлять пометки прямо на кадрах, — оставили только привязку к тайм-кодам.

Мы сделали техническое проектирование — показали логику приложения, как оно будет выглядеть и работать. Каждую итерацию заказчик апрувил с первого раза. К сожалению, до разработки дело не дошло: хотя мы максимально оптимизировали бюджет, но в итоге не сошлись с клиентом по юридическим условиям.

Чем интересен проект: разработали механику для заказа приватных танцев.

Заказчик из США пришел к нам с идеей приложения, которое бы упрощало взаимодействие посетителей ночных клубов с персоналом. С ним гостям необязательно стоять в очереди на баре, искать официанта или танцовщицу — сделать заказ можно прямо через приложение.

Главный челлендж состоял в том, что в приложении было пять ролей:

Все роли в приложении связаны друг с другом, поэтому сделать что-то одно и полноценно протестировать было нельзя — разрабатывать всё пришлось одновременно. Нужно было продумать и платежную систему, ведь деньги за заказы уходили на несколько разных счетов: самого приложения, владельца клуба, официантов и танцовщиц.

В итоге разработали отдельные механики для разных ролей. Например, заложили в архитектуру верификацию возраста, чтобы не нужно было предъявлять документы при заказе алкоголя. В случае с приватными танцами реализовали два сценария:

Чем интересен проект: вдохновились Доджей Кэт и раздали стиля.

К нам пришли ребята, которые задумали NFT-приложение. Суть в том, чтобы покупать и примерять одежду для своего NFT-персонажа и получать за это плюшки: например, сходить на концерт BTS или заполучить редкую вещь. Чем больше покупаешь вещей, тем больше денег можешь заработать.

Самая большая сложность была в создании 3D-персонажей. Заказчик хотел, чтобы они были уникальны и отражали дух японской и корейской моды. Мы созванивались, собирали требования: какие должны быть глаза, волосы, стиль одежды. Вдохновились Пинтерестом и набросали эскизы.

Пошли согласовывать эскизы с заказчиком и поняли, что такой формат не работает, — надо показывать клиенту сразу готовые модели. Моделировать без эскизов — задача серьезная, сложно было всё: создать прическу и мимику, подобрать разрез глаз и особенно продумать одежду. Раньше мы с ней не работали, и оказалось, что моделировать фасон, лекала, складки непросто. Плюс так как персонаж, по задумке, должен был двигаться, одежда должна была хорошо смотреться не только в статике, но и в движении.

Листайте галерею, чтобы посмотреть эволюцию нашего 3D-героя 👇

Когда наконец разработали парня, понадобилась 3D-героиня. С ней тоже были проблемы 👇

Когда разрабатывали интерфейс, вдохновлялись рэперскими движухами, стритстайлом и NFT-сферой в целом. Среди наших референсов — проекты Nike React и adidas CHILE20.

Интересная идея, нетипичная механика или технический челлендж — мы в Purrweb готовы подхватить любую задумку для бизнеса или стартапа. Можете посмотреть наше портфолио, чтобы в этом убедиться.

А пока напишите в комментариях, что показалось интереснее всего, — или поделитесь необычными проектами, над которыми приходилось работать вам.