Adobe XD to SCSS and HTML templates
Budget: $750 – $800 USD
Overview:
We are seeking a skilled Frontend Developer to transform our Figma design into fully functional HTML templates.
Requirements:
- Ability to create responsive layouts for desktop, tablet, and mobile using the latest Bootstrap or Tailwind frameworks.
- Implementation of SCSS styles and setting up a stack for seamless compilation of SCSS into CSS.
- Commitment to adhering strictly to the provided designs without deviations.
- Utilization of modern solutions for optimization (e.g., image optimization, not using jQuery, etc.).
- Exclusively custom coding without reliance on existing plugins or stitched-together solutions.
- Prioritization of design accuracy and fidelity across all devices.
- Understanding and implementation of semantic HTML practices to ensure accessibility and clarity in code structure.
Responsibilities:
- Convert provided Adobe XD designs into HTML templates while ensuring responsiveness across various devices.
- Employ either the newest Bootstrap or Tailwind framework in the development process.
- Thoroughly optimize all aspects of the website, including image assets and codebase.
- Create custom solutions without dependency on pre-existing plugins.
Additional Details:
- Desktop design: https://xd.adobe.com/view/ffe9f540-0959-4c5c-8101-24b87bfc5d5f-aaba/flow
- Mobile design: https://xd.adobe.com/view/0e1baafc-a059-4506-b177-00824aac9473-5b48/flow
- The primary focus is on frontend development; functionality implementation (e.g., form submissions) will be handled separately by another team connecting the backend.
Application Process: If you are confident in your ability to precisely translate designs into flawless HTML templates while adhering strictly to our requirements, we look forward to reviewing your application. Please include relevant examples of your previous work showcasing responsive designs and frontend development.
We are seeking a skilled Frontend Developer to transform our Figma design into fully functional HTML templates.
Requirements:
- Ability to create responsive layouts for desktop, tablet, and mobile using the latest Bootstrap or Tailwind frameworks.
- Implementation of SCSS styles and setting up a stack for seamless compilation of SCSS into CSS.
- Commitment to adhering strictly to the provided designs without deviations.
- Utilization of modern solutions for optimization (e.g., image optimization, not using jQuery, etc.).
- Exclusively custom coding without reliance on existing plugins or stitched-together solutions.
- Prioritization of design accuracy and fidelity across all devices.
- Understanding and implementation of semantic HTML practices to ensure accessibility and clarity in code structure.
Responsibilities:
- Convert provided Adobe XD designs into HTML templates while ensuring responsiveness across various devices.
- Employ either the newest Bootstrap or Tailwind framework in the development process.
- Thoroughly optimize all aspects of the website, including image assets and codebase.
- Create custom solutions without dependency on pre-existing plugins.
Additional Details:
- Desktop design: https://xd.adobe.com/view/ffe9f540-0959-4c5c-8101-24b87bfc5d5f-aaba/flow
- Mobile design: https://xd.adobe.com/view/0e1baafc-a059-4506-b177-00824aac9473-5b48/flow
- The primary focus is on frontend development; functionality implementation (e.g., form submissions) will be handled separately by another team connecting the backend.
Application Process: If you are confident in your ability to precisely translate designs into flawless HTML templates while adhering strictly to our requirements, we look forward to reviewing your application. Please include relevant examples of your previous work showcasing responsive designs and frontend development.