Calmframe — рамка аватарки для спокойного отпуска

Небольшое приложение, которое покажет всем, что вы можете быть не на связи.

Привет всем! Я Дима – продакт-менеджер и дизайнер интерфейсов. Каким-то кодом я также могу воплотить базовую идею самостоятельно. Так вышло и с Calmframe – генераторе рамки аватарки о котором я дальше и расскажу.

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

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

У меня давно была мысль сделать простой инструмент для генерации надписи на аватарке – именно аватар виден в чате всегда и надпись на нем привлекает внимание. Не скрою, идея не новая и я и раньше встречал, что какую-то важную информацию размещают прямо на аватарке. Делать скриншот надписи в блокноте – можно, но не очень удобно и проблематично совместить со старой аватаркой. Расчехлять фотошоп – долго. Хотелось предложить пользователю оставить существующую картинку профиля, но только добавить на нее текст (вы ведь тоже ориентируетесь на знакомые аватарки когда ищете нужный контакт?).

После отпуска, который я провел в рабочих чатах, я взялся за реализацию.

Практически полнофункциональную версию получилось сделать за пару часов – как раз под руку попался подходящий SVG-файл с текстом по контуру, плюс я уже знал, что есть возможность прямо в браузере получить растровый PNG из SVG-разметки. Оставалось только чуть причесать и обработать некоторые пограничные случаи.

Думаю, получилась довольно полезная штука – вас не дергают в мессенджере по пустякам, а те, кто все же пишет вам – не ожидают моментального ответа.

Буду рад если Calmframe сделает ваши выходные чуть более спокойными :)