
Авторизация

Сброс пароля
Расширение для визуальных закладок, которое умеет больше, чем Pinterest
Заказчик: Prism
Страница кейса/результат: https://www.tryprism.co/

Prism работает как плагин для сбора визуальных закладок, которыми можно управлять: собирать их в коллекции, группы, присваивать категории. Сервис делает скриншот сайта и сохранет его на доску, как Pinterest. Ключевым отличием стало сохранение сайта целиком, а не одной страницы.
1. Вводная задача от заказчика, проблематика, цели
Иногда кажется, что два приложения делают одно и то же. На деле оказывается, что они действительно похожи, но выполняют разную работу для своей целевой аудитории. Американский стартап Prism сначала кажется похожим на Pinterest, но в отличие от него сохраняет скриншоты сайта целиком и периодически обновляет их.
2. Описание реализации кейса и творческого пути по поиску оптимального решения
На проекте работали 2 разработчика: бекэнд и фронтенд. Они разработали этот веб-плагин за 3,5 месяца. Для проекта Prism это MVP-версия, которая должна протестировать основные гипотезы, после чего будет принято решение о дальнейшем плане развития.
Под капотом — Безголовый Хром и React
Чтобы обновлять скриншоты сайтов до актуального состояния, на бэкенде мы использовали headless Chrome — версию браузера без интерфейса. Она работает быстро и тратит меньше памяти, потому что не отрисовывает ничего на экране. Скриншот сайта рендерится в памяти, экспортируется и отправляется в облако DigitalOcean.
На фронте использовали React. Мы следовали достаточно подробной дизайн спецификации, которую подготовила основательница стартапа Анна Вестерн. Сетка гибкая, реагирует на изменение масштаба или размер экрана.

3. Результаты сотрудничества
Такой инструмент пригодится тем, кому важно знать, откуда сохранена та или иная информация — авторам, журналистам, дизайнерам. Больше не придётся гуглить по кусочку сохранённой картинки или вспоминать, на дизайн какого сайта похож имеющийся фрагмент.
4. Заключение
Надеемся, что проект найдёт свою аудиторию и Анна вернётся к нам, чтобы продолжить разработку. Мы были бы совсем не против создать конкурента Pinterest. Ну а если вам интересно больше узнать про Анну (или вы любите истории об основателях стартапов из Silicon Valley)