Calculation Design & HTML mockup & Output as PDF A4 using jsPDF or similar

Job ID: 37138229

Budget: $250 – $750 USD

I am looking for a designer/developer to complete the project.

The Idea: We have different calculation options for different countries

We need to make the calculation and the design for one country as per the sample PDF attached with the possibility of printing the output as a PDF file and also the possibility of printing a compassion table with the calculation as a graphic sample is provided, design should be for Mobile and desktop

Figma redesign based on the provided PDF is already done for the calculation only


Phase 1-2 (HTML & CSS & JS Mockup):

Create an HTML, CSS, and JavaScript mockup based on the Sample PDF file attached, Figma design can be used as an orientation

The goal is to replicate the design's visual elements and layout using clean and responsive HTML, CSS, and JS code for:
Calculation (See sample PDF Calculation 1 and 2)
Offer overview (See Real Sample PDF 3 Offer Overview)
and one page with a logo and Map (the Map will be selected from JPG pictures). See Sample 2-Map Page.pdf

The deliverables will include HTML files, CSS files, JS files, and any necessary assets.
Access to a Gitlab Project will be provided to upload source code. (is a must condition for this Job)

Phase 2-2 (Convert Design to PDF using jsPDF):

Convert the HTML design into an A4 PDF document using the jsPDF library or similar. Printing or converting the calculation and the design should be possible from Disctop or Mobile

The goal is to automate the conversion process, preserving the design's layout and styling.
The deliverables include the conversion script and styles.
Access to a Gitlab Project will be provided to upload source code. (is a must condition)

the details about the scope of work are attached as a PDF name:

Scope of work, Calculation Job Description.pdf
Related categories: Website Design Graphic Design CSS PSD to HTML HTML