Conversion of Multiple Adobe XD Templates to HTML with Bootstrap

30.0 USD

30.0 USD peopleperhour 技术与编程 海外
64天前

详细信息

I am looking for a skilled designer and developer to convert multiple templates Adobe XD design into responsive HTML using Bootstrap. The design should be pixel-perfect and optimized for both desktop and mobile devices. This project requires attention to detail in professional UX design and efficient code structure. Given that this is a low-budget project, cost-effective solutions are appreciated. Ideal candidates should have experience in Adobe XD, HTML, CSS, and Bootstrap. Please provide examples of previous similar projects if possible. Start your application with the work "HTML"

免责声明

该外包需求信息来源于站外平台,本站仅提供公开信息部分字段展示与订阅服务,更多请查看免责声明

关注公众号,不定期副业成功案例分享
关注公众号

不定期副业成功案例分享

领先一步获取最新的外包任务吗?

立即订阅

类似推荐

Work to do I am looking for a front-end developer who specializes in HTML, CSS, responsiveness, and Mirasvit banner customization. The task involves developing HTML and CSS for the Mirasvit promo banners, ensuring they are fully responsive, with correct handling of both image backgrounds and HTML-based backgrounds. I have already done the HTML background banners and they are simple to handle. However, when working with image backgrounds, I am running into issues with the CSS, especially when it comes to adjustments for app store buttons, offer boxes, and mobile responsiveness. I need help in creating the framework for the image background banners. This framework should ensure that images have a consistent size, properly manage offer box positioning, and handle mobile app integration like the app store buttons and QR codes. Once the framework is in place, I can easily update the banners myself with new images and content, but I need assistance in ensuring everything works correctly for mobile and desktop views. 1. Responsive Banner Design: - Ensure all promo banners are fully responsive on mobile and desktop, using the following CSS media queries to manage layout and offer box positioning. - The slider elements should adapt based on screen size. 2. HTML-Based Banner Updates: - Create and update HTML background banners with the required design and content. - Apply the responsive CSS code and manage layout changes based on the screen width. 3. Image-Background Banner Development: - Set up the initial framework for image-background banners. - Define a fixed height for images to ensure consistency in their size across multiple banners. This will allow quick replication and updates after the initial setup. 4. Mobile Responsiveness: - Ensure that the offer boxes, shop now buttons, and text are properly centered and visible on mobile devices. - Use media queries to adjust the layout for smaller screens (767px or less). 6. Frequent Banner Updates: Banners are updated every 2-3 days, but you will get 1 month at a time to do, the template banner taking 1-2 hours for the template stage. Once the framework is established, the image background updates will take 30 minutes per banner. 7. Consistent Implementation: Ensure that each banner is updated with the same level of consistency, following the graphic designer’s layout and ensuring the correct responsiveness for mobile and desktop views. 8. Setup campaigns for each banner with discounts 9. Required Skills: 9.1. HTML/CSS: Advanced skills in responsive design and media queries for mobile-first design. 9.2. Mirasvit Experience: Experience working with Mirasvit or similar banner management systems. 9.3. API HTML Coding: Ability to create and update HTML banners that interact with APIs, particularly for mobile app integration. 9.4. Fast Execution: Ability to implement changes quickly and efficiently, following design guidelines. 9.5. Attention to Detail: Ensure consistency in design and alignment across all banners.
18.0 USD 技术与编程 peopleperhour 海外
1天前
Summary of Technical Specification for Developer Request Project Overview We are building a personalised haircare platform that integrates advanced xxx analysis technology and a database of product insights. The platform will dynamically generate personalised e-commerce pages for users based on xxxx analysis results, with seamless purchasing capabilities. The platform will be developed using WordPress and WooCommerce for scalability and cost-efficiency. Core Requirements 1. Platform Setup Use WordPress as the Content Management System (CMS). Integrate WooCommerce for e-commerce functionality. Ensure the platform is mobile-optimised and user-friendly. 2. Hair Analysis Integration Integrate API to process photo-based hair analysis. Provide an option for users to purchase a premium physical strand analysis kit. 3. Product Data Integration Integrate a product database via API or data import tools (e.g., WP All Import). Combine hair analysis results with the product database to deliver tailored product recommendations. 4. Personalised E-Commerce Pages Dynamically generate product recommendations for users based on their xxxx analysis. Display curated routines and product bundles with filters for user preferences. 5. Unified Checkout and Order Fulfillment Implement a single checkout process for products from multiple suppliers using plugins like Stripe Connect or PayPal Commerce. Enable dropshipping functionality to route orders directly to suppliers via WooCommerce Dropshipping or similar plugins. 6. Subscription Management Integrate WooCommerce Subscriptions to manage recurring payments for premium features or services. 7. Hosting and Scalability Use managed WordPress hosting (e.g., Kinsta, WP Engine, or SiteGround) to ensure reliability and scalability. Optimise for high performance using caching plugins and scalable server solutions. 8. Security and Compliance Ensure GDPR compliance for user data handling. Secure API integrations and user data with robust encryption and access controls. 9. Testing and QA Conduct thorough user testing for all workflows, including hair analysis, e-commerce, and checkout processes. Validate accuracy of data integration and recommendation engine. Key Plugins and Tools WooCommerce: Core e-commerce functionality. WP All Import: For data import and management. WooCommerce Subscriptions: Manage recurring payments. WooCommerce Dropshipping: Automate order fulfillment. Elementor Pro: Design and customise dynamic pages. Stripe/PayPal Commerce: Payment gateway integration. Developer Deliverables Fully functional WordPress and WooCommerce platform. Integrated API for photo-based hair analysis. Dynamic product recommendation engine leveraging the product database. Seamless checkout process and dropshipping capability. Subscription management functionality. GDPR-compliant, secure, and scalable infrastructure. Tested and validated platform ready for soft launch. We are looking for a freelancer to work closer with us, we will project manage the build. Please send us links to similar sites that you have developed using WooCommerce and Wordpress.
3500.0 GBP 技术与编程 peopleperhour 海外
2天前