У нас в Purrweb большой опыт разработки и дизайна — и всё равно клиенты приходят с чем-то новеньким и необычным. А мы и рады: делимся самыми интересными проектами и рассказываем, как мы их вывезли.
Приложение для анализа данных с электрошокеров
Чем интересен проект: пришлось достать советский паяльник.
К нам пришел производитель электрошокеров для полиции и охранных предприятий. Нужно было разработать десктопное приложение для анализа данных с шокеров.
Электрошокер — табельное оружие, и пользоваться им нужно с осторожностью. Например, нажимать на курок в течение определенного времени, чтобы не причинить сильный вред человеку. В спорных ситуациях, когда кто-то жалуется на превышение должностных полномочий, начинается расследование. В этих случаях важно отследить, с какой силой использовали оружие.
На момент обращения к нам заказчик уже подготовил работающий прототип на Windows. Он мог выводить графики с данными: когда применили шокер, с какой силой тока, как долго держали курок. Но было несколько проблем:
- Интерфейс был неудобен и непонятен для пользователей.
- Электрошокеры выпускались под тремя разными брендами, так что нужно было подготовить три версии приложения с разной айдентикой.
- Приложение нужно было не только на Windows, но и на Mac и Linux.
Самым сложным стало написать программу, которая снимала бы показания с шокера. Нам прислали микросхему устройства, чтобы мы протестировали все возможные случаи. Она подключалась к ноутбуку через два провода, один из которых постоянно отсоединялся. Так что нашему проджект-менеджеру пришлось вспомнить, как орудовать папиным старым паяльником.
Мы точь-в-точь повторили механику построения графиков, но сам интерфейс сделали проще. Разбили его на три смысловых блока: описание девайса, информация о выстреле и диаграмма заряда. Приложение разработали на Electron.js и тем самым сэкономили деньги заказчика — писали один код, а получилось три приложения для разных ОС.
Подготовили черно-зеленую версию приложения для двух брендов шокеров — Gard и Lumos
Для другого бренда, Magen, сделали синюю тему. Сначала заказчик хотел сделать линии на графике зеленым цветом, но мы предложили белый, чтобы добавить контрастности
Экоконсультант для бизнеса
Чем интересен проект: «переобулись» с API на датасеты в середине проекта.
Сейчас на Западе, да и у нас в России, стремятся к углеродной нейтральности. Многие компании обязаны следить за выбросами, а стартапы имеют больше шансов получить инвестиции, если сразу включают в бизнес-план экологические показатели. Заказчик из Великобритании пришел к нам с идеей экоконсультанта Carbon accounting.
Обычно компании должны не только зафиксировать объем выбросов, но и подготовить отчеты и рассчитать, сколько денег нужно, чтобы компенсировать нанесенный природе ущерб. Для всего этого нужно нанять специалистов в штат или передать задачу на аутсорсинг, а это большие затраты. Экоконсультант призван автоматизировать процессы и помочь бизнесу сэкономить.
Что должно было входить в обязанности экоконсультанта
Проблема заключалась в том, что единого алгоритма подсчета углеродного следа не было: разные сервисы высчитывали разные данные. Поэтому мы решили выстроить продукт на взаимодействии с другими API. Мы бы отправляли сервисам данные для расчета, а они бы возвращали результат.
За три месяца собрали прототип. Но потом всё пошло не по плану: заказчик начал сыпать новыми терминами и требованиями. Мы выяснили, что отчеты должны генерироваться по особым международным стандартам GHG Protocol, о которых клиент не говорил раньше. В итоге пришлось переходить с API на датасеты, чтобы собирать данные в соответствии со стандартами.
Оказалось, что у каждой страны есть свои датасеты с коэффициентами для расчета выбросов, которые обновляются раз в год. Пришлось это учитывать и закладывать возможности для такого обновления
Проект растянулся еще на четыре месяца: мы изучали экопротоколы, переписывали серверную логику и старались максимально наглядно уложить данные в таблицах. Заказчик хотел побыстрее показать проект инвесторам, поэтому делали всё в темпе и как могли выкручивались со старой архитектурой. Но это история с хорошим концом: клиент остался доволен, а у экоконсультанта уже появились первые пользователи.
Платформа для совместной работы над видео
Чем интересен проект: сделали как у Adobe, но с небольшим бюджетом.
К нам пришел заказчик — режиссер документальных фильмов и гендир компании видеопродакшена. Он много взаимодействует с монтажерами: они присылают ему видео на ревью, а он оставляет тайм-коды с комментариями и возвращает материал на правки.
Раньше этот процесс проходил в Frame.io от Adobe, но из-за событий 2022 года был риск, что сервис закроет доступ. Поэтому заказчик попросил сделать похожее приложение для ревью видеоконтента. На первой стадии он планировал использовать инструмент внутри своей компании, а в дальнейшем масштабировать его как SaaS-решение и продавать доступ по подписке.
Проект был малобюджетный, так что нашей задачей было сделать аналог Frame.io и максимально упростить его, сохранив ключевые функции. Например, мы убрали фичу, когда можно оставлять пометки прямо на кадрах, — оставили только привязку к тайм-кодам.
Чтобы сэкономить бюджет, мы использовали готовый UI-кит от Chakra — получилось аккуратно и функционально
Мы сделали техническое проектирование — показали логику приложения, как оно будет выглядеть и работать. Каждую итерацию заказчик апрувил с первого раза. К сожалению, до разработки дело не дошло: хотя мы максимально оптимизировали бюджет, но в итоге не сошлись с клиентом по юридическим условиям.
Экосистема для ночных клубов
Чем интересен проект: разработали механику для заказа приватных танцев.
Заказчик из США пришел к нам с идеей приложения, которое бы упрощало взаимодействие посетителей ночных клубов с персоналом. С ним гостям необязательно стоять в очереди на баре, искать официанта или танцовщицу — сделать заказ можно прямо через приложение.
Главный челлендж состоял в том, что в приложении было пять ролей:
- Суперадмин. Создает профили клубов и видит все заведения в системе.
- Админ. Управляет своим заведением: добавляет персонал, еду и напитки.
- Кухня. Принимает и отдает заказы.
- Клиент. Покупает еду и напитки, заказывает приватные танцы.
- Стафф. Официант управляет заказами, а танцовщица принимает заявки и оплату танца.
Все роли в приложении связаны друг с другом, поэтому сделать что-то одно и полноценно протестировать было нельзя — разрабатывать всё пришлось одновременно. Нужно было продумать и платежную систему, ведь деньги за заказы уходили на несколько разных счетов: самого приложения, владельца клуба, официантов и танцовщиц.
В итоге разработали отдельные механики для разных ролей. Например, заложили в архитектуру верификацию возраста, чтобы не нужно было предъявлять документы при заказе алкоголя. В случае с приватными танцами реализовали два сценария:
- Когда гость делает заказ. Он выбирает девушку из списка, генерирует QR-код, к которому будет привязана стоимость танца, и танец начинается.
- Когда девушка сама подходит к гостю. В этом случае гость сразу генерирует QR-код, танцовщица сканирует его и выставляет счет.
Для приложения сделали темную тему, чтобы светлый интерфейс не бил по глазам в обстановке ночного клуба. Логотип сделали на основе кубика льда — атрибута многих коктейлей
Приложение с NFT-одеждой
Чем интересен проект: вдохновились Доджей Кэт и раздали стиля.
К нам пришли ребята, которые задумали NFT-приложение. Суть в том, чтобы покупать и примерять одежду для своего NFT-персонажа и получать за это плюшки: например, сходить на концерт BTS или заполучить редкую вещь. Чем больше покупаешь вещей, тем больше денег можешь заработать.
Самая большая сложность была в создании 3D-персонажей. Заказчик хотел, чтобы они были уникальны и отражали дух японской и корейской моды. Мы созванивались, собирали требования: какие должны быть глаза, волосы, стиль одежды. Вдохновились Пинтерестом и набросали эскизы.
Пошли согласовывать эскизы с заказчиком и поняли, что такой формат не работает, — надо показывать клиенту сразу готовые модели. Моделировать без эскизов — задача серьезная, сложно было всё: создать прическу и мимику, подобрать разрез глаз и особенно продумать одежду. Раньше мы с ней не работали, и оказалось, что моделировать фасон, лекала, складки непросто. Плюс так как персонаж, по задумке, должен был двигаться, одежда должна была хорошо смотреться не только в статике, но и в движении.
Эволюция нашего 3D-героя 👇
Первые наброски были такими, и, хотя долго общались с заказчиком, в вайб мы не попали
Промежуточный вариант. Одежда не получалась: вроде Balenciaga, а выглядит как с китайской оптовки
В какой-то момент казалось, что задача не по зубам. Но парня в итоге «нащупали» — таким его принял заказчик
Когда наконец разработали парня, понадобилась 3D-героиня. С ней тоже были проблемы 👇
Такая девчонка понравилась заказчикам. Но по сравнению с парнем она вышла слишком детализированная, пришлось переделывать
Персонажи никак не сочетались друг с другом. Пытались подстроить девочку под парня — выходило страшно. Пытались адаптировать парня, и тоже получалось не то
Вдохновиться нам помогла Доджа Кэт. Послушали ее музыку, посмотрели на образы — и такая героиня родилась за 10 минут
Когда разрабатывали интерфейс, вдохновлялись рэперскими движухами, стритстайлом и NFT-сферой в целом. Среди наших референсов — проекты Nike React и adidas CHILE20.
* * *
Интересная идея, нетипичная механика или технический челлендж — мы в Purrweb готовы подхватить любую задумку для бизнеса или стартапа. Можете посмотреть наше портфолио, чтобы в этом убедиться.
