-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
89 lines (81 loc) · 8.77 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Basic Page Needs
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<meta charset="utf-8">
<title>From Demand to Law</title>
<meta name="description" content="Democracy thrives on active civic participation, and one of the most direct ways for citizens to make an impact is through initiative petitions. However, navigating the initiative petition process can be daunting, with varied rules, deadlines, and requirements across different regions. That's where our tool steps in!">
<meta name="author" content="Jenny Yi">
<!-- Mobile Specific Metas
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- FONT
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<link href="//fonts.googleapis.com/css?family=Raleway:400,300,600" rel="stylesheet" type="text/css">
<!-- CSS
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/skeleton.css">
<link rel="stylesheet" href="css/jenny.css">
<!-- Favicon
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<link rel="icon" type="image/png" href="images/favicon.png">
</head>
<body>
<!-- Primary Page Layout
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<div class="container">
<div class="row">
<div class="column" style="margin-top: 25%;">
<h2>From Demand to Law</h2>
<h5>Your roadmap to initiative petition process in Massachusetts</h5>
<h3>The Scenario</h3>
<p>Imagine: You've identified a pressing issue in your community and believe that a new law or an amendment to an existing one could be the solution. The process of doing that is called “Initiative Petition”. However, the thought of venturing into the world of initiative petitions can be daunting.</p>
<h3>What is Initiative Petition exactly?</h3>
<p>At its core, the initiative petition process allows individuals like you to propose new laws or changes, placing the power of legislation directly in the hands of the community. Think of the initiative petition process like a community suggestion box, but on a grander scale. If you believe there's a change that needs to happen in your state, you can write it down, gather support in the form of signatures, and then submit it. If enough people back your idea, it gets a spot on the next state election ballot. That means, come election day, every voter in the state can give their two cents on your proposal. If the majority agrees with you, your suggestion can become an actual law. In essence, it's a way for regular folks to have a direct hand in shaping the rules of their state, right alongside elected officials.</p>
<p>But between that idea and seeing it on a ballot, there lies a labyrinth of rules, deadlines, and requirements. This is usually a 2+ year process involving drafting the petition, fundraising, legal counseling, signature gathering, and filing paperwork with multiple government agencies.</p>
<p>Here's where our tool shines. We provide a clear roadmap of the entire process, detailing each stage, and guiding you on what needs to be done and when. With our assistance, you'll be equipped to transform your idea into a community movement. We’ll slowly chip away at the complexity until it’s broken into clear, smaller steps. Ready to take that first step?</p>
<h3>Our Roadmap</h3>
<!-- Add the prototype gifs here-->
<iframe style="border: 1px solid rgba(0, 0, 0, 0.1);" width="300" height="600" src="https://www.figma.com/embed?embed_host=share&url=https%3A%2F%2Fwww.figma.com%2Fproto%2F16z9nUniDLWDLNZQwgXTjm%2FFrom-Demand-to-Law%3Fpage-id%3D0%253A1%26type%3Ddesign%26node-id%3D431-1852%26viewport%3D-778%252C204%252C0.07%26t%3D381WmmsjkAjacLUc-1%26scaling%3Dscale-down%26starting-point-node-id%3D431%253A1154%26mode%3Ddesign" allowfullscreen></iframe>
<p>In building this roadmap, we have researched and consolidated information across government websites (see below).We've created this tool as a simple, step-by-step guide for anyone interested in learning about the process, as well as a detailed checklist for those actively petitioning.</p>
<p>Currently, we are fine-tuning our designs and hoping to collect feedback from you! We are looking for feedback on the following aspects (but feel free to share thoughts on other elements):</p>
<ul>
<li>How is this tool useful/not useful?</li>
<li>What is clear and what is confusing?</li>
<li>What else would you like to know about the process that is not addressed here?</li>
</ul>
<h3>Demo</h3>
<p><a href="https://www.figma.com/proto/16z9nUniDLWDLNZQwgXTjm/From-Thought-to-Law?page-id=0%3A1&type=design&node-id=321-8816&viewport=-1508%2C-381%2C0.09&t=RwJieGAsiURwnYFN-1&scaling=scale-down&starting-point-node-id=321%3A8816&mode=design">Here is a demo of the tool</a>: This is a walkthrough of completing the first step in the roadmap. It showcases all the features you would encounter, a timeline with smaller embedded checklists. For this experience, you will be able to scroll and tap on areas highlighted in blue to explore the prototype.</p>
<p><a href="https://www.figma.com/proto/16z9nUniDLWDLNZQwgXTjm/From-Thought-to-Law?page-id=0%3A1&type=design&node-id=331-9211&viewport=-1508%2C-381%2C0.09&t=RwJieGAsiURwnYFN-1&scaling=scale-down&starting-point-node-id=331%3A9211&show-proto-sidebar=1&mode=design">Here is a prototype with all content</a>: This is a walkthrough of all information in each step of the initiative petition process, but this excludes the checklist feature.</p>
<p>You can provide feedback by:</p>
<ul>
<li>If you have a Figma account, commenting on the Figma prototype itself.</li>
<li>Email us at <a href="mailto:demand2law@goinvo.com">demand2law@goinvo.com</a></li>
</ul>
<h3>Current Limitations</h3>
<ul>
<li>Currently limited to Massachusetts. Each state has its own rules and timelines that may be built in the future.</li>
<li>The research was conducted in 2023. While dates will be updated bi-annually, there may be other changes in the petition process. We will do our best to keep the page updated, but certain points of the process may require double-checking with the government website.</li>
</ul>
<h3>References</h3>
<ul>
<li><a href="https://www.mass.gov/filing-initiative-petitions">Mass.gov</a></li>
<li><a href="https://malegislature.gov/Laws/Constitution#amendmentArticleXLVIII">Massachusetts State Constitution Amendment Article XLVIII</a></li>
<li><a href="https://www.sec.state.ma.us/divisions/elections">Secretary of Coommonwealth</a></li>
<li><a href="https://www.sec.state.ma.us/divisions/elections/download/getting-on-the-ballot/State-Ballot-Question-Petitions.pdf">Secretary of Commonwealth 2023 State Ballot Question Guide</a></li>
<li><a href="http://files.ocpf.us/pdf/guides/guidestatebq.pdf">Campaign Finance Guide</a></li>
<li><a href="https://ballotpedia.org/Massachusetts_2022_ballot_measures">Ballotpedia</a></li>
<li><a href="https://lwvma.org/wp-content/uploads/2018/09/LWVMA-BQS-Study-Report-r.pdf">League of Women Voters Massachusetts: Ballot Question Study Report PDF</a></li>
</ul>
<h3>About Us</h3>
<p>GoInvo is a digital design studio in Boston, shaping the future of healthcare through strategy, creativity, and vision. When we're not working for our clients, we're busy creating open-source projects. These projects reflect our commitment to addressing critical, often overlooked subjects with design.</p>
<p>Through this project, it is our goal to break down the barrier of entry in participating in direct democracy processes starting with communicating complex processes in simple words: converting legal jargon into plain language, re-organizing complex processes into actionable steps.</p>
</div>
</div>
</div>
<!-- End Document
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
</body>
</html>