Skip to content

Commit

Permalink
Wordpress Pages Update
Browse files Browse the repository at this point in the history
  • Loading branch information
@odiengineering
odiengineering committed Sep 15, 2023
1 parent 7c0cf1f commit 24cc040
Show file tree
Hide file tree
Showing 2 changed files with 383 additions and 0 deletions.
123 changes: 123 additions & 0 deletions pages/wordpress-pages/projects-test.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,123 @@
<div class="wp-block-group"><div class="wp-block-group__inner-container">
<p class="cagov-emphasized">We connect directly with Californians to improve state services. Here’s some of the work the Office of Data and Innovation (ODI) has done.</p>
</div></div>

<div class="wp-block-group cagov-tab-content expansion-width-full m-t-5"><div class="wp-block-group__inner-container">
<div class="wp-block-group cagov-aligned-group"><div class="wp-block-group__inner-container">
<figure class="wp-block-image size-full cagov-align-left dif-project"><img decoding="async" loading="lazy" width="577" height="384" src="https://live-digital-ca-gov.pantheonsite.io/wp-content/uploads/2023/07/calworks-project-1.jpg" alt="A smiling man holding a happy baby" class="wp-image-1415"/></figure>

<div class="wp-block-group"><div class="wp-block-group__inner-container">
<h2 class="wp-block-heading h3 dif-project">Helping more eligible families enroll in CalWORKs</h2>

<p>CalWORKs is a major safety net program. There’s a gap between people eligible for benefits and those who get them. ODI explored why the gap exists. We interviewed applicants to learn what it’s like applying for CalWORKs. We also talked to program staff to hear what it&#8217;s like to run the program. We found pain points that stop families from getting the benefits they deserve.</p>

<p><a href="https://innovation.ca.gov/our-work/projects/helping-more-eligible-families-enroll-in-calworks/">Read the CalWORKs case study</a></p>
</div></div>
</div></div>

<div class="wp-block-group cagov-aligned-group"><div class="wp-block-group__inner-container">
<figure class="wp-block-image size-full cagov-align-left dif-project"><img decoding="async" loading="lazy" width="577" height="384" src="https://live-digital-ca-gov.pantheonsite.io/wp-content/uploads/2023/07/dtsc-project-e1693519548787.png" alt="A woman moderating a community meeting. Community members are raising their hands to share their thoughts." class="wp-image-1416"/></figure>

<div class="wp-block-group"><div class="wp-block-group__inner-container">
<h2 class="wp-block-heading h3 dif-project">Lifting Californians’ voices in toxic substance cleanup project decisions</h2>

<p>The Department of Toxic Substances Control (DTSC) oversees cleanup projects across the state. They use comments from the public when deciding how to clean up sites. Most projects get only a few comments. DTSC asked ODI to explore how to reach people who don’t usually comment. ODI ran pilots to test new ways of reaching Californians. After making a few key changes, we got 600% more comments.</p>

<p><a href="https://innovation.ca.gov/our-work/projects/lifting-californians-voices-in-toxic-substance-cleanup-project-decisions/">Read the DTSC case study</a></p>
</div></div>
</div></div>

<div class="wp-block-group cagov-aligned-group"><div class="wp-block-group__inner-container">
<figure class="wp-block-image size-full cagov-align-left dif-project"><img decoding="async" loading="lazy" width="577" height="384" src="https://live-digital-ca-gov.pantheonsite.io/wp-content/uploads/2023/07/calworks-project.jpg" alt="A woman sitting in a living room with a laptop in front of her, looking at you" class="wp-image-1413"/></figure>

<div class="wp-block-group"><div class="wp-block-group__inner-container">
<h2 class="wp-block-heading h3 dif-project">Getting compensation to more California crime victims</h2>

<p>California Victims Compensation Board (CalVCB) noticed a puzzling trend. Despite a rise in violent crimes, fewer victims applied for compensation. CalVCB asked ODI to find out why. Their goal was to get more applications. For 6 weeks, ODI talked with victims and those who support them. We used this research and best practices in design to find ways to make it easier to apply.</p>

<p><a href="https://innovation.ca.gov/our-work/projects/getting-compensation-to-more-california-crime-victims/">Read the CalVCB case study</a></p>
</div></div>
</div></div>

<div class="wp-block-group cagov-aligned-group"><div class="wp-block-group__inner-container">
<figure class="wp-block-image size-full cagov-align-left"><img decoding="async" loading="lazy" width="577" height="384" src="https://live-digital-ca-gov.pantheonsite.io/wp-content/uploads/2022/04/vaccine_sentiment_Vaccine-sentiment-analytics.png" alt="Nurse waving to a patient at a drive-through COVID-19 vaccine site" class="wp-image-365"/></figure>

<div class="wp-block-group"><div class="wp-block-group__inner-container">
<h2 class="wp-block-heading h3">Vaccine sentiment analytics</h2>

<p>When supplies were limited, officials wanted to get vaccines in arms fast. With equity as a top concern, we built a vaccine sentiment model to send limited resources where they were most needed. This model used the <a href="https://healthyplacesindex.org/">Healthy Places Index</a> and digital surveys on the state’s most-visited websites. We found areas with low vaccination rates, but high interest in getting vaccinated. This resulted in more equitable distribution of vaccines across California.</p>
</div></div>
</div></div>

<div class="wp-block-group cagov-aligned-group"><div class="wp-block-group__inner-container">
<figure class="wp-block-image size-full is-resized cagov-align-left"><img decoding="async" src="https://live-digital-ca-gov.pantheonsite.io/wp-content/uploads/2022/04/phone-mockup-covid19.jpg" alt="Person holding a phone showing the California COVID-19 website" class="wp-image-372" style="width:576px" width="576" srcset="https://live-digital-ca-gov.pantheonsite.io/wp-content/uploads/2022/04/phone-mockup-covid19.jpg 676w, https://live-digital-ca-gov.pantheonsite.io/wp-content/uploads/2022/04/phone-mockup-covid19-576x384.jpg 576w" sizes="(max-width: 676px) 100vw, 676px" /></figure>

<div class="wp-block-group"><div class="wp-block-group__inner-container">
<h2 class="wp-block-heading h3">covid19.ca.gov</h2>

<p>Californians needed a trusted resource for information during the pandemic. We launched the first version of covid19.ca.gov in 5 days to be a source of truth. It showed the state what a best practice website could look like, even though we made it in the middle of a crisis. Over the next 2 years, we made dozens of major changes based on user feedback. One major update was a new data dashboard delivery method. This helped charts perform better on all devices. We reduced load times from 70 seconds to 4. Our innovations made the site one of the fastest and most accessible websites on CA.gov.</p>
</div></div>
</div></div>

<div class="wp-block-group cagov-aligned-group"><div class="wp-block-group__inner-container">
<figure class="wp-block-image size-full cagov-align-left"><img decoding="async" loading="lazy" width="577" height="384" src="https://live-digital-ca-gov.pantheonsite.io/wp-content/uploads/2022/04/ds-project.png" alt="Person walking through a whiteboard showing the design process" class="wp-image-374"/></figure>

<div class="wp-block-group"><div class="wp-block-group__inner-container">
<h2 class="wp-block-heading h3">California Design System</h2>

<p>The<a href="https://designsystem.webstandards.ca.gov/"> California Design System</a> solves common website problems. Its reusable components and patterns make state websites more consistent. Real world testing allows departments to use them with confidence. Code comes from past projects like:</p>

<ul>
<li>alpha.ca.gov</li>

<li>covid19.ca.gov</li>

<li>cannabis.ca.gov</li>

<li>drought.ca.gov</li>
</ul>

<p>Feedback from the public drives improvements. Every time we update, we test for performance and accessibility. Teams can upgrade components on their own to fit their needs. We launched the Design System in partnership with the California Department of Technology (CDT). We continue to collaborate with CDT. This will promote these best practices across the state.</p>
</div></div>
</div></div>

<div class="wp-block-group cagov-aligned-group"><div class="wp-block-group__inner-container">
<figure class="wp-block-image size-large is-resized cagov-align-left"><img decoding="async" src="https://live-digital-ca-gov.pantheonsite.io/wp-content/uploads/2022/04/phone-mockup-pagefeedback-1024x682.jpg" alt="Person holding a phone showing the page feedback form on the California Department of Cannabis Control website" class="wp-image-373" style="width:576px" width="576" srcset="https://live-digital-ca-gov.pantheonsite.io/wp-content/uploads/2022/04/phone-mockup-pagefeedback-1024x682.jpg 1024w, https://live-digital-ca-gov.pantheonsite.io/wp-content/uploads/2022/04/phone-mockup-pagefeedback-576x384.jpg 576w, https://live-digital-ca-gov.pantheonsite.io/wp-content/uploads/2022/04/phone-mockup-pagefeedback-768x512.jpg 768w, https://live-digital-ca-gov.pantheonsite.io/wp-content/uploads/2022/04/phone-mockup-pagefeedback.jpg 1076w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>

<div class="wp-block-group"><div class="wp-block-group__inner-container">
<h2 class="wp-block-heading h3">Page feedback</h2>

<p>You can’t improve services if you don’t know what people need. The page feedback tool lets the public share their thoughts with the teams who serve them. We created it for covid19.ca.gov. It’s now on several state websites. If you&#8217;re interested in using page feedback, reach out through the <a href="https://designsystem.webstandards.ca.gov/contact-us">California Design System Contact us page</a>.</p>
</div></div>
</div></div>

<div class="wp-block-group cagov-aligned-group"><div class="wp-block-group__inner-container">
<figure class="wp-block-image size-full cagov-align-left"><img decoding="async" loading="lazy" width="577" height="364" src="https://live-digital-ca-gov.pantheonsite.io/wp-content/uploads/2022/04/accessibility-performance-screenreader.jpg" alt="Person using a braille reading device on a computer" class="wp-image-375"/></figure>

<div class="wp-block-group"><div class="wp-block-group__inner-container">
<h2 class="wp-block-heading h3">Accessibility and performance</h2>

<p>At least 10% of Californians have some form of disability. We go beyond <a href="https://www.w3.org/TR/WCAG21/">WCAG standards</a> to design services that work better for everyone. We write at a grade 6 reading levels so it&#8217;s easier for everyone to understand our content. We make sure our services work well on most devices, not just new smartphones.</p>
</div></div>
</div></div>
</div></div>

<div class="wp-block-group cagov-single-column m-t-5 m-b-6"><div class="wp-block-group__inner-container">
<h2 class="wp-block-heading">How we choose projects</h2>

<p>Our evaluation criteria considers things like:</p>

<ul>
<li>Is this service critical to the lives of Californians?</li>

<li>Does it impact large or underserved populations?</li>

<li>How many state entities are involved in the service?</li>

<li>Can our work on this service be applied to other services?</li>

<li>What previous efforts can we build on?</li>
</ul>

<p>If you’re interested in working with ODI, <a href="/contact-us/">we’d love to hear from you</a>.</p>
</div></div>
Loading

0 comments on commit 24cc040

Please sign in to comment.