Технічна специфікація для створення веб-сайту Proton Bike Rent

<p>Технічна специфікація для створення веб-сайту Proton Bike Rent</p><p>Загальні вимоги:</p><ul><li><p>Доменне ім'я: protonbikerent.pl</p></li><li><p>Мови веб-сайту:</p><ul><li><p>Основна мова: польська</p></li><li><p>Додаткова мова: російська</p></li></ul></li><li><p>Адаптивний дизайн: веб-сайт повинен коректно відображатися на всіх пристроях (мобільні телефони, планшети, комп'ютери).</p></li></ul><p>Структура веб-сайту:</p><p>2.1. Головна сторінка:</p><ul><li><p>Привітальне повідомлення та короткий опис компанії.</p></li><li><p>Інформація про оренду електровелосипедів:</p><ul><li><p>Умови оренди</p></li><li><p>Вартість оренди</p></li><li><p>Можливість оренди на тиждень</p></li></ul></li><li><p>Кнопка "Забронювати": має бути яскравою, помітною і розташованою у видимій частині екрану при завантаженні, з посиланням на форму бронювання.</p></li><li><p>Контактна інформація:</p><ul><li><p>Адреса</p></li><li><p>Телефон</p></li><li><p>Електронна пошта</p></li></ul></li><li><p>Інформація про партнерів (внизу сторінки):</p><ul><li><p>Логотип компанії-партнера</p></li><li><p>Короткий опис компанії-партнера та її ролі у співпраці</p></li><li><p>Посилання на офіційний веб-сайт партнера (за потреби)</p></li></ul></li><li><p>Форма зворотного зв'язку:</p><ul><li><p>Поля форми:</p><ul><li><p>Ім'я та прізвище (обов'язкове поле)</p></li><li><p>Електронна пошта (обов'язкове поле)</p></li><li><p>Повідомлення (обов'язкове поле)</p></li></ul></li><li><p>Кнопка відправки: "Відправити"</p></li><li><p>Форма повинна бути адаптивною та інтуїтивно зрозумілою.</p></li></ul></li></ul><p>2.2. Сторінка "Про нас":</p><ul><li><p>Історія компанії</p></li><li><p>Місія та цінності компанії</p></li></ul><p>2.3. Сторінка оренди:</p><ul><li><p>Повний опис послуг оренди:</p><ul><li><p>Умови оренди (наприклад, термін оренди — 1 тиждень)</p></li><li><p>Вартість оренди (наприклад, оренда на тиждень — X PLN)</p></li><li><p>Перелік моделей електровелосипедів з характеристиками (потужність, дальність ходу, особливості)</p></li></ul></li><li><p>Кнопка для переходу до форми бронювання</p></li></ul><p>Функціональні вимоги:</p><p>3.1. Бронювання:</p><ul><li><p>Користувачі повинні мати можливість заповнити форму бронювання на веб-сайті.</p></li><li><p>Після успішного бронювання користувач повинен отримати підтвердження на вказану електронну пошту.</p></li></ul><p>Форма бронювання:</p><ul><li><p>Форма повинна містити такі поля:</p><ul><li><p>Ім'я та прізвище</p></li><li><p>Електронна пошта</p></li><li><p>Номер телефону</p></li><li><p>Місто</p></li><li><p>Вибір моделі велосипеда зі списку</p></li><li><p>Поле для приміток (для додаткових побажань користувача)</p></li></ul></li><li><p>Вимоги до форми:</p><ul><li><p>Зручний і інтуїтивно зрозумілий інтерфейс</p></li><li><p>Повна адаптація для використання на мобільних пристроях</p></li></ul></li></ul><p>Дизайн та користувацький інтерфейс (UI/UX):</p><p>5.1. Основний стиль:</p><ul><li><p>Сучасний, мінімалістичний та візуально привабливий дизайн</p></li><li><p>Проста та зручна навігація для швидкого доступу до потрібної інформації</p></li><li><p>Основні кольори: #191970 та #ffffff</p></li><li><p>Використовуваний шрифт: Anton (з можливістю заміни)</p></li></ul><p>5.2. Головна сторінка:</p><ul><li><p>Велике зображення електровелосипеда на фоні для привернення уваги</p></li><li><p>Кнопка "Забронювати": яскрава, помітна і розташована у видимій частині екрану при завантаженні</p></li><li><p>Блок компанії-партнера (внизу сторінки):</p><ul><li><p>Візуально виділений, але не відволікає від основного контенту</p></li></ul></li></ul><p>5.3. Форма бронювання:</p><ul><li><p>Проста структура з мінімальною кількістю полів для зручності заповнення</p></li></ul><p>Багатомовна підтримка:</p><p>6.1. Підтримка мов:</p><ul><li><p>Веб-сайт повинен підтримувати дві мови: польську та російську</p></li><li><p>Перемикач мов повинен бути видимим і доступним на всіх сторінках, розташованим у верхній частині сторінки</p></li></ul><p>6.2. Переклад контенту:</p><ul><li><p>Усі тексти на веб-сайті (кнопки, заголовки, описи) повинні бути перекладені на російську мову</p></li></ul><p>Інтеграція із соціальними мережами:</p><p>7.1. Instagram:</p><ul><li><p>Кнопка для переходу на офіційний обліковий запис компанії в Instagram повинна бути розташована у верхній частині сторінки</p></li></ul><p>7.2. Telegram:</p><ul><li><p>Кнопка для переходу на офіційний канал компанії в Telegram повинна бути розташована у верхній частині сторінки</p></li></ul><p>Безпека та продуктивність:</p><p>8.1. SSL-сертифікат:</p><ul><li><p>Веб-сайт повинен використовувати SSL-сертифікат для забезпечення безпечного з'єднання (HTTPS)</p></li></ul><p>8.2. Оптимізація продуктивності:</p><ul><li><p>Прискорене завантаження веб-сайту за рахунок оптимізації зображень та інших медіафайлів</p></li><li><p>Чистий і коректний код</p></li><li><p>Адаптивність і швидке завантаження</p></li><li><p>Захист від спаму та атак</p></li></ul><p>Інтеграція з Google Analytics:</p><ul><li><p>Необхідно налаштувати Google Analytics для відстеження поведінки користувачів на всіх сторінках веб-сайту</p></li></ul><p>Термін розробки:</p><ul><li><p>Загальний термін виконання проекту: 9 тижнів</p></li></ul><p>Формат роботи та співпраця:</p><ul><li><p>Дистанційна робота</p></li><li><p>Підписання договору не потрібне</p></li><li><p>Можливість роботи з фізичними особами та фрілансерами</p></li></ul><p>Технічні вимоги:</p><ul><li><p>Вибір CMS та серверної частини за розробником</p></li><li><p>Веб-сайт без інтеграції з платіжними системами</p></li><li><p>SEO-оптимізація з акцентом на технічні аспекти:</p><ul><li><p>Чистий і коректний код</p></li><li><p>Адаптивність</p></li><li><p>Швидке завантаження</p></li><li><p>SSL-сертифікат</p></li><li><p>Правильні мета-теги для кожної сторінки та структуровані URL</p></li></ul></li></ul><p>Технічна підтримка:</p><ul><li><p>Бажана гарантія на роботу після завершення проекту</p></li><li><p>Потрібне навчання з управління веб-сайтом (у текстовому форматі)</p></li></ul><p>Вимоги до виконавця:</p><ul><li><p>Мінімум 2 роки досвіду у веб-розробці</p></li><li><p>Портфоліо з прикладами подібних робіт</p></li><li><p>Досвід роботи з багатомовними веб-сайтами</p></li><li><p>Бажано російськомовний виконавець</p></li></ul><p>Важливі зауваження:</p><ul><li><p>Перемикач мов завжди повинен бути видимим і розташованим у верхній частині сторінки</p></li><li><p>Кнопка "Забронювати" на головній сторінці повинна бути яскравою, легко доступною і розташованою у видимій частині екрану</p></li><li><p>Форма бронювання повинна бути максимально простою, зручною та адаптивною</p></li><li><p>Інтеграція з Instagram та Telegram: кнопки переходу повинні бути на видному місці (у верхній частині веб-сайту)</p></li><li><p>Блок компанії-партнера повинен бути розташований у самому низу головної сторінки та виглядати акуратно, не відволікаючи від основного контенту</p></li><li><p>Форма зворотного зв'язку повинна бути інтуїтивно зрозумілою, з обов'язковими полями (Ім'я, Електронна пошта та Повідомлення) і легко доступною для надсилання повідомлень користувачами</p></li></ul>