HeyFriday

База фотографій із функціями AI. Від першого вайрфрейму до працюючого застосунку.

Галузь: Керування фотографіями та AI
Обсяг: Проєктування, застосунок, сайт, експлуатація
Термін реалізації: з 2025 донині
Стек: Node.js, Nuxt, LLM, MCP

Завдання

Фотографії компанії лежать на дисках, у пошті та на спільних сховищах. Хто їх знімав, хто на них і чи їх узагалі можна використовувати, зазвичай знає одна людина. І саме її зараз немає за комп’ютером.

HeyFriday є відповіддю на цю проблему. Це база, яка сама опише фотографію, додасть до неї теги й знайде її за запитом, сформульованим звичайним реченням. До кожного знімка вона зберігає ліцензію: носій, локацію і строк дії, тож видно, що можна оприлюднювати і до якого часу.

Вебзастосунок ми побудували для gen live production s.r.o. Завдання ми доопрацьовували разом із клієнтом від перших ескізів і забезпечили повну реалізацію: проєктування застосунку, розробку й подальшу експлуатацію.

Увесь застосунок за дві хвилини

Огляд усього застосунку HeyFriday з коментарем — Швидкий огляд усього застосунку: дашборд, галерея, імпорт із перевіркою дублікатів, мапа й спільний доступ. Коментар чеською мовою.

Короткий фрагмент робочого застосунку: галерея, опис від AI, розпізнавання людей і ліцензія біля кожної фотографії.

Спершу все малюємо

Увесь застосунок ми малюємо у Figma як прототип. Клієнт проходить його екран за екраном, пише зауваження прямо в макет, а ми їх опрацьовуємо ще до того, як з’явиться перший рядок коду.

Вайрфрейм галереї фотографій з папками, фільтрами та контекстними меню — 1 Вайрфрейм галереї: папки, фільтри, масовий вибір і кнопка AI. Penpot, 3-й спринт.

Галерея в робочому застосунку HeyFriday у вигляді сітки: папки, мініатюри фотографій, біля кожної дата й розмір, на одній позначка «Ліцензія закінчилася» — 2 Та сама галерея наживо. Сітка, список і мозаїка, біля кожного елемента розмір і дата.

Полотно прототипу у Figma з десятками екранів застосунку, зв’язками між ними та зауваженнями клієнта — 3 Увесь прототип має десятки екранів. Але в надмірні деталі ми не заглиблюємося.

Діаграма функцій AI у Figma: шлях фотографії від зчитування метаданих через опис та embedding до тегів і розпізнавання людей — 4 Ретельно спланувати треба і самі функції AI.

Проєкт у цифрах

246
вайрфреймів: 6
спринтів: 48 тис.
рядків коду: 1 тис.
запитів до OpenAI

Саме програмування зайняло неповні три місяці. Відбулося кілька зустрічей, було створено середовища для розробки, тестування й продакшну, а також автоматизований CI/CD build pipeline.

Штучний інтелект у головній ролі

З фотографіями працюють моделі OpenAI. Вони розбирають, що на знімку, пишуть до нього опис, пропонують теги й переводять вміст у векторну базу даних, у якій потім можна шукати за змістом, а не лише за збігом слів.

AI розпізнає, що на фотографії, впізнає людей і дозволяє запитувати природно, наприклад «димар, що димить, і небо на тлі».

Якщо вас цікавить саме розпізнавання людей, спробувати його можна прямо в нас на сайті: на сторінці AI працює жива демонстрація просто в браузері, а камера чи завантажене фото при цьому нікуди не передаються.

Наша ШІ-асистентка Марія

Асистентка Марія в застосунку HeyFriday: опис фото, розпізнавання облич з емоціями та пошук у розмові, з коментарем — Марія оптимізує завантажене фото, опише його, запропонує теги й знайде на ньому людей разом з емоціями та оцінкою віку. На прохання перепише опис і знайде фото навіть у розмові. Коментар чеською мовою.

Скільки скла це вже забагато?

Панелі застосунку стоять на склі. Напівпрозорий шар розмиває те, що за ним, і бере звідти колір, тож інтерфейс тримається купи навіть над фотографією, яка зазвичай створила б візуальний хаос. Але скло можна вимкнути, і застосунок мусить добре виглядати й без нього: панель заповнюється суцільним кольором і замість мертвого сірого отримує відтінок основного кольору, щоб зберегти тон, який мала крізь скло.

Та сама сторінка фотографії з вимкненим склом: панелі суцільні й витримані в теплому тоні основного кольору — Ліворуч скло увімкнене, праворуч вимкнене. Межу між ними можна перетягнути й порівняти обидва варіанти в тому самому місці.

Сторінка фотографії в застосунку HeyFriday з увімкненим склом: панелі напівпрозорі, крізь них просвічує вміст галереї — Ліворуч скло увімкнене, праворуч вимкнене. Межу між ними можна перетягнути й порівняти обидва варіанти в тому самому місці.

Редизайн Q4 2026

Наприкінці 2026 року застосунок пройшов великий редизайн. За рік роботи в ньому з’явилося багато нових функцій, і це велике оновлення змінило те, як усе виглядає, від навігації до окремих екранів, щоб вони знову сприймалися як одне ціле.

Галерея застосунку HeyFriday у вигляді мапи: фотографії згруповані за місцем зйомки довкола електростанції Темелін, біля кожної групи кількість знімків — З’явився й кращий вигляд мапи. Фото групуються за місцем, де їх зроблено, біля кожної групи видно кількість знімків, і одразу зрозуміло, скільки фото не має координат.

Слова замовника

Найбільше ціную самостійність і гнучкість хлопців із 200solutions. Не все вдавалося з першого разу, але те, що ми можемо зустрітися о 2:00 ночі, а о 9:00 показати клієнтові виправлення, це ключове. Щиро дякую за це.

Jan Šebek

founder, producer @ gen live production, s. r. o.

Що ще вміє система

Опис усіх функцій і дрібних зручностей системи зайняв би цілу книжку. Ось хоча б коротко перелік найцікавішого.

Шукаєте власними словами, а не ключовими словами

Напишете «фото з минулого літа, де видно градирню», і система сама налаштує всі фільтри: період, вміст, орієнтацію. Налаштування при цьому видно, і його можна вручну підкоригувати, тож ви ніколи не гадаєте, чому система повернула саме ці фотографії.
Система розпізнає, що на фотографії

Кожну завантажену фотографію вона сама переглядає, описує й позначає тегами. Тож «тост» ви знайдете навіть на знімку з назвою DSC_4471.jpg, який ніхто ніколи вручну не описав. Саме на цьому архіви зазвичай ламаються: фотографії в них є, але ніхто їх не знаходить.
Знайдете фотографії конкретної людини

Система розпізнає обличчя й уміє відповісти на запит «усі фотографії, де є наш директор». Це зручно, коли шукаєте портрет для пресрелізу й не хочете переглядати три роки заходів.
Ліцензії прив’язані до фотографії, а не записані в таблиці поруч

Для кожної фотографії вказано, де її можна використовувати (друк, веб, обидва), на якій території й до якого часу. Після закінчення строку мініатюра стає непридатною, а фотографію не можна стягнути. Це захищає від того, що хтось помилково опублікує знімок, на який у вас уже немає прав. Ліцензії можна продовжувати масово.
Доступ назовні й усередині, завжди з датою завершення

Папкою чи альбомом ви ділитеся або через посилання для будь-кого (одержувачу не потрібен обліковий запис), або з конкретними людьми у вашій організації. В обох випадках ви задаєте дату, коли доступ закінчиться. Крім того, система попередить, коли хтось стягує фотографію з ліцензією, обмеженою іншою територією.
Усе працює на власних серверах

Ні фотографії, ні їхній аналіз не залишають інфраструктуру, яку компанія контролює. До цього одна менш помітна, але важлива річ: система не прив’язана до одного постачальника AI. Це запобіжник на випадок, якщо постачальник підвищить ціни або змінить умови.

Застосунок в одному місці

Одинадцять екранів такими, якими їх бачить користувач: від дашборду через пошук і сторінку фотографії до керування організацією. Кожен відкривається клацанням на весь екран, і ними можна гортати.