Document design → HTML+CSS
Welcome!
We are looking for a UI/UX designer + HTML/CSS specialist to create a professional corporate document template, which will later be integrated into Microsoft Dynamics CRM (integration will be on our side).
The project includes two stages:
Designing the document (Figma or another design tool)
Markup of the template in HTML + CSS based on the approved design
Scope of Work
Stage 1 — Document Design
Create a modern, minimalist corporate document design in the style of Microsoft UI.
Design requirements:
Layout format: Figma / Adobe XD / Sketch / another modern design tool
Export for viewing: PDF or PNG/JPG
Orientation: A4 (portrait)
Volume: 1–2 pages (depending on the amount of data)
Font: Segoe UI (mandatory) — as in Microsoft Dynamics
Structure: 11 sections
~80% — tables
~20% — text + graphic elementsIcons: use only Microsoft Fluent UI Icons
(https://developer.microsoft.com/en-us/fluentui#/styles/web/icons)
Style: clean, restrained, corporate, in the style of Microsoft Dynamics
Maximum readability, logical structure, neat typography
Stage 2 — HTML + CSS Markup
Based on the approved design, create an HTML + CSS template that can be used for further integration into CRM.
Technical requirements:
Clean HTML + CSS (no JS frameworks)
Pixel-perfect adherence to the design
Table structure for correct rendering in CRM and PDF export
Proper functioning when exporting to PDF
Fields for dynamic data must be marked (placeholders)
!!! Integration into Microsoft Dynamics CRM is not included in the executor's tasks (to be done on our side).
Additionally
It is necessary to create 6 versions of the document based on one template:
Order — Sea Freight
Order — Air Freight
Order — Road Freight
Quote — Sea Freight
Quote — Air Freight
Quote — Road Freight
90% of the structure is identical → only the document name and part of the text (2–3 sections) differ.
What we will provide to the executor
Technical content for 11 sections
Texts for all 6 documents
Logo
Screenshot of the Microsoft Dynamics interface as a style reference
-
Hello, Yevhen! Your goal to create a modern and convenient corporate template resonates with my six years of experience in web design and HTML/CSS coding. My latest implementation of a design for a large CRM system allows for pixel-perfect solutions. I will develop the design in Figma, taking into account all your requirements for Microsoft UI structures and styles. I am confident that clean markup, with clear markers for dynamic data, will serve as a solid foundation for future integration. Collaborating together guarantees the success of your project.
-
655 2 0 We at RedHotTeam specialize in UI/UX design for corporate systems and documents within the Microsoft ecosystem, so this is exactly our task format. We do not just design a page — we create a pixel-perfect, CRM-ready template that is then flawlessly displayed in Dynamics and when exported to PDF.
🔹 Stage 1 — Design (Figma):
We will create a minimalist Microsoft style, with Segoe UI typography, Fluent UI icons, and a logical structure of blocks;
We will develop the design for 1–2 A4 pages in Figma with all tables, sections, and field labels for dynamic data;
We will prepare a PDF preview for approval (Order/Quote versions with variations Sea, Air, Road Freight).
…
🔹 Stage 2 — Layout (HTML + CSS):
We will adapt the design into a table-based HTML structure optimized for Microsoft Dynamics CRM;
Pixel-perfect layout without JS, with correct display in PDF;
All fields formatted as variables {{placeholders}}, so the integrator can easily connect CRM data;
We will test the export from the browser to PDF (A4, portrait orientation).
🔹 Style and Accuracy:
We have already created similar corporate templates for large systems where cleanliness, corporate logic, and 0 visual noise are required — all in the style of Microsoft Fluent Design.
🔹 Relevant cases from RedHotTeam:
https://redhotteam.com/en/portfolio/cba1ca69-1796-4ec6-ac56-7f6815338954
— corporate UI/UX design and component system for an enterprise application.
https://redhotteam.com/en/portfolio/400eb187-6ade-4b41-af60-10126add99da
— structure and tables for SaaS analytics with CRM-ready layout.
https://redhotteam.com/en/portfolio/4dab900c-61b4-4c82-a0d8-75ba3b78b59e
— clean design and tables with Microsoft-oriented typography.
We can quickly prepare the first version of the template (for example, Quote — Sea Freight) for style approval, after which we will create the remaining five variations based on it.
When is it convenient for you to provide content for the 11 sections to start the design stage?
-
253 Hello! 👋
I am a specialist in HTML/CSS and have experience in creating clean responsive layouts and corporate documents.
I can create a template in the style of Microsoft Dynamics: tables, clear typography, Segoe UI, neat structure.
I can also assist with the design phase in Figma or XD, creating a minimalist layout in the style of Fluent UI.
I will complete the task carefully, taking into account all technical requirements (table layout, placeholders, PDF compatibility).
I am ready to discuss the details and start working.
-
316 1 0 Ready to create a document template in Microsoft UI style and layout it in clean HTML/CSS with full design compliance. I have experience in developing responsive layouts and work with Figma.
Portfolio
Freelancehunt
-
226 Good day! I will create for you a modern, adaptive, and user-friendly website "turnkey," which will look professional and work effectively. We will also work on the design.
I work until the final result, until you are completely satisfied. After the project is delivered, I provide support and consultations for a month, so you can confidently use your website.
-
1842 4 0 ⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐
Hello! Here is my design portfolio:
Behance
-
1615 23 0 Hello! 👋
I have experience in developing UI/UX design for corporate templates.
I can create a clean, structured document in the Microsoft UI style, with precise adherence to the guidelines.
💡 What I can provide:
design in Figma in the style of Microsoft Dynamics (with all tables and sections).
I can start immediately after receiving the technical content.
-
4361 72 3 4 Good day
I can work in Figma or Framer and then transfer to HTML, CSS
I have layout skills (HTML, CSS - high level, clean JavaScript - medium, if needed),
Portfolio →Freelancehunt
Or upon request, I can show more of my design capabilities.
I have indicated an approximate cost and time, I can provide more precise information when discussing the details.
-
967 13 0 Yevhen, good day!
I am interested in your project. I have experience in similar work. I am ready to help you and start working right away.
Revisions without limits until you are satisfied.
We will definitely agree on payment!
I am waiting for your message!
-
deleted by moderator
-
Current freelance projects in the category HTML & CSS
Making edits and improvements to the website according to the specifications.Project Description It is necessary to carry out a comprehensive refinement of the website zvilnymo.ua according to the provided technical specifications. The main goal of the work is to increase the website's conversion, improve user experience, optimize the lead capture form,… HTML & CSS, Web Programming ∙ 3 hours 4 minutes back ∙ 24 proposals |
Primatic - Transfer of 3 pages from Figma to WordPress (Elementor)Hello! My name is Anna, I live in Israel and run a small creative studio. I mainly work with small and medium businesses and am currently looking for a freelancer for long-term collaboration. At the moment, there is a project: I need to transfer a finished design from Figma… HTML & CSS, Web Programming ∙ 12 hours 28 minutes back ∙ 53 proposals |
Website layout
25 USD
Need to create a website layout, please leave examples of your work and pricing Criteria/wishes for the layout: - Deadline by the 11th-12th; - Responsive: desktop, tablet, mobile; - Many elements are repeated, there will be no animations as such (the pages with equipment are… HTML & CSS, PHP ∙ 13 hours 45 minutes back ∙ 60 proposals |
Improvement of the Bropack website on WordPress (layout adjustments, form settings, and SEO)Task Description:We are looking for an experienced WordPress developer/front-end developer to promptly complete the project https://bropack.com.ua/. The site has already been designed and set up on WordPress, but due to the previous contractor missing deadlines, it is necessary… HTML & CSS, PHP ∙ 1 day 2 hours back ∙ 29 proposals |
Online clothing storeNeed a developer for an online clothing store Looking for an experienced developer to create a full-fledged online clothing store with a drop model of sales. What needs to be done: 6 pages: home, product, cart, checkout, account, admin panel Login via Google account Cart and… HTML & CSS, Javascript and Typescript ∙ 1 day 23 hours back ∙ 93 proposals |