
Completed
Posted
Paid on delivery
I’m putting together a small interactive demo and need four separate, fully-layered hybrid SVG illustrations—one each for a bedroom, living room, kitchen and washroom. Every SVG has to contain the exact same five editable <g> groups in this order: Walls, Ceiling, Trims, Accent and Lighting. My goal is to swap colours or hide/show those layers on-the-fly with plain JavaScript or CSS, so please keep the markup clean, logically named and easy to target. Images need to be realistic. I am flexible with hybrid images as long as walls, trim and accept colours can change. Accent pieces vary by room: • Bedroom – bed frame, furniture and the left/right wood panels • Living room – TV stand • Kitchen – cabinets • Washroom – vanity or cabinets I’ll share PNG reference images; treat them as inspiration rather than strict blueprints. I have a loose palette and general style in mind, but I’m happy to adjust based on your artistic input. What I expect from you 1. Four optimised SVG (hybrid) files, 2400 × 1680 px (10:7 aspect ratio), as small as possible , with the five labelled groups described above. 2. A minimal HTML/CSS/JS snippet proving that I can dynamically recolour or toggle visibility for every layer in every room. 3. Brief notes on any SVG-specific considerations (clip paths, masks, filters) you used so I can maintain them later. Deliver the artwork ready for modern browsers (inline SVG preferred), and please keep the vector paths tidy—no unnecessary metadata or raster elements. If that sounds clear, let’s get started!
Project ID: 40558855
57 proposals
Remote project
Active 4 days ago
Set your budget and timeframe
Get paid for your work
Outline your proposal
It's free to sign up and bid on jobs

Hello. A very good morning. Svg and vectorization is my area of specialization. You could message me and we could get going on the project. Thank you very much. Uday
$15 CAD in 1 day
5.9
5.9
57 freelancers are bidding on average $29 CAD for this job

As someone deeply experienced with CSS and JavaScript, especially with SVGs, I'm confident I can create the Dynamic Five-Layer Room SVGs you need for your project. With my understanding of JavaScript and CSS, I know how to make your images fully layered, easy to target, and ready for on-the-fly manipulation. I'm committed to maintaining tidy vector paths and eliminating unnecessary metadata or raster elements to optimize the SVGs -- which aligns perfectly with the small-file size requirement you mentioned. Not only that, but I'm highly skilled in all Adobe suite programs, including Indesign, Photoshop, and Illustrator -- vital tools when creating complex vector designs like this. My extensive graphic design background lends itself well to handling multiple projects from concept to completion, similar to what you need with your SVG illustrations. Adapting your inspiration and style into an aesthetic that matches your vision is a top priority for me. I'll keep you involved throughout the process while also incorporating my artistic capabilities for extraordinary results. Client satisfaction is my ultimate goal, and that's why as a proof of quality, I don't require upfront payment -- let's release the funds when you're 100% satisfied! Let's connect and create a stunning interactive demo together!
$15 CAD in 1 day
8.0
8.0

Hello, I am excited about the opportunity to create dynamic hybrid SVG illustrations for your interactive demo. I will meticulously design four separate SVGs for the bedroom, living room, kitchen, and washroom, ensuring each one contains the specified five editable <g> groups in the required order. The illustrations will be realistic, with walls, trims, and accent colors easily changeable. I will pay close attention to detail, keeping the markup clean and easy to target for dynamic color changes using JavaScript or CSS. Portfolio: Please have a look at our Freelancer portfolio through the links given below. https://www.freelancer.com/u/CreativeDesign50 Looking forward to working on this project with you. Best regards, Kirandeep K.
$20 CAD in 1 day
7.9
7.9

With my decade-long professional design background and specialization in graphic design and vector art, I believe I'm the best fit for this project. Successfully delivering high-quality, 100% original and creative designs is a cornerstone of my practice. My extensive experience in SVG-specific considerations such as clip paths, masks, filters, optimizing file sizes while preserving quality, and ensuring vector path tidiness aligns impeccably with your requirements. I am well-versed in HTML/CSS/JS functionalities crucial for dynamically recoloring or toggling visibility for each layer. The minimal web snippet that I'll provide will not only reflect amazing aesthetics but also be functional. Furthermore, my attention to detail, brand consistency, excellent communication skills paired with being deadline-oriented make me an ideal collaborator. With every project I undertake, I promise to deliver solutions that not only meet your requirements but speak volumes about your vision. Let's transform your vision into visually compelling designs that yield the best results together! Ash k
$30 CAD in 1 day
7.7
7.7

Are you thinking more minimalist/flat design style or photorealistic 3D renderings for these room illustrations? Feel free to message me at your convenience to discuss the project further and kick things off.
$30 CAD in 7 days
7.5
7.5

With my extensive experience in web development and deep understanding of JavaScript, I'm confident that I can deliver exactly what you're looking for. Through the use of plain JavaScript and CSS, I will create a clean, optimised, and easy-to-target SVG file for each room with your specific five-layer requirement. My approach to web development centres around performance and maintainability, which aligns perfectly with your needs. Moreover, I assure you that your art direction will be meticulously followed. The ability to interpret and bring clients' visions to life is one of my core strengths. Whether it's swapping colours or hiding/showing layers, I'm capable of incorporating the functionality you need into an elegant, minimal HTML/CSS/JS snippet that proves the dynamism you require. Finally, let's not undervalue communication throughout the project lifespan. Working diligently while keeping you continuously updated would be my modus operandi; so take a leap of faith in me. By entrusting this project to me, I assure you an attentive approach combined with optimum quality and timely delivery—a combination that sets me apart from my peers in the field. Let’s start bringing your vision to reality!
$20 CAD in 2 days
7.2
7.2

Hello, I came across your Dynamic Five-Layer Room SVGs and I am very interested in working with you. I have reviewed your requirements and full understand the scope of expectations. I specialize in CSS, HTML, Web Design, and have successfully delivered similar projects before. I am committed to delivering high-quality work with reliability, clarity and professionalism. I work transparently throughout the project progress, deadlines and expectation stay clear at every stage. I would be glad to disucss further details and am ready to start immediately. Looking forward to hearing from you. Regards. Anum
$100 CAD in 1 day
6.0
6.0

As a member of Marediasoft, a team of creative thinkers experienced in web design and development, our skill set is perfectly aligned with the project requirements. One of our core competencies is creating impactful and visually stunning SVG illustrations. We've been building interactive features in HTML/CSS/JS for years and can certainly deliver on your second expectation. Our designs prioritize clean and logical markup, making them easy to edit with JavaScript or CSS. This will enable you to swap colors or hide/show layers without any hassle. Our experience also gives us the edge in understanding SVG-specific considerations like clip-paths, masks, and filters. By maintaining these elements carefully, we assure you that you can maintain their integrity even after our project collaboration ends. Finally, at Marediasoft we are all about optimizing performance and creating small files that don't compromise on quality. Thus, you have our assurance that the delivered SVGs will be as efficient in storage as they are realistic +%0A Don't hesitate to rely on our expertise for your project- let's make your interactive demo come to life together!
$10 CAD in 1 day
6.1
6.1

Hello Dear! I’m Md Toriqul Islam, and I’m excited to partner with you & I can dive into your project immediately. I have rich experience in SVG illustration, interactive graphics, and frontend development, creating optimized vector assets that are scalable, lightweight, and easy to manipulate with JavaScript and CSS. I am skilled in SVG, HTML, CSS, JavaScript, vector illustration, and responsive web graphics. I understand you need four optimized room SVGs with identical editable layer structures, clean markup, and dynamic color/visibility controls, along with a simple demo for seamless browser integration. My expertise in SVG architecture, interactive visuals, and frontend development ensures excellent results. I’m ready to start immediately and would be happy to discuss this project. Looking forward to hearing from you. Best regards, Md Toriqul Islam
$20 CAD in 2 days
5.9
5.9

Hello Dear, I’m Md Ruhul Ajom. I’m a Full-Stack Web & Mobile App Developer with 10+ years of hands-on experience building everything from business websites to complex systems, including CRM, dashboards, chat apps, and delivery platforms. I have completed my B.S.C Engineering in Computer Science and Engineering (CSE) from BUET. How Can I Help You 1. Build your project from scratch or improve existing systems 2. Develop fast, responsive, and modern UI 3. Create a secure backend with clean architecture 4. Integrate APIs, payment systems, and third-party services 5. Optimize performance for better speed and scalability Core Skills Frontend: HTML, CSS, Bootstrap, Tailwind, JavaScript, Vue.js, React.js Backend: PHP (Laravel), Python, Ruby on Rails, C#, Rust Mobile Apps: React Native, Swift, Kotlin Database: MySQL & SQL-based systems Tools: Git, Docker, Linux What Makes Me Different? 1. I focus on real business results, not just code 2. I communicate clearly and respond quickly 3. I deliver clean, maintainable, production-ready work 4. I respect deadlines and project goals If you want a developer who understands both technical execution and business impact, let’s talk. I’m ready to start and discuss your project in detail. Best regards, Md Ruhul Ajom
$45 CAD in 2 days
5.0
5.0

Hello, I am excited about creating the dynamic five-layer SVG illustrations for your interactive demo. I will design four separate SVGs for the bedroom, living room, kitchen, and washroom, each with the specified layers: Walls, Ceiling, Trims, Accent, and Lighting. The SVG markup will be clean, logically named, and easy to target for dynamic color changes using JavaScript or CSS. For the accent pieces, I will ensure that each room's unique elements are included, such as the bed frame for the bedroom and cabinets for the kitchen. I will provide optimised SVG files with the required groups and a demo snippet for dynamic layer manipulation. Additionally, I will include notes on any SVG-specific considerations for your future maintenance. I will deliver the artwork in inline SVG format, optimised for modern browsers, ensuring tidy vector paths without unnecessary elements. Looking forward to collaborating smoothly during Canada's time for this project. Best regards, Jamila
$20 CAD in 1 day
4.6
4.6

With my extensive background in graphic design, I possess the unique ability to create engaging and visually appealing artworks while maintaining a clear message. My proficiency in Adobe Illustrator equips me to deliver optimised SVGs that are not only aesthetically pleasing but also lightweight and well-structured, making it easier for you to manage and maintain in the future. As seen in my portfolio, I've consistently been able to bring clients' visions to life even when given a loose blueprint, which aligns perfectly with your project requirements. Additionally, my skills in web design mean that I'll provide you not just with the layered SVGs, but also with a minimal yet efficient HTML/CSS/JS snippet showcasing the dynamic nature of every layer in every room. Lastly, I would like to emphasise my commitment to precision and professionalism. This is evident not only in my design work but also in other auxiliary services that may become relevant at any point – be it academic consultancy or data visualization. Consider this proposal an invitation to breathe life into your vision as a beautiful, cohesive reality. Do reach out so we can discuss your Dynamic Five-Layer Room SVG's project in more detail!
$20 CAD in 2 days
4.7
4.7

Hello, AVAILABLE NOW TO START Hope you are doing well!! I am available now to start this project. You will get best of high quality work in your budget and revisions will be included. So don't waste your time and message me to get the project done in few hours. Thanks, Satvir
$10 CAD in 1 day
4.3
4.3

Hello, I would love to work on your project. I have solid experience in designing and developing modern, responsive, and high-performance websites that are visually appealing and optimized for speed, SEO, and user experience. I carefully read project requirements before starting and ensure every detail is implemented exactly as requested. Whether it's a landing page, business website, eCommerce store, bug fixing, Bootstrap, HTML, CSS, JavaScript, PHP, WordPress, or custom web development, I can deliver clean, scalable, and well-structured code. My priority is quality, timely delivery, and clear communication throughout the project. I provide regular progress updates and remain available for revisions until you are completely satisfied with the final result. I believe in building long-term relationships with clients by delivering reliable work and exceeding expectations. If required, I can also suggest improvements to enhance the design, performance, and overall user experience of your website. I am ready to start immediately and can dedicate my full attention to your project. Let's discuss your requirements in detail so I can provide the best solution within your budget and timeline. Thank you for considering my proposal. I look forward to working with you and delivering excellent results. Best Regards, Yashvendra Singh Full Stack Web Developer
$20 CAD in 2 days
3.9
3.9

Greetings, I am Erinc. I am a Full stack developer knowledgeable in JavaScript and Graphic Design. I can help you with you're putting together a small interactive demo and need four separate, fully-layered SVG illustrations one each for a bedroom, living room, kitchen and washroom. Looking forward to hear from you. Thanks for your consideration.
$20 CAD in 7 days
3.8
3.8

Hi, I can create four realistic hybrid SVG room illustrations (bedroom, living room, kitchen, and washroom) with clean, optimized markup and the exact five editable <g> groups—Walls, Ceiling, Trims, Accent, and Lighting—in the required order. I will also provide a simple HTML/CSS/JS demo for dynamic recoloring/toggling, along with brief maintenance notes so you can easily update and reuse the files later.
$20 CAD in 1 day
3.7
3.7

Greetings, I've reviewed your project and I'm confident I can create a professional website for Dynamic Five-Layer Room SVGs that is visually appealing, responsive, and easy to manage. Why hire me? • Clean, modern, and premium design • Pixel-perfect responsive development • User-focused layout for better engagement • Fast turnaround and clear communication • Revisions until you're 100% happy I'm ready to start immediately and can offer flexibility with pricing based on your budget. Portfolio: www.freelancer.pk/u/moizsidd77 Best, Abdul Moiz Siddiqui
$20 CAD in 1 day
3.1
3.1

Hello, As someone with a profound understanding of both design and development, I am uniquely equipped to tackle your project on creating Dynamic Five-Layer Room SVGs. My name is Noreen and over the years I have merged my graphic design expertise and full-stack development skills to provide comprehensive digital solutions that captivate, connect, and convert. My creative problem-solving approach aligns with your requirements of producing four separate hybrid SVG illustrations for different rooms while keeping them editable and easy to manipulate from a colour and visibility standpoint. My web development expertise in HTML, CSS, JavaScript will ensure your designs are not only aesthetically pleasing but also highly functional. What sets me apart is my unwavering commitment to quality in all aspects of my work. I will meticulously optimize the SVG files as compact as possible while maintaining their integrity. Additionally, I'll provide you with concise notes on specific SVG considerations adopted such as clip paths, masks or filters used so that you can manage and tweak them easily in the future. With me on board, you not only get stunning visuals that resonate with your brand but also an intuitive code foundation that optimally brings it to life for modern browsers. Thanks!
$10 CAD in 4 days
2.8
2.8

Hi! I see you're looking for four realistic room SVGs with a consistent five-layer structure that can be recolored or toggled dynamically with plain JavaScript or CSS. The key part here is not just the artwork, but making each SVG clean, lightweight, and predictable to work with in code. What usually matters most is keeping the same group order and naming across all rooms, while still making the visuals feel natural and detailed. The tricky part is balancing realistic hybrid styling with editable vector layers. My approach would be to build each room SVG with the exact same labeled <g> structure: Walls, Ceiling, Trims, Accent, and Lighting, keeping paths tidy and easy to target. I can also provide a minimal HTML/CSS/JS example showing layer recoloring and visibility toggling, along with short notes for any masks, clip paths, or filters used. A few questions to better understand the scope: Q1 – Do you want identical group IDs across all four SVGs, or room-prefixed naming for easier inline use? Q2 – Should lighting be color-adjustable only, or also fully hide/show without affecting shadows? Q3 – Are your PNG references already matched to the 10:7 composition, or should I adapt framing as needed? Q4 – Do you want the SVGs delivered mainly for inline embedding, or also as standalone files? Looking forward to hearing from you. Nikola
$30 CAD in 1 day
2.8
2.8

Hi there, I can create your four interactive room illustrations with perfectly structured, fully-layered SVG files optimized for dynamic web manipulation. As a visual designer with experience in both clean vector art and precise interior layouts (including detailed ceiling and structural designs), I know exactly how to build these rooms. I will ensure each SVG is strictly set to 2400 × 1680 px and perfectly organized into your exact <g> groups (Walls, Ceiling, Trims, Accent, Lighting) with clean, semantic IDs for effortless JS/CSS targeting. I will deliver the 4 lightweight, inline SVGs (zero raster bloat), a functional HTML/CSS/JS snippet proving the dynamic color and visibility toggles, and clear documentation on any clip paths or masks used. You can view my previous visual design and layout work here: https://www.freelancer.com/u/malika335 I am ready to start immediately. Let's chat so I can review your attached PNG references and we can get started! Best regards, Ahmad Hassan
$25 CAD in 1 day
2.3
2.3

Hello, "five editable <g> groups" – you need a clean SVG structure where Walls, Ceiling, Trims, Accent and Lighting can be recoloured or hidden instantly. I'll create each room SVG with precisely named <g id="Walls">, <g id="Ceiling">, etc., and expose the colours via CSS variables so a single JavaScript call can swap palettes or toggle visibility without re‑rendering. The markup will stay under 200 KB, metadata stripped, and I’ll include a minimal HTML/CSS/JS demo that demonstrates layer toggling for all four rooms. Because SVGs often carry hidden raster data, I’ll run an SVGO pass to remove any unnecessary tags and confirm that clip‑paths and masks are preserved, so future edits stay lightweight. Do you prefer the colour definitions as CSS variables or a JSON map that the script reads? Looking forward to working with you. Artur Giżycki
$200 CAD in 2 days
2.4
2.4

Mississauga, Canada
Payment method verified
Member since Jul 4, 2026
₹12500-37500 INR
₹1500-12500 INR
$250-750 USD
$10-30 AUD
₹600-1500 INR
₹12500-37500 INR
$250-750 USD
$250-750 USD
$30-250 USD
$30-250 USD
₹1500-12500 INR
$750-1500 USD
$15 USD
$30-250 USD
$10-30 USD
$30-250 AUD
₹100-400 INR / hour
$250-750 USD
$100 USD
₹1500-12500 INR