Бюджет: 20000 UAH Термін: 7 днів
Здоров’я
Можу показати роботу саме на вашу тему.
Рейтинг робіт на Behance (понад 500 000 переглядів) juicyart
Бюджет: 4800 UAH Термін: 5 днів
Добрий день, Дар'я! Мене звати Олег. Я UX/UI дизайнер.
⠀
Буду радий створити для вас дизайн сайту. Приклад подивився. Так, там цікаві ілюстрації, і треба буде підібрати щось подібне + якісне + векторне. Зазначу середні ціни та терміни. Працюю у Фігмі. Все якісно, розумно, швидко.
⠀
Мої переваги:
1. Пропоную референси в якості свого бачення.
2. Автолейаути, фрейми, компоненти, UI-KIT, стилі кольорів та шрифтів, коментарі верстальникам.
3. Завжди на зв'язку.
⠀
Моє портфоліо Behance
https://olehkdesigner.webflow.io/
Бюджет: 5500 UAH Термін: 7 днів
Привіт.
Коли зможемо обговорити деталі?
Готовий розробити дизайн в короткі строки.
Скоріше б обговорити всі за та проти, і почати проєкт.
Чекаю на Вас, в повідомленнях)))
З повагою, Том!
Бюджет: 3400 UAH Термін: 10 днів
Вітаю вас, Дарія👋Я UI/UX і графічний дизайнер з досвідом роботи більш ніж 2 роки.Готова допомогти у розробці Вашого проекту і обговорити деталі.Починаю до роботи відразу після затвердження, працюю в Figma, дизайн роблю до бажаного результату.Так само роблю прототип і адаптивність, якщо в цьому є необхідність.Мої роботи можна побачити в Портфоліо:
Behance
https://freelancehunt.com/ua/freelancer/Yulia_Z_.html#portfolio
Пишіть, буду раді співпрацювати!🎨
Бюджет: 1111 UAH Термін: 11 днів
Вітаю, Даріє!👋
Ми експерти у галузі Веб дизайну та готові почати створювати унікальні UI/UX рішення для вебсайту вашої аутстаф компанії.
✦ Декілька наших попередніх Веб дизайн проєктів:
Behance
Behance
Dribbble
Behance
Dribbble
Behance
Behance
✦ Також ви можете переглянути посилання нижче, аби впевнитися в нашій експертизі:
- Behance portfolio: Behance
- Dribbble portfolio: Dribbble
- Website:https://dreamxweb.com/
- Clutch: https://clutch.co/profile/dreamx
📅 Просто напишіть повідомлення у відповідь та давайте знайдемо зручний час для безкоштовного консультаційного дзвінку по вашому проєкту.
З найкращими,
Олександр.
Бюджет: 10000 UAH Термін: 10 днів
Вітаю!
Мене звати Дмитро. Працюю дизайнером 6 років, маю досвід роботи над створенням лендінгів, iнтернет-магазинів, платформ для навчання та конструкторів додатків. Є досвід роботи з конструкторами сайтів.
Приклади робіт:
– https://medbilling.team/
– https://langate.com/
– https://modlogix.com/
– https://dor.kh.ua/
– https://www.figma.com/file/qgKN7Bb7NSalPJP8PvJRhz/Portfolio-%2F-E-Commerce?type=design&node-id=46%3A438&mode=design&t=jzRuiHKgnl4xoj4a-1
Буду радий, якщо розглянете мою кандидатуру й ми зможемо обговорити деталі.
Бюджет: 6000 UAH Термін: 6 днів
Добрий день Дарʼя!
Дуже зацікавило ваше завдання.
Моя мета – надати кращий дизайн сайту для вас!
Я ознайомився із завданням і готовий приступити до якісного виконання.
Створю привабливий та інформативний дизайн односторінкового сайту в figma для IT компанії.
Про мене:
Мене звати Іван Куліш
Я - веб-дизайнер
Розробляю дизайн сайтів для малого та великого бізнесу: лендінги, візитки, магазини, промосторінки, інтернет-магазини тощо...
Маю досвід у своїй сфері.
Я - чесний, відповідальний, працьовитий, старанний, організований, пунктуальний, гнучкий, вмію працювати в команді.😉
Відповідальність:
- готовий приступити прямо зараз🧑🏼💻
- завжди доводжу справу до кінця📝
- не порушую термінів⏳
Робочий графік:
Пн – Пт: 09:00 до 18:00
Сб - Нд: Вихідний
(за потреби термінового проекту - можу працювати і на вихідних)
Що я ціную у роботі?
У роботі я ціную комунікабельність, чесність та усвідомленість.
Будь-яке завдання та питання завжди мають прості рішення.
Принаймні я налаштований їх побачити.
Що для мене головне?
Мабуть, створювати цінність.
Мені подобається усвідомлювати що мої проекти та сайти моїх клієнтів вирішують чиїсь повсякденні проблеми та спрощує життя людей.
Вартість виконання: 6000 грн
Термін виконання: 5-6 днів
Розроблю дизайн сайту згідно з ТЗ.
Тільки якісно і в строк!
Я точно знаю, як зробити результат саме вам.
Пишіть в особисті, обговоримо всі деталі)
Також буду відкритий до подальшої співпраці з Вами!
Після обговорення та затвердження на спільну співпрацю одразу приступлю до роботи.
Чекатиму на зворотній звязок!
Моє портфоліо:
Behance
Бюджет: 8000 UAH Термін: 7 днів
🔴 ДОБРОГО ДНЯ! 🔴
Хотілось би повністю подивитись на завдання, щоб зрозуміти ціну й час виконання.
✅ Досвід у сайтобудуванні 7 років
➡️Зв'язатися зі мною та обговорити деталі
🔥 Приступаю відразу до виконання, посилання на портфоліо дивитись у профілі
🔥 ПОРТФОЛІО Behance Behance
🔥 Dribbble Dribbble
Відгуки про Figma, Photoshop, Word Press ELEMENTOR, Adobe XD, Adobe Muse, у профілі
Правки БЕЗКОШТОВНІ
Бюджет: 5000 UAH Термін: 5 днів
Привіт Даша!
Готовий створити дизайн сайту у фігмі для вас!
ПОРТФОЛІО: Freelancehunt
Ви отримаєте:
1. Якість (Працюю веб-дизайнером 5 років)
2. Відповідальність (Доповідаю проекти до кінця)
3. Адекватність (Охоче приймаю правки, комунікабельний)
Дякую, що звернули увагу на мою пропозицію.
Напишіть мені, і ми почнемо з вами роботу.
Бюджет: 4000 UAH Термін: 7 днів
Доброго вечора! Мене звати Дар'я, я UI/ UX дизайнер.
Досвід в дизайні більше року. Впевненна в своїх навичках, та залюбки допоможу створити гарний та інформативний дизайн для вашого сайту.
Дизайни роблю в назначений термін.
Подробиці готова обговорити в особистих , та одразу розпочати роботу над вашим проектом.
Мое портфоліо : Freelancehunt
Чекаю на вашу відповідь! Гарного вечора!
Бюджет: 4000 UAH Термін: 3 дні
Вітаю,
Ознайомившись з вашою заявкою можу впевнено сказати, що реалізую проєкт якнайкраще. Маю багаторічний досвід в дизайні, створила +200 сайтів в різних сферах, тому я можу гарантувати професійний рівень дизайну з урахуванням всіх ваших побажань
Посилання на виконані мною схожі проекти:
https://hunterweb41.wixsite.com/hunter
https://www.bohdanzbyrko.com/
Перед початком роботи буде продумана та розроблена ефективна структура сайту, після чого буде виконано візуальну частину та адаптацію.
В результаті роботи ви отримаєте лендінг з усіма необхідними адаптивами та анімацією
Більш детально ознайомитись з прикладами моїх попередніх робіт ви можете за посиланням: Dribbble
Freelancehunt
Співпрацю пропоную розпочати з безкоштовного підбору референсів для вашого майбутнього дизайну, щоб зорієнтуватись в стилістиці.
Давайте обговоримо проєкт у чаті.
З радістю відповім на всі ваші питання
Бюджет: 9000 UAH Термін: 7 днів
Доброго дня, зацікавило ваше оголошення з приводу роботи.
Представлю вам перелік моїх якостей:
-Бездоганна увага до деталей
-Безшовна інтеграція креативності та функціональності
-Глибоке розуміння психології кольору та його впливу на користувацький досвід
-Цілеспрямований вибір типографіки, що підвищує візуальну привабливість
-Продуманне розміщення зображень та іконок для досягнення максимального ефекту
-Здатність створювати захоплюючий і захопливий дизайн
-Поєднання форми і функції без особливих зусиль
-Експертні знання в галузі чуйного дизайну й адаптації до різних пристроїв
-Інтуїтивно зрозумілі макети, які легко проводять користувачів по веб-сайтах
Так само зроблю вам адаптив на ПК/Телефон/Планшет
Моє портфоліо Behance
Бюджет: 10000 UAH Термін: 7 днів
Добрий день.
Мене звати Каріна, я веб-дизайнер.
Займаюся рекламними креативами, сайтами та іншим візуалом.
Моє портфоліо:
Behance
Freelancehunt
Буду рада співпраці!
Бюджет: 7000 UAH Термін: 7 днів
Доброго дня, Дарія. Ваше оголошення мене зацікавило.
Розробкою сайтів займаюся близько 6-ти років.
Моя мета – зробити використання ваших продуктів максимально зручним і приємним для користувачів.
Я готовий взяти участь у проектах будь-якої складності, від розробки мобільних додатків, до веб-сайтів.
У портфоліо на платформі зразків не має, проте можу їх надіслати в особисті повідомлення.
Дякую за приділений час та сподіваюся на майбутню співпрацю з вами.
Бюджет: 5000 UAH Термін: 10 днів
Доброго дня!
Розроблю стильний, responsive, адаптивний дизайн сайту, що сприятиме росту іміджу компанії та залученню нових клієнтів. З ТЗ ознайомилась, маю певні пропозиції, готова приступити відразу. Маю досвід у створенні сайту в даній ніші, стиль по референсу мені імпонує.
Дизайн розробляю у Figma. Працюю через стилі та компоненти, виконую адаптивний дизайн.
Відкрита до спілкування. Завжди на зв'язку.
Портфоліо Freelancehunt
Бюджет: 3000 UAH Термін: 3 дні
Добрий вечір!
Маю рік досвіду в галузі веб-дизайну, дизайну інтерфейсів.
Дизайн створюю в Figma, при необхідності користуюсь Adobe Illustrator, Adobe Photoshop.
З задоволення виконаю ваш проект швидко, якісно та з врахування всіх ui/ux навичок.
Моє портфоліо:
📎 Dribbble
📎 Behance
🎨 Freelancehunt
- Проєкти -
- Оцінка -
- Рейтинг 143
Бюджет: 25000 UAH Термін: 10 днів
Вітаю!
Зацікавив ваш проєкт, хотіла би його з вами обговорити та задати питання по ньому
Трохи про мене, в цій сфері вже більше року та маю безліч задоволених клінтів, я не працюю за шаблонними структурами та дизайнами які більшість звикли бачити, розробляю індивідуальний інтерфейс для кожного клієнта (можете це подивитись на прикладах моїх робіт), роблю повний комплекс послуг, починаючи від аналізу конкурентів та цільової аудиторії, закінчуючи версткою сайту.
Очікуватиму відповіді)
Бюджет: 500 UAH Термін: 12 днів
вітаю, можу розробити дизайн і анімації.
більшість виконавців працює з готовими стоковими образами і рішеннями, які повторюються на багатьох сайтах і ніяк їх не вирізняють. я пропоную авторський підхід, який виділить ваш сайт серед конкурентів, так як можу робити візуал з нуля, унікальні ідеї, анімацію і в цілому маю великий досвід по розробці дизайну для сайтів IT тематики.
основний профіль
Freelancehunt
анімації
https://www.youtube.com/channel/UCSGU3rUViMTlsBguHAR-rjA
звертайтесь, все обсудимо
Бюджет: 5000 UAH Термін: 5 днів
Привітання, мене називають Ева.Графічний дизайнер
Розробляю креативний і унікальний дизайн.✨✨Я знайду рішення будь-яких проблем і підхід до будь-якого проекту.Рекламний дизайн :
Створення рекламних матеріалів, таких як баннери, плакати, листівки, рекламні щити і т.д.🌱Брендинг і ідентичність:
Розробка логотипів, фірменного стилю, упаковки, візиток та інших елементів, які допомагають створити пізнавальний образ бренду.🌱упаковка та маркетинг
Дизайн :
Розробка упаковки продуктів, етикетки, баннерів для онлайн-магазинів та інших матеріалів, пов'язаних з продажами та маркетингом.🌱Інтерфейсний дизайн:
Створення дизайну інтерфейсу користувача для веб-сайтів, мобільних додатків,
Ілюстрація :
Створення ілюстрацій для книг, журналів, коміксів, анімації та інших медіа-форматів.🌱🌱Типографія :
Робота з шрифтами, створення унікальних шрифтових рішень, розробка дизайну книг, журналів та інших друкованих матеріалів.🌱Рівень дизайну:
Розробка дизайну ігрових рівнів, включаючи створення фонів, персонажів, об'єктів і інтерактивних елементів.🌱Графічний дизайн для
Соціальні медіа :
Створення графічних елементів для публікацій в соціальних мережах, таких як обложки для Facebook, баннери для YouTube, зображення для Instagram і т.д.🌱Виробництво друкованої продукції:
Розробка дизайну для друку, включаючи брошури, журнали, газети, флаєри, картки та інші типи друкованої продукції.🌱SPARK.AR♰ Figma♰ adobe illustrator♰
Створення Adobe Photoshop InDesign
Behance🛠
Бюджет: 5000 UAH Термін: 7 днів
Вітаю!
Зацікавився вашим проектом і хотів би долучитися до його реалізації. Моя мета - зробити ваш бренд впізнаваним, оптимізувати час та залучити більше клієнтів.
Моя особливість - аналіз цільової аудиторії та конкурентів на всіх етапах роботи. Завітайте до мого портфоліо:
Моє портфоліо - Freelancehunt
Behance - Behance
Моє CV - https://www.figma.com/proto/BTJ7G3kVa0KvNqCpKBEXpx/CV?page-id=0%3A1&node-id=7-25&viewport=939%2C60%2C0.11&scaling=min-zoom&starting-point-node-id=45%3A17
Заздалегідь дякую за відповідь.
- Проєкти 8
- Оцінка -
- Рейтинг 1 101
Бюджет: 4000 UAH Термін: 7 днів
Вітаю, мене звати Микита. Дуже зацікавила ваша пропозиція та хотів би запропанувати свою кандидатуру.
Володію навичками створення як десктоп версій сайтів так і мобільних. Досвід роботи в веб-дизайні 4 роки.
Моє портфоліо можете переглянути за посиланням: Freelancehunt
Behance
Бюджет: 10000 UAH Термін: 10 днів
Вітаю!
Мій досвід у веб-дизайні 6+ років, серед моїх проєктів наступні сайти:
https://luckyossa.com/
https://www.platformonline.com.ua/
Також портфоліо з ранішими роботами: Behance
Обіцяю професійний підхід, оперативний зв'язок та врахування всіх побажань!
Вартість залежить від об'єму роботи, тому обговоримо в особистому листуванні.
Бюджет: 1000 UAH Термін: 1 день
Вітаю!
Дуже зацікавив Ваш проект, є досвід та бажання попрацювати над ним!
У сфері веб-дизайн більше 5 років (працюю з Photoshop/Figma).
Моє портфоліо - Behance
Бюджет: 7000 UAH Термін: 6 днів
Доброго вечора, готовий розробити сучасний, продуманий дизайн односторінкового сайту в Фігма, та адаптувати під мобільні пристрої .
Від мене отримаєте відмінну якість та швидке виконання.
Пишіть, обговоримо все детальніше.
Портфоліо:
Freelancehunt
Бюджет: 10000 UAH Термін: 7 днів
Доброго дня! Мене звати Юлія.
Дуже зацікавлена вашим завданням,хотіла б з вами обговорити деталі в особистих повідомленнях
📌Мої роботи можете переглянути тут:
Behance
Freelancehunt
Бюджет: 3500 UAH Термін: 5 днів
Добрий день!
Готовий обговорити з Вами проект)
Працюю в Figma.
Посилання на портфоліо - Freelancehunt
Behance
Буду дуже радий НАШОМУ співробітництву 😊
Бюджет: 6000 UAH Термін: 7 днів
Доброго дня.
Я веб-дизайнер з багаторічним досвідом. Моя спеціалізація - створення сучасного та зручного дизайну для веб-сайтів.
Я працюю в Figma, Adobe photoshop та Adobe illustrator.
Також можу запропонувати зверстати дизайн на конструкторі Webflow.
Якщо у вас є питання стосовно процесу роботи або будь які інші то пишіть я відповім вам.
Можу виконати ТЕСТОВЕ ЗАВДАННЯ (наприклад створити перший екран сайту) щоб показати вам моє розуміння вашого проекту.
Мої роботи:
Freelancehunt
Behance
Давайте разом створимо вражаючий веб-проєкт!
Ставки приховані
Ставки поки відсутні
-
Oleksandr Shtefan 8 жовтня 2023Анімації та інтерактивність: Додати анімації та інтерактивні елементи при натисканні кнопок або під час скроллу
Правильно понимаю, что проект нужно будет в фигме анимировать ?
Актуальні фриланс-проєкти в категорії Дизайн сайтів
1. Заголовок Motion-дизайнер: Lottie-анімація аналізу обличчя для landing (web, векторна)2. Що робимо Потрібна одна векторна анімація для hero-секції landing-сторінки веб-продукту (AI-аналіз обличчя, playful-формат). Сюжет: стилізоване wireframe-обличчя (лінійне, напівпрозоре, намальоване художником — не фото). На нього по черзі «сідають» landmark-точки (очі, ніс, лінія щелепи, брови), між ними будується легка сітка. У фіналі з обличчя м'яко «вилітають» 2–3 невеликі score-картки (напр. Curiosity 88 / 100). Поведінка: build-in при завантаженні (сітка будується, картки з'являються, ~3–4 с) → далі тихий безшовний цикл (~8–12 с): сітка ледь «дихає», картки м'яко пульсують. Без різких рухів.3. Стиль Естетика: editorial, clinical, grey — спокійне світле «студійне повітря», тонкі лінії, м'яке світло зсередини. Референс тону — QOVES face-analysis (преміальний «медично-аналітичний звіт» × журнальний розворот). Важливо — тон: це playful vibe-аналіз, а НЕ медичне сканування й НЕ розпізнавання особи. Жодних IDENTIFIED-рамок, прицілів-перехресть, червоного, «безпекового» HUD, кібер-неону. Точки й виноски мають відчуватись цікаво й легко, а не як біометричний нагляд. Палітра й типографіка — суворо за витягом наприкінці цього документа (дотримання палітри — умова приймання). Референси, які додаю: QOVES-естетика + 2–3 приклади Lottie у сіро-clinical / wireframe-стилі + скріншот hero, куди анімація стане (поруч є скляні картки — анімація має з ними жити, а не сперечатись).4. Технічні вимоги Формат: Lottie JSON, прозорий фон. Розмір файлу: ≤ 150 КБ (ідеал ~80–100 КБ). 30 fps. Без растрових зображень усередині — усе вектор (жодних вбудованих PNG/JPG). Мінімум масок і великих градієнтів; без ефектів, які Lottie не рендерить нативно (складні blur, деякі merge-paths). Обов'язково тестувати експорт саме у web-плеєрі (lottie-web / LottieFiles preview), а не лише в After Effects. Мобільні: коректно програється й читається на реальних iOS Safari та Android Chrome; на вузькій колонці обличчя/сітка не обрізаються, картки не вилазять за межі; плавно на бюджетному Android. Артборд, що чисто масштабується у діапазоні ~360–700px ширини. Постачається з reduced-motion кадром — статичний фінальний стан (побудована сітка + картки) для prefers-reduced-motion.5. Deliverables + права Виконавець здає: Lottie JSON для landing. Reduced-motion статичний кадр (SVG або PNG). Редагований вихідник — файл проєкту After Effects (.aep) з усіма шарами й підписаними групами. (Опційно / бонус) «тиха» light-версія для login-сторінки з тих самих шарів — якщо вкладаєтесь у бюджет; інакше виноситься в наступний етап. Права: повна передача виключних майнових прав + необмежене комерційне використання. Виконавець підтверджує, що всі елементи оригінальні або ліцензовані під комерцію. Шрифти в картках — безкоштовні Google Fonts (Hanken Grotesk, JetBrains Mono), жодних платних-шрифтових пасток.6. Процес Стилфрейм у першу добу — один статичний стоп-кадр майбутньої анімації на затвердження стилю. Я підтверджую того ж дня. Після мого «ок» — анімація. 2 раунди правок включені в ціну. Оплата по етапах через Safe-угоду: частина після затвердження стилфрейму, решта — після приймання фінальних файлів. Важливий швидкий старт: стилфрейм у першу добу, тож відгукуйтесь лише якщо реально вільні зараз.7. Бюджет і термін Бюджет: $150 за повний обсяг із вихідниками й правами (фіксовано). Термін: 4 дні від старту.8. Що надіслати у відгуку 1–2 роботи саме в Lottie / motion (не лише статичні ілюстрації). Короткий коментар: як ви бачите цей стиль під наш референс. Підтвердження, що можете стартувати одразу й дати стилфрейм у першу добу. Відгуки без прикладів Lottie й без коментаря по стилю не розглядаю.Витяг-палітра (віддати обраному виконавцю) Це все, що потрібно художнику по кольору/типографіці. Повний CSS/репозиторій не передаю. Фон: нейтральний світлий #f2f5f7. Лінії сітки, контур обличчя, текст: сірі «чорнильні» тони —#1f2730 (основний), #56606c (вторинний), #8a93a0 (світліший). Єдиний акцент — лише на вузлах-точках landmark: сіро-сланцевий #505c65(глибший варіант #3b4651). Більше НІДЕ акцент не використовувати. Заборонено: будь-які інші кольори, насичені градієнти, веселки, неон, червоне,важкі тіні. Тіні — лише м'які, низької прозорості, з холодним відтінком. Score-картки (trait-reveal): напівпрозорі «скляні» плитки (frosted, легкий blur, тонкий світлий кант); велика цифра — тонка вага 300, елегантна, не жирна; підпис-мітка — маленький моно-шрифт, КАПСОМ, розріджений трекінг. Шрифти: Hanken Grotesk — назви трейтів, підписи (вага 300–500). JetBrains Mono — маленькі мітки, індекси, цифрові підписи (напр. / 100). Тон одним рядком: спокійне майже біле студійне повітря, освітлене зсередини;тонкі лінії; один сіро-сланцевий акцент торкається тільки вузлів сітки.
Доброго дня, колеги. У зв'язку з проблемами у дизайнера, потрібно було приступити ще вчора до доопрацювання дизайну сторінок. Прикріплюю макет у Figma сторінок, які готові - Figma Готово зараз: Головна, Каталог, Картка товару. Що потрібно домалювати:Особистий кабінет, Кошик, Оформлення замовлення, Якість і контроль, Сертифікати, Блог та внутрішня сторінка блогу. Прошу тих, хто реально вивчив: макети, які вже готові, ТЗ та прототипи — написати контрольну відповідь із ТЗ. ТЗ - Тиць Прототипи - Тиць
Необхідно професійно оформити інтернет-магазин на платформі Хорошоп, зробити його сучасним, зручним і візуально привабливим. Що потрібно: Оформити головну сторінку в єдиному фірмовому стилі. Налаштувати красиві банери, категорії та блоки з товарами. Покращити візуальне оформлення карток товарів і категорій. Зробити зручну навігацію та структуру головної сторінки. Налаштувати привабливе відображення акцій, новинок, популярних товарів і брендів. Оптимізувати відображення сайту на мобільних пристроях. При необхідності запропонувати покращення по UX/UI. Використовувати можливості платформи Хорошоп без погіршення швидкості завантаження сайту. Будуть перевагою: Досвід оформлення магазинів на платформі Хорошоп. Наявність портфоліо з реалізованими проектами. Розуміння сучасних принципів UX/UI та e-commerce. Знання SEO-вимог при оформленні сайту. При відповіді, будь ласка, надішліть: посилання на оформлені вами магазини на Хорошоп; короткий опис виконаних робіт; вартість і терміни виконання проекту.
Потрібен верстальник/веб-дизайнер для візуального оновлення сайту. Функціонал змінювати не потрібно — тільки зовнішній вигляд (HTML/CSS, картинки). Що є зараз: Робочий ігровий сайт (панель управління приватним сервером Mu Online) на PHP, движок самописний, без фреймворків. Шаблони — звичайні HTML-файли з плейсхолдерами виду $TITLE$, $USER_USER$ і т.п., які движок сам підставляє даними при завантаженні. Стилі — звичайний CSS, скрипти — jQuery, без збірників (Webpack/Vite) і препроцесорів (SASS/LESS). Сайт складається з 2 функціональних розділів: гостева частина (для незалогінених — опис сервера, новини, топ) і внутрішня частина (особистий кабінет гравця — стати персонажа, гільдії, місто, магазин тощо). Переключення між ними на рівні контенту, а не окремих сторінок. Що потрібно зробити: Гостеву частину — оформити візуально з нуля за референсом (стиль mutts.lt, є готова AI-концепція, але вона занадто яскрава, потрібно привести до загальної палітри сайту). Внутрішню частину — оновити візуал існуючих сторінок (особистий кабінет, місто, гільдії тощо) за референсом, зберігши всю поточну структуру даних і функціонал. Важливо: Плейсхолдери движка ($...$) чіпати не можна — тільки розмітку і стилі навколо них. Вся поточна логіка (розрахунки, форми, AJAX-запити) залишається як є — переноситься в нову верстку без змін. Доступ до файлів сайту і тестовому аккаунту надам після старту роботи. Додам до замовлення: референс дизайну (site.png), скріншоти поточного вигляду сайту.
1. Загальні відомості про проєкт Замовник: сімейний парк розваг у Німеччині (повна назва та домен розкриваються виконавцю після старту проєкту) Тип проєкту: повний редизайн та перебудова сайту з нуля Поточний сайт: WordPress/Elementor, застарілий, потребує повної заміни Цільова аудиторія: сім'ї з дітьми від 2 до 12 років, регіон Німеччини з кількома великими містами поблизу (15 до 20 хвилин на машині) Мова сайту: основна німецька (DE), додатково англійська (EN), окрема мовна версія CMS: на розсуд розробника, WordPress з кастомною темою, Webflow або headless CMS. Elementor не використовувати. Домен: існуючий, переноситься без заміни Термін здачі: за погодженням з замовником 2. Цілі та ключові KPI Новий сайт має виконувати три стратегічні функції: Передавати атмосферу парку як іммерсивної пригоди, не список послуг, а занурення в тематичний світ. Максимізувати конверсію: відвідувач сайту має здійснити бронювання менш ніж за 3 кліки з будь-якої сторінки. Забезпечити бездоганний мобільний UX, понад 60% трафіку очікується з мобільних пристроїв. KPI #1: час до першого кліка "Забронювати" не більше 10 секунд з моменту завантаження головної сторінки KPI #2: Page Speed Score (Google PageSpeed Insights) не менше 85 на мобільних, не менше 90 на десктопі KPI #3: показник відмов (Bounce Rate) менше 45% KPI #4: коректне відображення в усіх сучасних браузерах (Chrome, Firefox, Safari, Edge) та на iOS/Android 3. Склад робіт 3.1 Сторінки та розділи Мінімальний набір сторінок: Головна: Hero секція, анонс живого шоу по вихідних, топ 5 атракціонів, відгуки Google, CTA блок Каталог атракцій з фільтром за віком (0 до 3 / 3 до 6 / 6 до 12 років), картки з фото та відео Пакети дня народження, опис плюс конфігуратора Поточні акції та сезонні події, кожна зі своєю візуальною карткою Ціни, таблиця плюс віджет онлайн бронювання (інтеграція з зовнішньою системою бронювання) Ресторан, меню та атмосфера Фотогалерея плюс вбудований Instagram фід Про парк, правила, FAQ (без дублювання правил) Контакти, карта Google Maps, контактна форма, години роботи, клікабельні телефон та email Зеркало всіх сторінок англійською мовою 3.2 Що необхідно видалити з поточного сайту Усі тексти про обмеження COVID 19 (2021 до 2022), включаючи футер FAQ з питаннями про вартість розробки веб-сайтів (сторонній контент) Застарілий copyright рік, замінити на актуальний Нерабочі Elementor popup кнопки Застарілі повідомлення про відкриття після обмежень Дублювання правил парку в розділі FAQ 4. Функціональні вимоги P1 = критично для запуску, P2 = бажано в v1.0, P3 = можливі доопрацювання пізніше 4.1 Hero секція (головна сторінка) P1, Fullscreen Video Hero: autoplay відео без звуку (muted, loop), 100vw на 100vh. При кліку включення звуку. Поверх відео короткий слоган і кнопка CTA. P1, текстовий шар над відео: H1 заголовок, підзаголовок плюс кнопки "Забронювати" та "Дізнатися більше". Шрифт читається на будь-якому фоні. P1, Sticky Navigation: навігаційна панель фіксується вгорі при скроллі, фон змінюється з прозорого на темний при прокрутці. P1, Sticky CTA Button: кнопка "Забронювати" завжди видима, на десктопі в хедері, на мобільному фіксована смуга внизу екрану. P2, Scroll анімації: елементи з'являються з CSS анімацією (fade in плюс slide up) при прокрутці. Бібліотека Intersection Observer або AOS.js. Без важких 3D бібліотек. 4.2 Атракції P1, картки атракцій: фото/відео, назва, короткий опис, значок вікового обмеження, кнопка "Детальніше" P1, фільтр за віком: клієнтський фільтр без перезавантаження сторінки, реалізація CSS класи плюс vanilla JS або Vue/React компонент P1, детальна сторінка атракції: власний URL, велике фото/відео, повний опис, обмеження за зростом/віком, кнопка бронювання P2, коротке відео: 15 до 30 секунд ролик для кожної атракції, autoplay при наведенні на десктопі або tap на мобільному 4.3 Система бронювання P1, інтеграція з зовнішньою системою бронювання: віджет вбудований inline (iframe або JS embed) на сторінки цін та дня народження, без відкриття в новій вкладці P1, multi step booking flow: покроковий майстер, тип візиту, дата/час, кількість гостей, підтвердження, обов'язковий progress bar P1, пояснення тайм слотів: інфо блок поруч з вибором часу P2, live доступність слотів: API запит до системи бронювання, відображення зайнятих/вільних слотів в реальному часі 4.4 Конфігурація дня народження P1, multi step конфігурація: вік іменинника, кількість дітей, вибір пакета, додаткові опції, вибір дати, форма запиту або пряме бронювання P1, динамічний розрахунок ціни: оновлюється в реальному часі при зміні параметрів, без перезавантаження P2, підсумкове резюме: зведена картка вибору на фінальному кроці з кнопками "Запросити" та "Забронювати напряму" 4.5 Довіра та соціальне підтвердження P1, віджет Google Reviews: мінімум 5 відгуків, середній рейтинг, зірки, розміщення на головній сторінці над CTA блоком бронювання P1, Instagram фід: вбудована стрічка останніх 9 до 12 постів через офіційний API або віджет, посилання на акаунт P2, лічильник відвідувачів: анімований лічильник 4.6 Додаткові функціональні блоки P1, live статус "зараз відкрито/закрито": автоматична позначка на основі годин роботи P1, клікабельні контакти: телефон та email як активні посилання, обов'язково в хедері та на сторінці контактів P2, інтерактивна карта парку: SVG або image map з клікабельними зонами атракцій P2, трекер завантаженості: візуальний індикатор очікуваної завантаженості парку P2, зворотний відлік до події: віджет countdown до найближчої сезонної події P3, окремий розділ вечірніх заходів: сторінка або секція з власним візуальним стилем і кнопкою бронювання 5. Нефункціональні вимоги 5.1 Продуктивність LCP не більше 2,5 сек на мобільному (3G fast) CLS менше 0,1 FID/INP менше 100 мс Google PageSpeed Score не менше 85 mobile, не менше 90 desktop Зображення: формат WebP плюс fallback JPEG, lazy loading, srcset Відео: стрімінг через CDN або YouTube/Vimeo embed, не зберігати важкі MP4 на хостингу 5.2 SEO Schema.org: LocalBusiness плюс OpeningHoursSpecification плюс Event Meta теги: унікальні title (не більше 60 символів) та description (не більше 155 символів) на кожній сторінці Hreflang для мовного перемикача Canonical URL на кожній сторінці Sitemap.xml автоматично генерований Налаштований robots.txt 5.3 Доступність WCAG 2.1, рівень AA як мінімальний стандарт Alt атрибути обов'язкові для всіх зображень Контраст текст/фон не менше 4,5 до 1 Повна навігація з клавіатури ARIA атрибути на всіх інтерактивних елементах 5.4 Безпека HTTPS обов'язковий, редирект з HTTP DSGVO/GDPR: cookie банер (Consent Management), актуальна політика конфіденційності CSRF захист, honeypot або reCAPTCHA v3 на всіх формах Усі залежності актуальних версій, без відомих вразливостей 5.5 CMS та редагованість Тексти, ціни, години роботи, фотографії редаговані через CMS без залучення розробника Створення/архівування акцій та подій через інтерфейс CMS Оновлення Instagram фіду автоматичне через API Відеоінструкція (10 до 15 хвилин) по роботі з CMS, обов'язковий deliverable 6. Дизайн система 6.1 Колірна палітра: основний глибокий зелений, вторинний середній лісовий зелений, акцентний червоний для CTA, світло зелений для фонових карток, бежевий для текстурних акцентів, темний для основного тексту, білий 6.2 Типографіка: виразний display шрифт для заголовків (в дусі пригоди), читабельний нейтральний sans serif для основного тексту, мінімальний розмір 16px body, 14px caption, line height 1,5 до 1,7 6.3 Зображення та медіа: тільки реальні фотографії, стокові фото не використовувати, формат WebP, мінімум 1920px для hero, 800px для карток, відео hero не довше 30 до 60 секунд в loop версії, всі зображення з правом публікації 6.4 Анімації: hover ефекти плавні (scale 1.03 на картках), scroll анімації fade in плюс translateY, тільки transform і opacity для GPU прискорення 7. Очікувані результати Дизайн макети в Figma: десктоп плюс мобільний вигляд усіх сторінок (десктоп 1440px, мобільний 375px) Адаптивна верстка: брейкпоінти 375 / 768 / 1024 / 1440px, mobile first підхід Готовий сайт на staging домені для приймання, після затвердження деплой на бойовий домен Налаштування CMS: всі редаговані зони налаштовані, тестово заповнені Відеоінструкція (10 до 15 хвилин) по управлінню контентом Базова настройка SEO: meta теги, Schema, Sitemap, підключення Google Search Console Установка Google Analytics 4 плюс Google Tag Manager, налаштування подій (click CTA, form submit, page_view) Крос браузерне та крос девайсне тестування, звіт PageSpeed Insights до здачі Передача вихідного коду (Git репозиторій) замовнику після фінальної оплати 8. Критерії приймання Усі P1 вимоги реалізовані та протестовані PageSpeed Score не менше 85 mobile, підтверджено скріншотом Коректне відображення на iPhone (Safari), Android (Chrome), iPad, MacBook, Windows (Chrome, Edge, Firefox) Форма бронювання успішно відправляє запит і присилає підтвердження Google Reviews завантажуються коректно Instagram фід оновлюється автоматично Усі посилання працюють, немає 404 помилок Cookie банер відповідає DSGVO, GDPR Контент в CMS редагується без залучення розробника