Приложение для визуальных закладок, которое делает то, что не умеет Pinterest
Когда вы сидите в интернете, вам могут попадаться разные материалы и ссылки, которые хочется сохранить. Закладки в браузере быстро превращаются в мусорный ящик, разбираться в котором не хочется. Нет интерфейса, который помогал бы быстро понять, что за ссылка сохранена и почему. Pinterest же позволяет ссылаться только на выбранный контент, а не целые сайты.
На помощь придёт Prism — веб-приложение и расширение визуальных закладок для Google Chrome, которое помогает управлять ссылками на любимые сайты и быстро находить нужные материалы. Этот менеджер закладок делает скриншоты сохранённых сайтов и автоматически обновляет их, чтобы вы всегда видели новый контент. Эту опцию можно отключить, если вы не хотите следить за обновлениями и вам просто нужно визуально вспомнить, что за ресурс сохранён.
Анна Вестерн, CEO и дизайнер Prism, более 10 лет работала с студиями, стартапами и компаниями из списка Fortune 500. Она была продакт-дизайнером в Facebook и сооснователем стартапа, запущеного в YCombinator в 2019 году. Имея такой опыт, она создала продукт, который делает работу с контентом в сети более визуально сфокусированной. Поселился стартап в районе залива Сан-Франциско, недалеко от Кремниевой долины.
Благодаря слаженным усилиям Анны и её команды и наших опытных бэкенд и фронтенд-инженеров, мы разработали Prism «с нуля», превратив идею в полезное решение для пользователей по всему миру.
Вызов
Анна Вестерн узнала о нашем опыте от своего коллеги, Дэвида Уикли, с которым мы работали над медицинским стартапом Medcorder. Она искала техническую команду, которая взяла бы на себя разработку расширения для браузера, которое она придумала.
Prism должен был работать как плагин для сбора визуальных закладок, которыми можно управлять: собирать их в коллекции, группы, присваивать категории. Анна хотела, чтобы сервис делал скриншот сайта и сохранял его на доску, как Pinterest. Ключевым отличием от Pinterest должна была стать функция скриншота сайта целиком: например, вы нашли какой-то товар в интернет-магазине и Prism сохранит всю страницу, а не только товар, чтобы можно было быстро понять, на каком сайте размещено предложение.
Так можно собрать целую доску сайтов, которые вы хотите посетить снова. Скриншоты периодически обновляются, так что глядя на них, вы сразу увидите, если появилось что-то новое. Просматривать, управлять и изменять доски в личном аккаунте можно через браузерное расширение Prism.
Анна обратилась в Evrone с уже готовыми интерфейсами плагина по управлению закладками браузера, а также с мокапами и видением того, как должны быть реализованы функции. Нашей задачей стало исследование и консультация, после которых мы должны были предложить, как построить архитектуру продукта.
Решение
Разработанный веб-сервис доступен как расширение для Google Chrome. Реализованы все функции, которые Анна придумала, планируя дизайн приложения для визуальных закладок: сохранение и обновление скриншотов сайтов на досках, управление досками и аккаунтом, фильтр по категориям, импорт сохранённых закладок из Chrome, приглашение друзей.
Благодаря эффективной коммуникации с Анной и командой Prism, нам удалось запустить MVP в магазине расширений за 3,5 месяца. Ещё немного времени после запуска ушло на исправление ошибок и ускорение загрузки. На фронтенде, где мы следовали довольно подробной дизайн-спецификации, использовали React. Гибкое масштабирование позволяют сервису менять сетку в зависимости от размера окна или экрана.
Бэкенд разработан на Python и использует headless Chrome, чтобы снимать и обновлять скриншоты сайтов. Он рендерит вебсайт, экспортирует изображение и сохраняет его в облаке DigitalOcean. Для задач рендеринга также используется Redis. Kubernetes, GraphQL, и CircleCI — для непрерывной интеграции и доставки. Дебаггинг и отслеживание ошибок в реальном времени реализовано на Rollbar и Sentry, создание e-mail кампаний — с помощью Mailgun.
Команда разработки со стороны Evrone состояла из 3 человек: менеджера проекта, бэкенд и фронтенд-разработчиков. За коммуникацию отвечал проджект-менеджер, что упростило работу для команды Prism.
Итог
Мы остались в восторге от работы с командой Prism и создания инструмента для сохранения ссылок, конкурирующего с Pinterest за удобство и гибкость функций для пользователя. Evrone всегда открыт для новых проектов, будь то разработка кросс-браузерного плагина или расширения или создание пользовательских расширений браузера.
Если у вас есть идея продукта и вам нужна помощь с разработкой, оставьте свои данные в форме внизу и мы свяжемся, чтобы обсудить, как мы можем помочь.