Сверстати адаптивний фронтенд сайту - на основі текстового завдання.
Сверстати адаптивний фронтенд сайту - https://ukrferry.com.ua, на основі текстового завдання.
Дві версії сайту, Основна – мобільна. Десктоп – вторинна.
Набір кольорів для дизайну на основі hex 2C4482, можна взяти кольорову основу на сайті ukrferry.com
Три мови - УКР, АНГЛ, РУС. Використовувати HTML, CSS та JavaScript.
Робота спільно з програмістом PHP, використовуючи сервіс https://bitbucket.org/
Сторінки, які потрібно розробити.
1. Головна https://ukrferry.com.ua/ розробити.
Інші підогнати під дизайн першої сторінки.
2. Логін
3. Бронювання
4. Заповнення даних
5. Сторінка перевірки даних
6. Мої замовлення
7. Профіль
Додатки 1
-
Думка на 7 секунд
Готовий відгук на заявку:
Здравствуйте!
Готов виконати адаптивну frontend-верстку сайту Ukrferry на чистому HTML / CSS / JavaScript без фреймворків.
Ознайомився з ТЗ: потрібно розробити мобільну-first версію сайту, де основна версія — мобільна, а desktop — вторинна. Потрібно сверстати головну сторінку, а інші сторінки привести до єдиного дизайну першої сторінки: логін, бронювання, заповнення даних, перевірка даних, мої замовлення та профіль. Також вимагається 3 мови: українська, англійська та російська, робота спільно з PHP-розробником через Bitbucket.
…
Що зроблю:
— адаптивну mobile-first верстку;
— дизайн на основі фірмового кольору #2C4482 та поточної стилістики Ukrferry;
— головну сторінку за текстовим ТЗ;
— сторінки логіна, бронювання, заповнення даних, перевірки даних, мої замовлення та профіль;
— єдиний стиль для всіх сторінок;
— верхнє меню, футер, блоки розкладу, послуг, заборонених вантажів, інструкцій бронювання та контактів;
— підготовку шаблонів під 3 мови: УКР / ENG / РУС;
— чистий HTML/CSS/JS для подальшої інтеграції PHP-розробником;
— роботу через Bitbucket;
— перевірку відображення на mobile / tablet / desktop.
Розумію, що проект пов'язаний з бронюванням міжнародних паромних перевезень, тому інтерфейс має бути максимально зрозумілим: швидко вибрати маршрут, перейти до бронювання, заповнити дані, перевірити замовлення та оплатити.
Орієнтовна вартість: 30 000–40 000 грн за весь frontend-обсяг. Точну суму зможу підтвердити після перегляду всіх поточних сторінок та вимог до станів форм/помилок.
Орієнтовний термін: 12–18 робочих днів.
Можу працювати поетапно:
Головна сторінка mobile-first.
Загальний UI-kit: кнопки, форми, таблиці, картки, меню, футер.
Сторінки бронювання та заповнення даних.
Логін, профіль, мої замовлення.
Адаптив, мультимовні стани, фінальна перевірка.
Передача PHP-розробнику через Bitbucket.
Портфоліо:
Freelancehunt
Готовий обговорити деталі, отримати доступ до Bitbucket і приступити до роботи.
-
Вітаю! Мене звати Владислав. Я спеціалізуюся на професійній фронтенд-розробці та створенні сучасних адаптивних інтерфейсів. Маю досвід роботи з логістичними та транспортними системами, де критично важливою є зручність інтерфейсу на мобільних пристроях та чітка структура даних.
Ваше завдання мені повністю зрозуміле. Я реалізую сучасний, швидкий та функціональний фронтенд, який буде ідеально підготовлений для інтеграції з PHP-беккендом.
Мій підхід до реалізації проекту
• Mobile-First стратегія: Оскільки мобільна версія є основною, я розробляю інтерфейс так, щоб водіям та логістам було максимально зручно вносити дані (номер авто, параметри вантажу) прямо зі смартфона.
• Технологічний стек: Використання чистого HTML5, CSS3 (з методологією BEM) та Vanilla JavaScript. Це забезпечить максимальну швидкість завантаження без зайвих бібліотек.
• Дизайн та кольори: Використаю вказаний HEX 2C4482 як основу, дотримуючись корпоративного стилю "Укрферрі". Інтерфейс буде чистим, у "техно-стилі", що підкреслює надійність компанії.
• Мультимовність: Структура коду буде підготовлена для легкої зміни контенту між УКР, АНГЛ та РУС версіями.
• Робота через Bitbucket: Маю досвід командної роботи через Git. Код буде чистим, структурованим та коментованим, що дозволить PHP-програмісту швидко інтегрувати логіку.
Обсяг робіт (7 сторінок)
… 1. Головна: Розробка унікального дизайну з блоками послуг, розкладом рейсів (статуси "Відкритий/Закритий") та контактами.
2. Логін/Профіль: Зручні форми авторизації та особистого кабінету.
3. Процес бронювання: Покрокова реалізація (Вибір рейсу -> Дані вантажівки -> Підтвердження).
4. Мої замовлення: Таблиця або список з історією бронювань.
Вартість та терміни
• Вартість розробки: 25 000 — 32 000 грн (за всі 7 сторінок з повною адаптивністю та підготовкою під PHP).
• Термін виконання: 14–18 робочих днів.
Чому варто співпрацювати зі мною
• Досвід у складних проектах: Мої роботи, такі як IT-LOGIYA та Drop-zona.com, демонструють вміння працювати з великими обсягами інформації та складними формами.
• Технічна грамотність: Я створюю не просто "картинку", а робочий інструмент з правильною валідацією форм та продуманим UX.
• Дисципліна: Чітке дотримання дедлайнів та оперативна комунікація з вашим програмістом через Bitbucket.
Готовий приступити до створення концепту головної сторінки вже сьогодні. На зв'язку!
-
Привіт!
Готовий взяти Ваш проект, виконаю у терміновому порядку.
Досвід роботи з подібними завданнями величезний, труднощів не виникне.
Якщо потрібно переробити/поліпшити дизайн, це ж можу зробити особисто і це увійде у вартість
Якщо я Вас зацікавив, радий співпрацювати!
-
Привіт, я працював над адаптивною версткою сайту пасажирських перевезень з бронюванням квитків - понад 15 сторінок з мобільною оптимізацією та 3 мовами!
Цікаво, чи плануєте інтегрувати систему онлайн-оплати на етапі бронювання, і які саме дані пасажирів потрібно збирати для міжнародних рейсів?
Пропоную зв'язатися, я безкоштовно проконсультую вас з технічної сторони та складемо план розробки + розповім про мою команду!
-
716 4 0 Я якісно виконую завдання з урахуванням мобільного пріоритету, UX для міжнародних перевезень та подальшої інтеграції з PHP бекендом через Bitbucket. Особливу увагу приділю швидкості завантаження, коректній адаптації інтерфейсів під смартфони, логіці багатомовності та зручності оформлення бронювання. Дизайн виглядатиме сучасно, строго та надійно, що особливо важливо для судноплавної компанії та міжнародних вантажних перевезень. Колірна система та візуальна подача будуть витримані в фірмовій стилістиці Ukrferry з покращенням читабельності, структури блоків та конверсії. Усі сторінки будуть виконані в єдиному стилі, а інтерфейс бронювання стане максимально зрозумілим для користувача. Також врахую зручну роботу таблиць рейсів, статусів бронювання, форм заповнення даних та особистого кабінету. Верстка буде адаптивною, кросбраузерною та акуратною для подальшого підключення бекенд логіки.
План роботи:
Аналіз структури поточного сайту, логіки бронювання та користувацьких сценаріїв.
Розробка сучасного мобільного дизайну головної сторінки з урахуванням фірмової кольорової гами та специфіки поромних перевезень.
Створення UI компонентів та адаптивної дизайн системи для всіх внутрішніх сторінок.
Верстка головної сторінки з пріоритетом mobile first.
Адаптивна верстка сторінок логіна, бронювання, заповнення даних, підтвердження замовлення, профілю та розділу «Мої замовлення».
… Реалізація багатомовного інтерфейсу: УКР, ENG, RUS.
Підготовка зручних форм, таблиць рейсів, блоків контактів та інформаційних секцій.
Оптимізація HTML, CSS та JavaScript для швидкої завантаження та стабільної роботи.
Інтеграційна підготовка верстки для PHP програміста.
Спільна робота через Bitbucket, акуратна структура файлів та комітів.
Фінальна адаптація під десктопні пристрої та тестування відображення на різних екранах.
Перевірка кросбраузерності та виправлення можливих UI недоліків.
-
726 9 1 Привіт! Ваш проект виглядає дуже цікавим. Я готовий розпочати роботу негайно і забезпечити високу якість.
-
612 21 0 Привіт. Можу виконати ваше завдання. Досвід є. Пишіть, домовимось.
-
543 3 0 Готовий зверстати адаптивний фронтенд для Ukrferry згідно ТЗ.
Основний акцент — mobile-first, десктоп адаптація також буде реалізована.
Працюю з HTML/CSS/JS, multilingual (UKR/ENG/RUS) та Git/Bitbucket для спільної роботи з PHP-розробником.
Зможу розробити головну сторінку та стилістично підлаштувати всі внутрішні сторінки під єдиний дизайн.
-
619 7 0 Добрий день. Буду радий допомогти з вашим проектом.
Займаюся веб-розробкою і створенням сайтів, тому можу взяти задачу комплексно: від дизайну і верстки до реалізації і фінальної настройки.
Є досвід у розробці landing page, сайтів під ключ, адаптивній верстці, кастомних доопрацюваннях, інтеграціях і покращенні існуючих сайтів.
Стараюся робити не просто “по ТЗ”, а так, щоб результат був сучасним, зручним і дійсно корисним для бізнесу.
Пишіть, обговоримо деталі.
-
3006 24 0 Вітаю! Зрозумів задачу. Кольори #2C4482, три мови без костилів на чистому JS. 7 сторінок: головна, логін, бронювання, заповнення даних, перевірка, мої замовлення, профіль. Решту піджену під дизайн першої.
Я не просто зверстаю, а продумаю передачу PHP-програмісту — форми без розривів, логічні data-атрибути для мов, адаптив без бібліотек. Знаю Bitbucket, робив спільні проекти.
Я як зрозумів макету сайту немає, але для мене це не проблема, зроблю все швидко, якісно та щей з нормальним дизайном.
Можете написати в особисті повідомлення, можемо сізвонитись та обговорити, або просто відповім на всі ваші запитання, можемо домовитись по ціні, по термінах це до 7 днів.
-
1042 11 0 Привіт! Уважно вивчив ТЗ по проекту фронтенду для сайту Ukrferry. Завдання зрозуміле - готовий взятися за верстку.
Що я пропоную:
Повна верстка 7 сторінок (Головна, Логін, Бронювання тощо) з абсолютним пріоритетом на мобільну версію, як зазначено в завданні.
Чистий код під інтеграцію: напишу акуратний і структурований HTML/CSS/JS. Розділю розмітку, стилі та скрипти так, щоб вашому PHP-програмісту було максимально легко підключати серверну логіку та працювати з формами.
Командна робота: відмінно знайомий з Git і сервісом Bitbucket, готовий до спільної роботи з бекендером без конфліктів у коді.
…
Дизайн і локалізація: витримаю кольорову схему на основі 2C4482 і підготую коректну структуру під 3 мови (УКР, АНГЛ, РУС), або можемо обговорити, підберемо іншу.
Працюю без конструкторів - пишу код вручну. Буду радий обговорити деталі, назвати точні терміни і приступити до проекту.
В середньому така робота займає 10 - 15 днів у нормальному темпі з урахуванням правок і тестування на мобілках.
-
865 50 0 1 Привіт, Руслан! Я готовий вам допомогти з проектом, досвід роботи та портфоліо є. Зроблю ваш сайт якісно та адаптивно! Ціна: 12.000 грн Термін: 10 днів Портфоліо:
Freelancehunt Пишіть, буду радий вам допомогти!
-
289 Вітаю! Готова виконати під ключ сайт з дизайном та фронтед частиною.
Роботи:
🔗 elenis.com.ua
🔗 kontur-sb.com.ua
🔗 www.dosvit.com.ua
🔗 berberis.agency
🔗 avic.ua
🔗 ald.com.ua
… 🔗 diy-ceiling.com.ua/
🔹 Дизайн сайтів з нуля/редизайн
🔹 Верстка: HTML, CSS, JS, SQL, Sass
🔹 Розробка мобільних додатків та Telegram-ботів
Працюю з:
🔹 WordPress — Elementor — WooCommerce
🔹 OpenCart
🔹 Shopify
🔹 Webflow
🔸 Laravel • React Native JS • Vue
-
10333 179 3 3 Добрий день. Є великий досвід розробки сайтів. Зроблю якісно та швидко. Пишіть, обговоримо деталі та бюджет.
Моє портфоліо
Freelancehunt
-
6589 28 0 Сверстаю мобільно-орієнтований адаптив на HTML/CSS/JS: головна + 6 сторінок (логін, бронювання, заповнення, перевірка, замовлення, профіль). Колірна схема від #2C4482, три мови через i18n-файли, робота через Bitbucket з вашим PHP-розробником. Pixel-perfect на мобілі, десктоп — адаптація.
Чи є текстове завдання вже в готовому вигляді, або його потрібно скласти по ukrferry.com.ua разом з вами?
-
Советую Вам обратиться сначала к дизайнеру, а потом уже начинать верстать, а не вот это "шляпа"...
-
Підтримую, вам дизайн вашого сайту взагалі важливий?
-
работа с программистом на основе ии очень итересно
-
Актуальні фриланс-проєкти в категорії HTML та CSS верстання
Веб-дизайн та розробкаПривіт! Для поточного проекту шукаю двох окремих спеціалістів: веб-дизайнера (Figma) веб-розробника (Frontend / WordPress) Проект включає завдання типу: лендинги, інтернет-магазин, адмін-панелі, сайт на WordPress, а також за необхідності невеликі завдання на React / Next.js та… HTML та CSS верстання, Дизайн сайтів ∙ 2 дні 15 годин тому ∙ 107 ставок |
Потрібний розробник Друпал Dupal для правок на кількох сайтах.Потрібний розробник Друпал Dupal для правок на кількох сайтах. Сайт розбух і заповнив весь хостинг .. HTML та CSS верстання, Веб-програмування ∙ 2 дні 22 години тому ∙ 37 ставок |
Оптимізація швидкості сайту WordPress
5092 UAH
повні деталі надішлемо в особисті повідомлення Мета Максимально прискорити завантаження сайту, особливо на мобільних пристроях. KPI (обов'язково) Після завершення робіт необхідно досягти наступних показників. Mobile Performance 90+ LCP менше 2.2 сек INP менше 200 мс CLS менше… HTML та CSS верстання, Javascript та Typescript ∙ 3 дні 13 годин тому ∙ 67 ставок |
Сверстати сайт і підв'язати його до Shopifyзверстати сайт і підв'язати його до shopify на макеті основна сторінка сторінки товарів не буде, буде модальне вікно з вибором обсягу баночки крему та його кількості після вікно доставки та оплати замовлення повинно йти в shopify з повною інформацією про замовлення… HTML та CSS верстання, Веб-програмування ∙ 3 дні 16 годин тому ∙ 77 ставок |
Оптимізація сайтуОптимізація сайту jdgreta.co.uk на Shopify. Сео аудит додано до проекту. Основні завдання - - Виправити всі мета дані - Виконати ТЗ для програміста (оскільки в цьому проекті поєднані завдання для програміста та СЕО, якщо ви не компанія - можете скористатися допомогою) -… HTML та CSS верстання, PHP ∙ 4 дні 17 годин тому ∙ 33 ставки |