3D Artist Needed for Interactive Web-Based House Model

Posted 2 weeks ago

Worldwide

Summary

We are looking for an experienced 3D artist to create a high-quality, web-optimized 3D model of a modern residential house for a roofing company website. The 3D house will be the main interactive element of the homepage. As users scroll through the website, the camera will move around the house and highlight different roofing, siding, drainage, and exterior components. The final model will be integrated into a modern website using technologies such as Three.js, React Three Fiber, WebGL, or a similar framework. Project Overview The goal is to create a realistic but optimized 3D model of a contemporary Canadian-style house. The model should allow the website developer to: rotate and move the camera around the house; zoom into specific areas; highlight individual components; hide or show selected parts; change the transparency of individual layers; create roof and siding exploded views; attach informational labels and callouts to specific components; animate the assembly or separation of selected building systems. The model must be created specifically for real-time web use, not only for static rendering. Required House Components The house should include a combination of modern exterior materials and roofing systems. The main components should be organized as separate objects or logical groups. Main structure foundation; main walls; garage; windows; exterior doors; entrance area; deck or porch, if included. Roofing system roof structure; roof deck or sheathing; underlayment; standing seam metal roofing; metal tile roofing; ridge caps; hip caps; valleys; eave starters; rake or gable flashings; wall flashings; chimney flashings, if applicable; drip edges; snow guards; roof vents; skylights, if included. Exterior and siding system main siding; accent siding; metal siding; wood-look siding; corner trims; window trims; door trims; starter strips; J-trims; fascia; soffit. Drainage system gutters; downspouts; elbows; outlets; optional gutter protection components. Model Structure All important parts must have clear English names. Please do not use generic names such as: Object001; Mesh123; Cube.004; Plane.087. The object structure should remain understandable after export to GLB or glTF. The model should be organized so that individual building systems can be selected and animated separately. Exploded View Preparation The model should be prepared for exploded-view animations. For example, the roofing system may be separated into: metal panels; flashings; underlayment; roof deck; snow guards; ventilation components. The siding system may be separated into: siding panels; trims; insulation; wall sheathing; soffit; fascia. The final animations may be completed during web development, but the model must have proper object separation, pivot points, hierarchy, and naming. Web Optimization Requirements Web performance is critical. The model should be optimized for desktop and mobile devices. Preferred targets: Desktop model: approximately 300,000–500,000 triangles maximum; Mobile model: approximately 100,000–200,000 triangles maximum; Desktop GLB file: ideally under 10–15 MB; Mobile GLB file: ideally under 3–6 MB. These are target ranges and may be adjusted depending on the visual result. The artist should: remove unnecessary and hidden geometry; avoid modelling details that will not be visible on the website; use instancing for repeated elements when appropriate; reduce the number of materials and draw calls; use optimized PBR materials; use 1K or 2K textures where possible; use 4K textures only when absolutely necessary; use Draco or Meshopt compression when appropriate; prepare lower-detail geometry for mobile devices; test the exported model in a glTF viewer. Materials and Textures The model should include realistic but lightweight materials, such as: painted metal; textured metal; wood-look siding; stone; concrete; glass; painted aluminum; roofing underlayment; neutral architectural finishes. PBR materials are preferred. Texture sets may include: Base Color; Normal; Roughness; Metallic; Ambient Occlusion. Texture atlases and compressed web-ready textures are preferred where appropriate. Lighting The house should look good under clean architectural daylight or soft studio-style lighting. We want: clear and readable forms; premium architectural presentation; soft shadows; no unnecessarily complex real-time lighting setup; no dark or unreadable areas. The model should work well with environment lighting, HDRI, baked lighting, or a small number of real-time lights. Camera Composition The house should look visually strong from several planned angles. Please prepare or consider the following views: front perspective; rear perspective; roof overview; siding overview; entrance or façade detail; gutter and eave detail; standing seam roofing detail; metal tile detail. The model should also work well on vertical mobile screens. Callout Anchors We would like named anchor points for important components. These may be created as empty objects, locators, null objects, or another appropriate method. Examples: Anchor_StandingSeam; Anchor_MetalTiles; Anchor_SnowGuards; Anchor_Gutters; Anchor_Soffit; Anchor_Fascia; Anchor_Siding; Anchor_RidgeVent; Anchor_Skylight; Anchor_Underlayment. These points will be used by the developer to attach informational labels to the model. Deliverables The final delivery should include: complete source file in Blender, 3ds Max, Cinema 4D, Maya, or a similar application; desktop GLB or glTF model; mobile GLB or glTF model; all textures; clearly named and organized objects; prepared pivot points and hierarchy; objects prepared for exploded-view animation; named callout anchor points; preview renders from key camera angles; a short document explaining the object structure; a list of any included animations; confirmation that the model was tested after export. Required Experience Please apply only if you have experience with: architectural 3D modelling; low-poly or optimized real-time assets; GLB and glTF export; models prepared for Three.js, WebGL, React Three Fiber, gaming, AR, or other real-time applications; PBR material workflows; web and mobile performance optimization. Experience creating interactive product, architectural, or exploded-view models is a strong advantage. Important This is not a traditional architectural visualization project focused only on static renders. The final asset must be suitable for real-time use in a web browser. The model should balance: visual quality; technical accuracy; clean object structure; ease of animation; fast loading; mobile compatibility. How to Apply Please include: Examples of web-optimized or real-time 3D models you have created. Examples of architectural models or exploded-view projects. The software you use. Your experience exporting to GLB or glTF. Your recommended polygon count and file size for this project. Your estimated project timeline. Your estimated fixed price or hourly rate. A brief explanation of how you would optimize the model for desktop and mobile use. Please start your proposal with the words: Interactive House Model This will confirm that you have read the full project description.

  • Less than 30 hrs/week
    Hourly
  • < 1 month
    Duration
  • Expert
    Experience Level
  • Remote Job
  • One-time project
    Project Type
Skills and Expertise
Mandatory skills
3D Modeling
3D Design
3D Rendering
Activity on this job
  • Proposals:10 to 15
  • Last viewed by client:2 weeks ago
  • Interviewing:
    0
  • Invites sent:
    0
  • Unanswered invites:
    0
About the client
Member since Mar 29, 2025
  • Canada
    7:50 PM
  • Manufacturing & Construction
    Mid-sized company (10-99 people)

Explore similar jobs on Upwork

AV/Acoustic Designer for Meditation HallFixed-price‐ Posted 2 months ago
Adobe Photoshop
Graphic Design
Adobe Illustrator
Logo Design
Build 3D Modeling brochure of a productFixed-price‐ Renewed 2 months ago
Graphic Design
3D Design
Product Design

How it works

  • Post a job icon
    Create your free profile
    Highlight your skills and experience, show your portfolio, and set your ideal pay rate.
  • Talent comes to you icon
    Work the way you want
    Apply for jobs, create easy-to-by projects, or access exclusive opportunities that come to you.
  • Payment simplified icon
    Get paid securely
    From contract to payment, we help you work safely and get paid securely.
Want to get started? Create a profile

About Upwork

  • Rating is 4.9 out of 5.
    4.9/5
    (Average rating of clients by professionals)
  • G2 2021
    #1 freelance platform
  • 49,000+
    Signed contract every week
  • $2.3B
    Freelancers earned on Upwork in 2020

Find the best freelance jobs

Growing your career is as easy as creating a free profile and finding work like this that fits your skills.

Trusted by

  • Microsoft Logo
  • Airbnb Logo
  • Bissell Logo
  • GoDaddy Logo