UI/UX Дизайн + HTML/CSS верстка документа
4500 UAH
Вітаю!
Шукаємо професійного спеціаліста, який виконає дизайн корпоративного документа та зверстає його в HTML + CSS згідно технічного завдання (ТЗ) нижче.
Дякую.
Мета проєкту:
Створити професійний та уніфікований шаблон документа у корпоративному стилі Microsoft, з подальшою версткою у HTML + CSS для використання в Microsoft Dynamics CRM.
Інтеграцію в CRM виконуємо ми на своїй стороні.
Етап 1 — Дизайн
Необхідно створити сучасний, мінімалістичний корпоративний дизайн документа у стилі Microsoft UI / Fluent Design.
Вимоги до дизайну:
Дизайнер може працювати в будь-якій сучасній системі: Figma, Adobe XD.
Макет має бути наданий для попереднього перегляду у PDF або PNG.
Формат: A4, орієнтація — вертикальна.
Кількість сторінок: 1–2 (залежно від контенту).
Основний шрифт: Segoe UI (обов’язково).
Всі іконки мають бути з бібліотеки Microsoft Fluent UI Icons.
Візуальний стиль — стриманий, читабельний, без зайвих декоративних елементів. (приклад стилю блокiв в закрипленнi)
Етап 2 — Верстка HTML + CSS
На базі затвердженого дизайну потрібно реалізувати HTML + CSS шаблон.
Вимоги до верстки:
Чистий HTML + CSS, без JavaScript-фреймворків.
Точна відповідність затвердженому дизайну.
Структура повинна коректно відображатися при експорті в PDF.
Дані в документі повинні бути розміщені у структурі, що забезпечує стабільний рендер у системах CRM.
Поля для динамічного заповнення мають бути позначені placeholders.
Обов’язково реалізувати адаптивну мобільну версію.
Набір документів, які потрібно створити
Базовий шаблон буде використаний для шести типів документів:
Order — Sea Freight
Order — Air Freight
Order — Road Freight
Quote — Sea Freight
Quote — Air Freight
Quote — Road Freight
Додаткові уточнення
Документи Order повинні мати дві версії:
для Клієнта,
для Вендора.
Структура однакова, але у клієнтській версії деякі рядки (поля) не повинні відображатися.
Назви документів також відрізняються відповідно.
Відповідно, загальна кількість документів збільшується з 6 до 9.
Підтверджуємо, що у план робіт входить повна верстка всіх 9 документів у HTML + CSS на основі затвердженого дизайну.
Обов’язкова умова — адаптація документів під мобільні пристрої.
Потрібно підготувати два варіанти мовного наповнення:
англійська версія,
англійсько-українська двомовна версія.
Ми надамо виконавцю
Тексти для всіх розділів і всіх документів.
Логотип та необхідні бренд-елементи (за потреби).
Перелік рядків, які мають бути приховані у клієнтських версіях.
Приклади стилю інтерфейсу Microsoft Dynamics для орієнтування.
Очікуваний результат
Затверджений дизайн-шаблон.
9 готових HTML + CSS документів (адаптивних, з placeholders).
Готовність документів до імпорту в Microsoft Dynamics CRM.
Додатки 1
Відгук замовника про співпрацю з Анастасією З.
UI/UX Дизайн + HTML/CSS верстка документаДякую за чудову та якісну роботу!
Спілкування було легким, усі правки — оперативними.
Дуже приємно співпрацювати!
Дякую!
Відгук фрилансера про співпрацю з Євгеном Ушаковим
UI/UX Дизайн + HTML/CSS верстка документаСпівпраця приємна. Продовжуємо роботу
-
5 днів15 002 UAH
605 2 0 5 днів15 002 UAH
Маю досвід створення корпоративних документів під CRM-системи та кастомної HTML-верстки для PDF-рендера. Зроблю сучасний Microsoft-style шаблон (Fluent UI) та зверстаю всі 9 документів у HTML+CSS з адаптивом і placeholders для Dynamics.
🔹 Дотичний досвід (RedHotTeam)
— корпоративна система з кастомним UI та документами
https://redhotteam.com/en/portfolio/c7f9a89a-ab72-498f-b4e1-1fc43e5c0cb1
— комплексна веб-платформа з модульними шаблонами та структурованою версткою
https://redhotteam.com/en/portfolio/400eb187-6ade-4b41-af60-10126add99da
… Що зроблю 🚀
Етап 1 — Дизайн
Стиль Microsoft / Fluent UI
Segoe UI + Fluent Icons
1–2 сторінки, строгий corporate-layout
Figma макет + preview PDF
Мінімалістично, читабельно, чітка грід-структура
Етап 2 — HTML + CSS
Чистий HTML+CSS, без JS
Pixel-match до Figma
Структура під CRM-рендер та PDF-експорт
Placeholders для даних
Адаптив, в т.ч. мобільний
9 документів (Order/Quote × Sea/Air/Road)
Vendor/Client версії з прихованими полями
EN та EN+UA версії
Що отримаєте
✅ затверджений дизайн у Fluent стилі
✅ 9 адаптивних HTML+CSS документів
✅ placeholders і підготовка під імпорт у Dynamics CRM
✅ чиста, системна верстка + README з інструкціями
Готовність
Можу почати одразу.
Після отримання ваших текстів — сформую точний таймлайн + структуру проєкту.
Скиньте, будь ласка:
приклади елементів з Dynamics (UI-сніпети)
бренд-матеріали
перелік полів для приховування у client-версіях
Готовий рухатись
-
7 днів12 000 UAH
140 7 днів12 000 UAH
Вітаю.
Я фронтенд- та бекенд-розробниця з 5-річним досвідом роботи. Працюю з HTML5, CSS/SCSS, JavaScript (jQuery, Vue.js, React.js), PHP, Smarty, маю досвід інтеграції верстки з CRM- та CMS-системами.
Можу створити корпоративний шаблон документа за готовим макетом або за прикладом іншого сайту у стилі Microsoft UI / Fluent Design.
Зроблю чисту, адаптивну HTML + CSS верстку з placeholders, яка коректно експортується в PDF та повністю сумісна з Microsoft Dynamics CRM.
Буду рада обговорити деталі та розпочати роботу.
-
29 днів26 990 UAH
15075 32 0 1 29 днів26 990 UAH
Добрий день!
Я Валентин з Arctic Web. Ми займаємось IT-консалтингом і повним циклом розробки: від UX/UI дизайну до веб і мобільної розробки та інтеграцій. Готові взяти ваш проєкт у роботу й поділитись прикладами схожих кейсів у особистих повідомленнях.
З повагою,
Arctic Web Team
Freelancehunt
-
7 днів15 000 UAH
807 6 1 7 днів15 000 UAH
Доброго дня!
Мене звати Веніамін, я спеціаліст з фронтенд-розробки та UI-дизайну.
Ознайомився з вашим технічним завданням щодо створення корпоративного шаблону документа у стилі Microsoft Fluent Design та подальшої верстки в HTML + CSS.
Маю досвід роботи з Figma, HTML/CSS (адаптивна верстка), а також розуміння вимог до інтеграції шаблонів у Microsoft Dynamics CRM.
Готовий виконати проєкт у два етапи: створення дизайну та реалізація верстки 9 документів відповідно до вашого ТЗ.
Буду радий обговорити деталі співпраці — терміни, бюджет і матеріали, які ви надаєте для роботи.
Актуальні фриланс-проєкти в категорії HTML та CSS верстання
Лендінг для школи англійської
13 500 UAH
Шукаємо дизайнера + верстальника лендингу (Wix / WordPress / Weblium) Привіт! Шукаємо виконавця на дизайн і верстку лендингу курсу англійської мови. Що треба: — дизайн і верстка лендингу на 12 блоків; — дві сторінки оплати: успішна /неуспішна; — адаптив під мобільні; —… HTML та CSS верстання, Дизайн інтерфейсів (UI/UX) ∙ 56 хвилин тому ∙ 28 ставок |
Верстка React/Tailwind компонента для друку бланка А4Потрібно поправити UI/UX дизайн та геометрію одного React-компонента (шаблон клінічної карти для друку в PDF) Весь функціонал, масиви даних та логіка вже написані й працюють — потрібна суто косметика, правильні відступи та позиціонування елементів за допомогою Tailwind CSS Стек… HTML та CSS верстання, Javascript та Typescript ∙ 2 години 2 хвилини тому ∙ 20 ставок |
Адаптивна верстка сайту з анімацієюПотрібно сверстати сайт за готовим дизайном з Figma. Адмінка сайту - Laravel - viar-art.pl Сайт має бути сучасним, адаптивним, швидким і зручним для користувача. Верстка повинна точно відповідати макету, коректно відображатися на мобільних пристроях, планшетах і комп'ютерах.… HTML та CSS верстання, Створення сайту під ключ ∙ 13 годин 24 хвилини тому ∙ 68 ставок |
Оновити кастомний фронтенд на Prestashop
10 000 UAH
Потрібно доопрацювати та оновити кастомну тему інтернет-магазину на PrestaShop. Дизайн вже існує, але були внесені правки (вирівнювання елементів, UI-адаптації), які потрібно акуратно інтегрувати та довести до стабільного вигляду. Задачі: Оновлення та оптимізація кастомної теми… HTML та CSS верстання ∙ 18 годин 44 хвилини тому ∙ 29 ставок |
Webflow розробник для заповнення сторінок портфоліо на сайтіЄ сайт розроблений кастомно на вебфлоу для будівельної компанії, потрібно швидко заповнити сторінки проектів за одним шаблоном (замінити картинки і тексти) Для 2 мов Кількість - 6 штук Готові починати asap, дякую! HTML та CSS верстання, Веб-програмування ∙ 2 дні 13 годин тому ∙ 51 ставка |
Київ