<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="utf-8" />
		<link rel="icon" href="./favicon.png" />
		<meta name="viewport" content="width=device-width, initial-scale=1" />
		<style>
			html, body {
				height: 100%;
				margin: 0;
			}
		</style>
		
		<link href="./_app/immutable/assets/0.42c05a40.css" rel="stylesheet">
		<link href="./_app/immutable/assets/2.61598a6c.css" rel="stylesheet"><title>DrawScene - Home</title><!-- HEAD_svelte-1x2zzp_START --><script async src="https://www.googletagmanager.com/gtag/js?id=G-8B0NN6WY1B" data-svelte-h="svelte-dx1r1y"></script><script data-svelte-h="svelte-1asgu7r">window.dataLayer = window.dataLayer || []

    function gtag() {
      dataLayer.push(arguments)
    }

    gtag('js', new Date())
    gtag('config', 'G-8B0NN6WY1B');</script><!-- HEAD_svelte-1x2zzp_END --><!-- HEAD_svelte-jfrgnz_START --><meta name="description" content="DrawScene - Home"><!-- HEAD_svelte-jfrgnz_END -->
	</head>
	<body data-sveltekit-preload-data="hover">
		<div style="display: contents">     <wrapper class="app d-flex flex-column svelte-17h3fp1"><header class="mb-2 mt-2 border-bottom"><nav class="navbar navbar-expand pt-0 bg-body-tertiary"><div class="container-fluid"><a href="/" class="d-flex align-items-center mb-2 mb-lg-0 link-body-emphasis text-decoration-none" data-svelte-h="svelte-1dyjyac"><img src="/_app/immutable/assets/DS-Logo.202c2909.png" alt="ESDrawLite Logo" height="32"></a> <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarText" aria-controls="navbarText" aria-expanded="false" aria-label="Toggle navigation" data-svelte-h="svelte-1jmw8cm"><span class="navbar-toggler-icon"></span></button> <div class="collapse navbar-collapse" id="navbarText"><ul class="navbar-nav me-auto mb-2 mb-lg-0"><li class="nav-item"><a class="nav-link active" aria-current="page" href="/">Home</a></li>  <li><a href="/resources" class="nav-link px-2 ">Resources</a></li></ul> <div class="col-md-3 text-end" data-svelte-h="svelte-w3089r"><a href="/signin" class="btn btn-outline-primary">Login</a> <a href="/signin/signup" class="btn btn-primary">Get Started!</a></div></div> <a href="https://www.instagram.com/drawscene_diagrams/" target="_blank" data-svelte-h="svelte-1vj5hun"><img src="/_app/immutable/assets/instagram.19e53b10.svg" alt="Instagram - DrawScene" id="instagram-img" class="svelte-17h3fp1"></a></div></nav></header> <main class="container-fluid flex-fill svelte-17h3fp1"> <div class="justify-content-center text-center"><div class="mx-auto col-lg-6 col-md-10 col-sm-12 col-xs-12"><div id="home-logo" class="text-body-emphasis svelte-psph4n" data-svelte-h="svelte-1kjy9dr"><span class="svelte-psph4n">DrawScene</span> <img src="/_app/immutable/assets/DS-Logo.202c2909.png" alt="DrawScene Logo" width="70" height="70"></div>  <div class="mt-2 mb-3 mx-auto col-lg-9 col-md-10 col-sm-12 col-xs-12" data-svelte-h="svelte-1tllnxe"><div class="text-start">Swiftly Sketch and Document Your Accident Online with Our Short-Term Diagramming Tool,
				DrawScene. Instantly Create Accurate Crash Scene Diagrams for Insurance and Attorney
				Incident Reports and Use.</div></div></div> <div class="mx-auto col-lg-6 col-md-12 col-sm-12 col-xs-12 bg-light mb-3"><div class="svelte-sdvmme"><video poster="/images/DS-video-screen-capture.jpg" src="/videos/DS-Demo.mp4" class="svelte-sdvmme" currentTime="0" paused="true" data-svelte-h="svelte-11y1zu1"><source type="video/mp4"><track kind="captions"></video> <div class="controls svelte-sdvmme" style="opacity: 0"><progress value="0" class="svelte-sdvmme"></progress> <div class="info svelte-sdvmme"><span class="time svelte-sdvmme">0:00</span> <span class="svelte-sdvmme">click anywhere to play / drag to seek</span> <span class="time svelte-sdvmme">...</span></div></div> </div></div> <div class="card mt-2 mb-3 mx-auto col-lg-6 col-md-12 col-sm-12 col-xs-12" data-svelte-h="svelte-1j2avtt"><div class="card-body text-start m-3 ms-4 me-4"><h4 class="card-title">Additional Resources</h4> <p class="card-text">Need some additional information before getting started? Check out the following resources.</p> <ul class="list-group"><li class="list-group-item list-group-item-action"><a href="/resources/Get-Started">Getting Started with DrawScene</a></li> <li class="list-group-item list-group-item-action"><a href="/resources/5-Tips-for-Creating-Accurate-Accident-Scene-Diagrams">5 Tips for Creating Accurate Accident Scene Diagrams</a></li> <li class="list-group-item list-group-item-action"><a href="/resources/How-DrawScene-Simplifies-Accident-Reconstruction">How DrawScene Simplifies Accident Reconstruction</a></li> <li class="list-group-item list-group-item-action"><a href="/resources/The-Importance-of-Digital-Documentation-in-Insurance-Claims">The Importance of Digital Documentation in Insurance Claims</a></li></ul></div></div> <div class="mx-auto col-lg-6 col-md-12 col-sm-12 col-xs-12 p-5 bg-light border rounded-3 mb-3" data-svelte-h="svelte-1qetx0k"><h2 class="text-start ms-4 mb-2">FAQ</h2> <div class="container text-start"><ul><li><div class="fw-bold">What is a Crash Diagramming Drawing?</div> <div>Crash Diagramming drawings are visual recreations or sketches of an accident. They
						normally depict the accident and the surrounding area, as well as the vehicles and
						people involved. They&#39;re created using eyewitness reports, photos, security footage, and
						physical evidence.</div></li> <li><div class="fw-bold">Why is Sketching a Car Accident Important?</div> <div>Drawing out the details helps everyone understand what happened. It gives a clear
						picture of where things happened, how the cars were positioned, and important facts.
						This drawing helps investigators, insurance people, and lawyers figure out exactly what
						occurred, making it easier to make decisions and understand the whole situation better.</div></li> <li><div class="fw-bold">How to Draw a Crash Diagram Sketch with DrawScene?</div> <ul><li><span class="fw-bold">Create the Scene:</span> Start with drawing the intersection or area
							where the accident occurred. DrawScene has intersection templates already loaded and available
							to inset into your diagram quickly.</li> <li><span class="fw-bold">Add the Vehicles:</span> Once the road/intersection is inserted into
							the crash scene diagram, search for the vehicles within the symbols. Drag and drop them
							into the diagram and rotate them into position.</li> <li><span class="fw-bold">Save Your diagram:</span> once you’ve got the detail you require
							inserted into your crash scene diagram, export your diagram into an image or print your
							diagram.</li></ul></li></ul></div></div> <div class="mx-auto col-lg-6 col-md-12 col-sm-12 col-xs-12 float-md-center p-5 bg-light border rounded-3 mb-4"><h2 class="text-start ms-2 mb-2" data-svelte-h="svelte-14x76jj">COST</h2> <p class="container text-start">DrawScene is a short-term use diagramming tool with basic crash scene features. When you sign
			up and create a drawing, it will only be available to print or download for 24 or 72 hours
			(depending on your choice). After that, your diagrams will not be available to view, modify,
			print, or save. DrawScene costs $9.99 USD for a 24-hour period or $24.99
			USD for a 72-hour period. Activation is only valid on the machine/browser used to make the purchase.
			If you want the full features and functionalities of our crash diagramming software for a whole
			year, check out
			<a target="_blank" href="https://www.trancite.com/easystreetdraw" data-svelte-h="svelte-1tmu86h">Easy Street Draw</a>.</p></div> <div class="mx-auto col-lg-6 col-md-12 col-sm-12 col-xs-12 float-md-center p-5 pb-3 bg-light border rounded-3 mb-4"><h2 data-svelte-h="svelte-t3jtm">QUICKLY AND EASILY DRAW YOUR ACCIDENT</h2> <div><img src="/_app/immutable/assets/DS-1.b69d26e0.png" alt="DrawScene Screenshot 1" width="500" height="500" class="img-fluid"> <div class="fs-4">DrawScene Screenshot 1</div> <div class="mt-2"><button type="button" class="btn btn-secondary" data-svelte-h="svelte-1tnkvfm">Prev</button> <button type="button" class="btn btn-secondary" data-svelte-h="svelte-h6e3i">Next</button></div></div></div> <div class="d-inline-flex gap-2 mb-3" data-svelte-h="svelte-4srxoq"><a href="/signin/signup" class="d-inline-flex align-items-center btn btn-primary btn-lg px-4 rounded-pill" type="button">Get Started!</a></div> <div data-svelte-h="svelte-x7qmpp">Already have an account? <a href="/signin">Login</a></div> </div></main> <footer class="d-flex flex-wrap justify-content-between align-items-center py-1 my-2 border-top svelte-17h3fp1" data-svelte-h="svelte-kn279q"><div class="col-md-12 d-flex align-items-center svelte-17h3fp1"><span class="mb-3 mb-md-0 text-body-secondary">Copyright © 2024 SmartSafety Software Inc. All Rights Reserved</span></div></footer> </wrapper> 
			
			<script>
				{
					__sveltekit_179b0yh = {
						base: new URL(".", location).pathname.slice(0, -1),
						env: {}
					};

					const element = document.currentScript.parentElement;

					const data = [{"type":"data","data":{user:void 0},"uses":{}},null];

					Promise.all([
						import("./_app/immutable/entry/start.fcf4d556.js"),
						import("./_app/immutable/entry/app.8864c317.js")
					]).then(([kit, app]) => {
						kit.start(app, element, {
							node_ids: [0, 2],
							data,
							form: null,
							error: null
						});
					});
				}
			</script>
		</div>
	</body>
</html>
