Дизайн документа → HTML+CSS
Вiтаю!
Шукаємо дизайнера UI/UX + спеціаліста з HTML/CSS для створення професійного корпоративного шаблону документа, який у подальшому буде інтегрований у Microsoft Dynamics CRM (інтеграція — на нашій стороні).
Проєкт включає два етапи:
Розробка дизайну документа (Figma або інший дизайн-інструмент)
Верстка шаблону в HTML + CSS на основі затвердженого дизайну
Обсяг робіт
Етап 1 — Дизайн документа
Створити сучасний, мінімалістичний корпоративний дизайн документа в стилі Microsoft UI.
Вимоги до дизайну:
Формат макету: Figma / Adobe XD / Sketch / інший сучасний дизайн-інструмент
Експорт для перегляду: PDF або PNG/JPG
Орієнтація: A4 (портретна)
Обсяг: 1–2 сторінки (залежно від обсягу даних)
Шрифт: Segoe UI (обов’язково) — як в Microsoft Dynamics
Структура: 11 розділів
~80% — таблиці
~20% — текст + графічні елементиІконки: використовувати лише Microsoft Fluent UI Icons
(https://developer.microsoft.com/en-us/fluentui#/styles/web/icons)
Стиль: чистий, стриманий, корпоративний, у стилі Microsoft Dynamics
Максимальна читабельність, логічна структура, акуратна типографія
Етап 2 — HTML + CSS верстка
На основі затвердженого дизайну потрібно створити HTML + CSS шаблон, який можна буде використовувати для подальшої інтеграції в CRM.
Технічні вимоги:
Чистий HTML + CSS (без JS-фреймворків)
Pixel-perfect відповідність дизайну
Таблична структура для коректного рендерингу у CRM та PDF-експорті
Правильна робота при експорті в PDF
Поля для динамічних даних мають бути позначені (placeholders)
!!! Інтеграція у Microsoft Dynamics CRM — не входить у задачі виконавця (виконується на нашій стороні).
Додатково
Потрібно створити 6 версій документа на основі одного шаблону:
Order — Sea Freight
Order — Air Freight
Order — Road Freight
Quote — Sea Freight
Quote — Air Freight
Quote — Road Freight
90% структури ідентичні → різниться назва документа та частина тексту (2–3 розділи).
Що ми надамо виконавцю
Технічне наповнення 11 розділів
Тексти для всіх 6 документів
Логотип
Скрин інтерфейсу Microsoft Dynamics як референс стилю
-
Вітаю, Євгене! Ваша мета створити сучасний і зручний корпоративний шаблон резонує з моїм шестирічним досвідом у веб-дизайні та кодуванні HTML/CSS. Моя остання реалізація дизайну подібного документа для великої CRM-системи дозволяє втілити Pixel-perfect рішення. Розроблю дизайн у Figma, враховуючи всі ваші вимоги до структур і стилю Microsoft UI. Упевнений, що чиста верстка, із зрозумілими маркерами для динамічних даних, стане міцним фундаментом для майбутньої інтеграції. Співпраця разом гарантує успіх вашого проєкту.
-
655 2 0 Ми в RedHotTeam спеціалізуємось на UI/UX-дизайні корпоративних систем і документах під Microsoft-екосистему, тож це саме наш формат завдання. Ми не просто оформлюємо сторінку — ми створюємо піксельно-точний, CRM-ready шаблон, який потім бездоганно відображається в Dynamics та при експорті у PDF.
🔹 Етап 1 — Дизайн (Figma):
створимо мінімалістичний Microsoft-стиль, із типографікою Segoe UI, Fluent UI іконками та логічною структурою блоків;
розробимо дизайн 1–2 сторінок формату A4 у Figma з усіма таблицями, секціями та підписами полів для динамічних даних;
підготуємо PDF-прев’ю для затвердження (версії Order/Quote з варіаціями Sea, Air, Road Freight).
…
🔹 Етап 2 — Верстка (HTML + CSS):
адаптуємо дизайн у табличну HTML-структуру, оптимізовану для Microsoft Dynamics CRM;
Pixel-perfect верстка без JS, з коректним відображенням у PDF;
усі поля оформлені як змінні {{placeholders}}, щоб інтегратор легко підключив CRM-дані;
протестуємо на експорт із браузера у PDF (A4, портретна орієнтація).
🔹 Стиль і точність:
Ми вже створювали подібні корпоративні шаблони для великих систем, де потрібна чистота, корпоративна логіка, 0 візуального шуму — усе в стилі Microsoft Fluent Design.
🔹 Релевантні кейси RedHotTeam:
https://redhotteam.com/en/portfolio/cba1ca69-1796-4ec6-ac56-7f6815338954
— корпоративний UI/UX-дизайн і компонентна система під enterprise-додаток.
https://redhotteam.com/en/portfolio/400eb187-6ade-4b41-af60-10126add99da
— структура і таблиці під SaaS-аналітику з CRM-ready версткою.
https://redhotteam.com/en/portfolio/4dab900c-61b4-4c82-a0d8-75ba3b78b59e
— чистий дизайн і таблиці з Microsoft-орієнтованою типографією.
Ми можемо швидко підготувати першу версію шаблону (наприклад Quote — Sea Freight) для затвердження стилю, після чого на основі нього зробимо решту п’ять варіацій.
Коли вам зручно передати контент для 11 розділів, щоб розпочати з дизайн-етапу?
-
253 Вітаю! 👋
Я спеціаліст з HTML/CSS і маю досвід створення чистої адаптивної верстки та корпоративних документів.
Можу створити шаблон у стилі Microsoft Dynamics: таблиці, чітка типографіка, Segoe UI, акуратна структура.
Також можу допомогти з етапом дизайну у Figma або XD, зробити мінімалістичний макет у стилі Fluent UI.
Виконаю завдання акуратно, з урахуванням усіх технічних вимог (таблична верстка, placeholders, PDF-сумісність).
Готовий обговорити деталі й почати роботу
-
316 1 0 Готова створити шаблон документа в стилі Microsoft UI та зверстати його у чистому HTML/CSS з повною відповідністю дизайну. Маю досвід у розробці адаптивних макетів і працюю з Figma.
Портфолио
Freelancehunt
-
226 Доброго дня! Я створю для вас сучасний, адаптивний і зручний сайт «під ключ», який буде виглядати професійно та працювати ефективно. З дизайном також попрацюємо.
Я працюю до повного результату, поки вас усе не влаштує. Після здачі проєкту надаю підтримку та консультації протягом місяця, щоб ви впевнено користувалися своїм сайтом.
-
1842 4 0 ⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐
Вітаю! Ось моє портфоліо по дизайну:
Behance
-
1615 23 0 Вітаю! 👋
Маю досвід у розробці UI/UX-дизайну корпоративних шаблонів.
Можу створити чистий, структурований документ у стилі Microsoft UI, з точним дотриманням гайдлайнів.
💡 Що можу забезпечити:
дизайн у Figma у стилі Microsoft Dynamics (з усіма таблицями та розділами).
Можу почати одразу після отримання технічного наповнення.
-
4361 72 3 4 Добрий день
Можу працювати в Figma або Framer і потім переносити в html, css
Навики верстки є (html, css — високий рівень, чистий javascript — середній, за потреби),
Портфоліо →Freelancehunt
Або за запитом можу показати більше моїї дизайн-можливостей.
Зазначив орієнтовну вартість і час, точніше при обговоренні деталей зможу сказати
-
967 13 0 Євген, добрий день!
Зацікавив ваш проєкт. Маю досвід у подібному. Готовий вам допомогти і вже приступити до роботи.
Правки без обмежень, доки вам не сподобається.
За оплату обов’язково домовимось!
Чекаю на повідомлення!
-
видалено модератором
-
Актуальні фриланс-проєкти в категорії HTML та CSS верстання
Шукаю WordPress/Elementor/Woo спеціаліста який має великий досвід з шаблоном Woodmart
5000 UAH
Потрібно оновити візуал та структуру інтернет-магазину стоматологічних товарів (посилання відправлю в ПП) Сайт працює на зв'язці WordPress + WooCommerce. Шаблон — Woodmart. Завдання: Оновлення шапки (header), підвалу (footer) та контенту на головній сторінці згідно з готовим… CMS, HTML та CSS верстання ∙ 1 година 37 хвилин тому ∙ 19 ставок |
Верстка сайтуТехнічне завдання на верстку сайту. Писав чат гпт Посилання на дизайн - https://www.figma.com/file/bBuR3yG2eSzLpBcBJURNZi?node-id=60:397&t=zQ9Kln2RtyBgNHKw-1&locale=en&type=design Загальна інформація Необхідно виконати адаптивну кросбраузерну верстку сайту на основі наданого… HTML та CSS верстання ∙ 2 години 28 хвилин тому ∙ 61 ставка |
Внесення правок та доопрацювань на сайт згідно з ТЗОпис проєкту Потрібно виконати комплекс доопрацювань сайту zvilnymo.ua відповідно до наданого технічного завдання. Основна мета робіт — підвищення конверсії сайту, покращення користувацького досвіду, оптимізація форми захоплення лідів та посилення довіри потенційних клієнтів.… HTML та CSS верстання, Веб-програмування ∙ 4 години 55 хвилин тому ∙ 32 ставки |
Primatic - Перенос 3 сторінок з Figma в WordPress (Elementor)Привіт! Мене звуть Анна, я живу в Ізраїлі і управляю невеликою креативною студією. Працюю в основному з малим і середнім бізнесом і зараз шукаю фрилансера. На даний момент є проект: потрібно перенести готовий дизайн з Figma в WordPress. Всього три сторінки — головна, «Про… HTML та CSS верстання, Веб-програмування ∙ 14 годин 18 хвилин тому ∙ 57 ставок |
Доопрацювання сайту Bropack на WordPress (виправлення верстки, налаштування форм та SEO)Опис завдання:Шукаємо досвідченого WordPress-розробника/верстальника для оперативного завершення проекту https://bropack.com.ua/. Сайт вже сверстан і посажений на WordPress, але у зв'язку зі зривом термінів попереднім виконавцем, необхідно закрити технічну частину, налаштувати… HTML та CSS верстання, PHP ∙ 1 день 4 години тому ∙ 30 ставок |