Время чтения: 7 минут
Ищете слаженную команду разработки?
Поможем с дизайном и разработкой приложений для бизнеса и стартапов
Нам всегда интересно следить за развитием проектов, которые мы разрабатывали несколько лет назад. Мы следим за их успехами и радуемся, когда продукт, созданный при участии команды Purrweb, привлекает инвестиции, выходит в топы или становится востребованным на рынке.
Так произошло с Bricks — инвестиционной платформой для французского рынка. Сегодня у нее 400 000 активных пользователей, а общий объем вложений с момента запуска достиг 146 миллионов евро. О проекте пишут Forbes, Le Parisien и другие издания.
В этом кейсе расскажем, с чего все начиналось.
В далеком 2020 году к нам обратился Седрик — серийный стартапер из Франции. Он решил запустить новый продукт в сфере инвестиций в недвижимость. Но с нестандартной бизнес-моделью.
Эта идея легла в основу платформы Bricks, в переводе — «кирпичи». На Bricks пользователи могут приобрести «часть дома», буквально — кирпич, который по сути является акцией. Она называется «брик». Когда недвижимость сдается в аренду, инвесторы получают свою долю от дохода — приобретение начинает окупаться. Чтобы было понятнее, как именно это работает, нарисовали схему.
Это как краудфандинг, только на покупку недвижимости
Пользователи Bricks могут:
Идея Bricks сама по себе не была новой. Так, одним из референсов заказчика стала платформа EasyProperties, которая ориентирована на долевую покупку недвижимости по всему миру. А вот на рынке Франции подобной платформы не было, и тут наш клиент оказался первопроходцем.
Для стартапов копировать идеи других продуктов и добавлять в них фичи, которых не хватало или адаптировать под другой рынок — нормальная практика. Например, у нас был кейс, когда заказчик пришел с идеей сделать свой сервис для электронных подписей, ориентируясь на продукт крупного конкурента. Но с важным отличием: стоимостью подписки. Подробнее о том проекте рассказывали здесь.
К нам заказчик обратился с такой задачей: разработать веб-приложение. Обычно для новых продуктов мы также создаем и дизайн, но у заказчика он уже был готов. Впрочем, когда мы погрузились в проект, выяснилось, что доработок дизайна с нашей стороны все-таки не избежать 🙂 Но обо всем по порядку.
На проекте перед нами стояли такие задачи:
На этапе пресейла мы глубоко погружаемся в бизнес-задачи клиента, чтобы сформировать список фич и оценить их разработку в часах и деньгах. Это важно как для клиента — чтобы понимать, за что он платит и каким будет бюджет проекта, так и для нас — чтобы грамотно планировать ресурсы и четко определить задачи.
Как мы работаем сейчас?
Сегодня пресейл — это полноценная discovery-фаза. Мы подключаем бизнес-аналитика для проработки логики, составляем портреты пользователей, анализируем рынок и проводим product-market fit-исследование, если у клиента есть только общее представление о продукте. Все это позволяет создавать фичи не просто потому, что их запросил заказчик, а потому что они действительно соответствуют потребностям аудитории и помогут продукту занять свою нишу.
Например, так выглядит портрет пользователя
А это — карта болей пользователей и бизнес-целей заказчика. Ищем точки пересечения, которые помогут разработать полезные функции
А как было раньше?
Когда мы работали над Bricks, наш подход был гораздо проще. Вместе с заказчиком мы просто изучили аналогичные продукты и взяли их фичи за основу — без глубокого анализа, нужны ли они действительно. Если бы этот проект попал к нам сейчас, мы бы точно провели предварительное исследование и собрали бы полный контекст 🙂
Обычно мы берем на себя и дизайн, и разработку, но если заказчик приходит со своими наработками по дизайну, мы используем их на проекте. Так было и на этот раз.
Когда мы открыли Figma, стало ясно, что дизайн не совсем готов 🙃 Не хватало многих экранов для разных состояний — например, сообщений об отсутствии интернет-соединения, успешной оплате или ошибках.
Мы называем такие экраны «техническими». Они нужны для комфортного пользовательского опыта: если что-то идет не так, юзер должен понимать, в чем проблема. И наоборот: совершив действие, получить подтверждение, что все прошло удачно
Верстка тоже требовала доработки: не было адаптивной версии, отступы были разными, а UI-kit и вовсе отсутствовал. Без него фронтенд-разработчикам сложно добавлять новые функции — приходится каждый раз заново придумывать элементы интерфейса. А еще были проблемы с технической реализацией дизайна.
Например, в дашборде отображалась стоимость недвижимости и сумма, которую нужно собрать. Но откуда брались эти цифры — оставалось загадкой 🙄 В макете можно написать любое число-заглушку, но разработчикам важно понимать, как именно рассчитываются эти значения. Мы не можем просто нарисовать случайные цифры.
Дашборд
А еще привести все макеты в порядок, чтобы избежать проблем на этапе разработки. Мы подключили нашего UI/UX-дизайнера и оперативно доработали все недостающие элементы💪
Кошелек
Собрали UI-kit: унифицировали цвета, кнопки в разных состояниях, инпуты и другие важные элементы.
Кстати, у нас уже был похожий опыт на другом проекте. Тогда мы делали приложение для продавцов электронок SOAK (дисклеймер — курить вредно, мы не советуем!) по готовому дизайну от заказчика и столкнулись с такими же проблемами. По следам того кейса мы написали статью с чек-листом, который поможет сделать дизайн удобным для разработки, и разобрали конкретные примеры из проекта.
ЧИТАЙТЕ ТАКЖЕ Как не разводить бардак в дизайне: собираем UI-kit
Один из главных вызовов — интеграция платежной системы. Первоначально мы планировали использовать Stripe, так как это надежное решение для зарубежных проектов. Но уже на этапе развертывания на проде выяснилось, что Stripe не работает с инвестиционными платформами. Пришлось срочно искать альтернативу.
Заказчик предложил Lemonway, французский платежный сервис. Мы наладили с ними оперативную коммуникацию, уточняли технические нюансы и плавно внедрили интеграцию.
Еще один важный аспект — соблюдение европейского законодательства. Согласно требованиям, карта пользователя может сохраняться только при повторяющихся платежах с фиксированной суммой. Поэтому процесс оплаты устроен так:
Вывод средств
Также необходимо было реализовать мультиязычность, чтобы платформа могла масштабироваться за пределы Франции. Мы настроили систему, где новые языки добавляются без изменений в коде. Все текстовые элементы хранятся в единой структуре с готовыми переводами. Фронтенд автоматически подставляет нужный язык, а ошибки и системные сообщения переводятся прямо на бэкенде, чтобы пользователь получал их на своем языке.
Так мы сделали платформу удобной как для пользователей, так и для дальнейшего развития бизнеса.
Мы передали готовую платформу заказчику и полетели помогать другим стартапам и бизнесам в запуске IT-продуктов. За эти годы Bricks выросли в успешный инвестиционный сервис, привлекли сотни тысяч пользователей и десятки миллионов евро. И приятно знать, что первый кирпичик этого успеха заложила команда Purrweb 🙂
А вот другие истории успеха наших клиентов. Например, финтех-стартап Kem с нашим MVP привлек $1 млн инвестиций, а приложение EnerGO для аренды пауэрбанков теперь работает по всей России. А начиналось все у нас!
➡️ Помогаем стартапам быстро выводить продукты на рынок. Делаем MVP с фокусом на задачи пользователей, удобный и эстетичный дизайн и масштабируемость инфраструктуры. Погрузимся в контекст вашей задачи, подберем лучшее техническое решение, поможем определиться с фичами. А если нужно — до старта разработки проведем product discovery анализ и точно определим, как ваш продукт закроет боли целевой аудитории. И тем самым повысим шансы на успех.
Есть задача? Свяжитесь с нами. Мы прикинем сроки, бюджет, пропишем дорожную карту проекта.
Почему Purrweb
Веб-разработка полного цикла. Берем на себя весь процесс: проектируем интерфейсы, разрабатываем дизайн, пишем код, тестируем и разворачиваем решение в продакшн.
Более 10 лет опыта. Мы создаем IT-продукты для бизнеса и стартапов уже больше десяти лет. Реализовали 550+ проектов в самых разных сферах: IoT, EdTech, маркетплейсы, дейтинг-приложения и многое другое.
Современные технологии. Работаем с актуальным технологическим стеком, чтобы воплощать в жизнь самые сложные и продвинутые функции. Наши решения легко масштабировать, обновлять и поддерживать.
Насколько публикация полезна?
Оцени эту статью!
1 оценок, среднее 5 out of 5.
Оценок пока нет. Поставьте оценку первым.
Так как вы нашли эту публикацию полезной...
Подписывайтесь на нас в соцсетях!
Читать
Ваша заявка уже у нас :)
Обычно ответ занимает от 12 до 24 рабочих часов.
Может, вы хотите запланировать онлайн встречу?
Извините, что-то пошло не так при отправке запроса.
Попробуйте позже.