LiebeFeldStudio — фотостудія в Білефельді (Німеччина), яку заснувала фотографиня Катерина Радек. Катерина глуха і багато років знімає портрети, fashion, акт, сім'ї й тварин у стилі «темної естетики»: глибокий чорний, жорстке світло, жодних штучних поз. Девіз студії — Fotografie ohne Grenzen, «фотографія без меж». Ми в QD зробили для неї все з нуля: логотип, сайт liebefeldstudio.de і власну адмінку на движку QAdmin CMS — з дизайном під сайт студії.
Це був один з найцікавіших наших проєктів. Клієнтка — творча людина з дуже точним баченням: кожен блок, кожен кадр і кожен перехід на сайті ми обговорювали так само ретельно, як вона продумує фотосесію.
Задача
Катерина хотіла сайт, який виглядає як її фотографії, і інструменти, щоб вести студію самостійно — без програміста. Потрібно було:
- придумати логотип, у якому є і студія, і місто, і вона сама;
- зробити сайт німецькою і російською: німецька — головна, для клієнтів у Німеччині;
- дати клієнтам онлайн-запис на зйомку чи оренду студії з календарем і цінами;
- зручно передавати готові фото клієнтам за посиланням;
- захистити фото на сайті від копіювання і завантаження;
- зробити адмінку трьома мовами, у якій фотографиня без досвіду програмування сама змінює ціни, графік, фото на головній, портфоліо й новини.
Логотип: Liebe + Bielefeld
Назва студії народилася з двох слів: Liebe — «любов» і Bielefeld — рідне місто студії. У слові Bielefeld літери B і L помінялися місцями — так з'явилося LIEBEFELD. У логотипі ці дві літери виділено фірмовим коричневим кольором, а поруч рукописне Studio з фотоапаратом. Геометричні літери з трикутниками нагадують світлові відблиски на фоні студії.
Жестова мова — частина особистості авторки, тож вона є і в айдентиці: головний заголовок сайту FOTO STUDIO складено з долонь, які показують літери дактильною абеткою. Палітра — чорний, бежевий #F2E8DF і коричневий #A67A53, шрифти Playfair Display та Inter.
Сайт: темна естетика
Сайт — продовження фотографій студії. Чорне тло, великі чорно-білі кадри, паралакс, плавна поява блоків і анімація камери: під час прокрутки кадри відео гортаються, а в кінці спалахує об'єктив. Сторінки:
- Головна — заголовок з жестів, три фото hero, маніфест студії, портфоліо, відео-знайомство і послуги: оренда студії та зйомка.
- Портфоліо — серії робіт з галереями.
- Про мене — історія Катерини, значення логотипа, досягнення і атмосфера студії.
- Записатися — онлайн-бронювання в три кроки.
- Новини, Контакти з WhatsApp, графіком роботи і картою, а також Impressum і Datenschutz, як вимагає закон у Німеччині.
Сайт працює німецькою (без префікса в адресі) і російською (/ru). Шрифти лежать на нашому сервері, а карта Google завантажується лише після згоди відвідувача — сайт відповідає вимогам DSGVO (GDPR).
Захист фото від копіювання
Фотографії — головна цінність студії. На сайті не можна зберегти фото правою кнопкою чи перетягнути його: замість цього з'являється вікно «Urheberrechtlich geschützt» — фото захищені авторським правом, і всі права належать фотографині.
Онлайн-бронювання з календарем
Студія і фотограф — одна людина й одне приміщення, тому будь-який запис займає час для всіх послуг. Клієнт обирає:
- Послуги фотографа чи Оренду студії;
- формат — зйомка в студії чи виїзна, і пакет з ціною, тривалістю і переліком того, що входить;
- дату в календарі й вільну годину — з можливістю продовжити зйомку на кілька годин;
- контакти і побажання.
Після запису клієнт отримує номер заявки на кшталт 2026-48213 і особисте посилання, де видно статус. Між зйомками система сама залишає годину на прибирання і підготовку — клієнт її не бачить, а подвійних записів не буває. Ціну завжди рахує сервер за пакетом.
Власна адмінка на QAdmin CMS
Адмінка зроблена на нашому движку QAdmin CMS, але з дизайном під сайт студії: темна, з бежевим і коричневим, тим самим шрифтом Playfair Display. Вона працює трьома мовами — українською, німецькою і російською, кожен користувач обирає свою. Усі дії — через AJAX, без перезавантаження.
- Дашборд — нові заявки, останні новини й фото.
- Бронювання — заявки з пошуком за номером, статусами й нотатками; пакети послуг — назви, описи, тривалість і ціни двома мовами; графік — робочі дні, години та винятки: вихідні, відпустки, додаткові дні.
- Головна сторінка — фотографиня сама завантажує й перетягує фото в hero і портфоліо на головній, без жодного коду.
- Новини і Галерея — з версіями німецькою і російською.
- Переклад — усі тексти сайту редагуються в таблиці.
- Користувачі з ролями адміністратора й менеджера, Налаштування контактів і соцмереж.
- Навчання — відеоуроки, як працювати з адмінкою.
Диск клієнта
Найзручніша частина — власний диск для фото. Після фотосесії Катерина створює диск, пов'язує його із заявкою і просто перетягує фото чи архіви — сотні файлів за раз, у оригінальній якості. Великі файли завантажуються частинами, тож обмежень сервера на розмір немає.
Потім вона публікує диск з паролем — і клієнт отримує лист з посиланням. На своїй сторінці клієнт бачить фото в лайтбоксі, завантажує їх поштучно або всі одним архівом ZIP. Диск має термін дії: за замовчуванням 30 днів, після чого вимикається сам. Фотографиня бачить, скільки місця займають диски, а від підбору пароля диск захищено обмеженням спроб.
Технології
PHP 8 і MySQL без фреймворків, Tailwind CSS і чистий JavaScript. Безпека — CSRF-захист кожної дії в адмінці, паролі в хешах, файли дисків поза публічною текою — їх віддає лише сервер після перевірки доступу. Оновлення сайту виходять автоматично після кожної зміни.
Результат
- логотип Liebe + Bielefeld і фірмовий стиль у темній естетиці;
- сайт фотостудії німецькою і російською з паралаксом і анімаціями;
- онлайн-бронювання з календарем, пакетами й цінами, якими керує сама фотографиня;
- диск клієнта: фото за паролем, з терміном дії і завантаженням архівом;
- захист фото від копіювання і завантаження;
- своя адмінка на QAdmin CMS трьома мовами — українською, німецькою і російською.
Хочете сайт для фотографа чи студії з онлайн-записом? Розкажіть про ідею або подивіться, як ми робимо сайти.
