diff --git a/_config.yml b/_config.yml index 32de9991..9d24b7ef 100644 --- a/_config.yml +++ b/_config.yml @@ -22,6 +22,8 @@ domain: www.calitp.org google_fonts: "https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&family=Raleway:wght@700&display=swap" navigation: header: + - name: Customer stories + url: /customer-stories - name: Resources url: /resources - name: Press diff --git a/src/_includes/footer.html b/src/_includes/footer.html index 3d6868ff..a4c31829 100644 --- a/src/_includes/footer.html +++ b/src/_includes/footer.html @@ -1,33 +1,32 @@ -
+
diff --git a/src/_includes/header.html b/src/_includes/header.html index 0a2e484e..3e5ad1cc 100644 --- a/src/_includes/header.html +++ b/src/_includes/header.html @@ -19,7 +19,7 @@
    {% include link_repeater.html list_class="nav-item" menu_items=site.navigation.header anchor_class="nav-link h4 mb-0 - d-block rounded-1" %} + d-block rounded-1 text-nowrap" %}
diff --git a/src/_includes/home-stats.html b/src/_includes/home-stats.html new file mode 100644 index 00000000..184e020f --- /dev/null +++ b/src/_includes/home-stats.html @@ -0,0 +1,104 @@ + + + + + + + + + + + + + + + + + +
+
+

Impact across California

+
+
+

68%

+

+ Increase in reduced-fare transactions1 +

+ Learn how Monterey-Salinas Transit made it simpler to access transit benefits. +
+
+

229,988

+

+ Trips using a contactless credit/debit card2 +

+ Read how Glenn County is implementing contactless payments. +
+
+

91%

+

+ Reduction of expired GTFS Schedule Feeds3 +

+ Learn more about Ventura County’s success with GTFS. +
+
+
+
+ +
+
+
    +
  1. + Average month over month increase in reduced-fare transactions for older adults and veterans who used Cal-ITP Benefits + since online enrollment became available. ↩ +
    2. +
  2. + Year to date, 2024. + Cal-ITP Contactless Usage Dashboard + ↩ +
    3. +
  3. + Since 2023. + Transit Data Quality Dashboard + ↩ +
    4. +
+
+
diff --git a/src/customer-stories.html b/src/customer-stories.html new file mode 100644 index 00000000..40665b12 --- /dev/null +++ b/src/customer-stories.html @@ -0,0 +1,377 @@ +--- +layout: default +permalink: /customer-stories +title: Customer stories +footer-class: absolute-footer +--- + +{% include clipped-header.html %} + +
+
+
+

Our customers

+

+ The California Integrated Travel Project (Cal-ITP) is working with transit agencies across the state (and country!) to + promote a modern and consistent transportation experience throughout California. Each and every transit agency in the + state can become a Cal-ITP customer. We provide free technical assistance and support to help agencies implement + Contactless Payments, Benefits, GTFS and more. +

+
+
+

Why it matters

+
+
+

Network of agencies

+
+
+
+
+

Why it matters

+ 1.88M +

+ Daily transit rides in CA1 +

+
+
+ 230+ +

+ Transit agencies in CA; all can leverage Cal-ITP2 +

+
+
+

Network of agencies

+
+ A map of California with the location of over 230 transit agencies. +
+
+
+
+
+
+ +
+
+
+
+ +
+
+

Selected agency highlights

+
+
+ Commuter riders board a Ventura County Transportation Commission bus. +
+
+
+ “As a small agency who doesn’t have the resources to be specialists in these areas, we’re able to leverage Cal-ITP’s + support to get complicated tech projects done more quickly…or at all.” +
+
— Public Transit Director in Ventura County
+
+

GTFS

+ Ventura County Transportation Commission +
    +
  • Fleet size: 41
    • +
  • Services operated: fixed-route, paratransit
    • +
  • + Goals: +
      +
    • Improve GTFS production processes
      • +
    • Streamline scheduling operations
      • +
    • Modernize fleet
      • +
    • Regional open-loop contactless payment system
      • +
    • Regional interoperability
      • +
    +
    • +
+

+ The Ventura County Transportation Commission (VCTC) supports several transit agencies in greater Ventura County and + manages two. With a goal of unifying and modernizing transit in their region, VCTC partnered with Cal-ITP. They wanted + to pilot scheduling software that could help them adjust existing routes, plan for the addition of electric vehicles, + make quick and efficient schedule changes, and export high-quality GTFS (as required by the National Transit + Database). In addition, Cal-ITP helped VCTC to better understand integrations between their technology vendors, to + work to implement open loop payments on their VCTC Intercity service and to identify opportunities to streamline GTFS + processes. +

+
+ +
+
+ An accessible bus with doors open, showing a smiling bus driver inside. The bus is labeled “Glenn Ride” and parked in a sunlit lot with trees in the background. +
+

+ Contactless payments +

+ Glenn County Transportation Division +
    +
  • Fleet size: 13
    • +
  • Services operated: fixed-route, paratransit
    • +
  • + Goals: +
      +
    • Implement contactless payments
      • +
    • Reduce cash dependency
      • +
    • Reduce dwell times
      • +
    +
    • +
+

+ Glenn County is a small agency with big goals to improve the rider experience through contactless payments. They are + working with their Cal-ITP account manager and a team of Cal-ITP payments specialists to plan the project and prepare + for implementation. The Cal-ITP team’s role includes guiding the agency through scoping their requirements, making use + of the State of California Master Service Agreements, and providing support with rider marketing and communications. + This dedicated support is designed to help Glenn County make informed decisions, meet their deadlines, and set them up + for a successful contactless payments launch. +

+
+
+ “Our county’s situation may be a bit more unique than other jurisdictions, requiring more handholding, but Cal-ITP’s + assistance hasn’t wavered. They’ve navigated us throughout this process and provided crucial resources—that’s more + than appreciated.” +
+
— Administrative Services Analysts in Glenn County
+
+
+ +
+
+
+
+
+
+ Orange light rail in Sacramento in front of a building with colorful mural. +
+
+
+ + + + + +
+

Our impact

+

+ Over the last 5 years, Cal-ITP has worked collaboratively with our customers to make progress toward the + following goals: +

+
+
+

10+

+

+ Number of + pre-negotiated MSAs + available for purchasing transit tech +

+
+
+

57%

+

Increase in number of agencies we helped from 2023 to 2024

+
+
+

91%

+

+ Reduction in amount of expired GTFS Schedule Feeds since 20233 +

+
+
+

Simplified rider experience

+

Through tap to pay, benefit eligibility policy standardization, GTFS, and more

+
+
+
+
+
+
+
+
+ +
+

Benefits

+ Monterey-Salinas Transit +
    +
  • Fleet size: 170
    • +
  • Services operated: fixed-route, paratransit
    • +
  • + Goals: +
      +
    • Reduce cash dependency
      • +
    • Implement contactless payments for all riders
      • +
    • Streamline eligibility verification for discounts
      • +
    • Improve connectivity in rural areas
      • +
    +
    • +
+

+ After implementing contactless payments, Monterey-Salinas Transit (MST) needed a way to help their riders quickly and + easily access transit benefits and discounts. They wanted a minimalist, seamless solution. They wanted riders to be + able to use their benefits without downloading a new app or device. +

+

+ Cal-ITP partnered with MST to review existing fare policies, including for federally required groups like veterans and + older adults. MST implemented Cal-ITP Benefits, an automated process which allows riders to link their transit + discount to their card for contactless payment. Digitally verifying identification reduced the burden on the customer + service team at MST, who previously processed all applications by hand. +

+

+ In 2022, MST became the first transit agency in the nation to provide an automated method for older adults to obtain + their transit benefit via an open-loop contactless payment system. In the past year, there has been a 200% increase in + reduced-fare transactions using the contactless system! +

+

+ Subscribe to the + Benefits Monthly Update + to learn more and to stay connected as we expand. +

+
+
+ “The Cal-ITP team is wonderful to work with. We greatly appreciate their support, technical expertise, and + collaboration!” +
+
- Marketing and Communications Manager in Monterey-Salinas Transit
+
+
+ A man in a wheelchair boarding a MST bus via a wheelchair lift. The bus is blue with a waving American flag decal across the top. The bus is making a stop at a wide sidewalk. +
+
+

Get in touch today to see how Cal-ITP can help!

+ +

+ Cal-ITP’s Customer Success team will provide a dedicated account manager who can help your agency meet your goals. + Together, we make transit in California better for everyone. +

+ + + + + +
+ Two thought bubbles with dashes of various lengths, meant to represent words in a conversation +

+ E-mail + hello@calitp.org to + connect with the Cal-ITP team. +

+
+
+
+
    +
  1. + Federal Transit Administration + ↩ +
    2. +
  2. + Cal-ITP Mobility Marketplace: California transit providers + ↩ +
    3. +
  3. + Since 2023. + Transit Data Quality Dashboard + ↩ +
    4. +
+
+
+
+
+
+
+ + diff --git a/src/images/home-logo-calsta.png b/src/images/home-logo-calsta.png new file mode 100644 index 00000000..c931715b Binary files /dev/null and b/src/images/home-logo-calsta.png differ diff --git a/src/images/home-logo-carb.png b/src/images/home-logo-carb.png new file mode 100644 index 00000000..cf3add89 Binary files /dev/null and b/src/images/home-logo-carb.png differ diff --git a/src/images/home-logo-cdt.png b/src/images/home-logo-cdt.png new file mode 100644 index 00000000..d51c87b9 Binary files /dev/null and b/src/images/home-logo-cdt.png differ diff --git a/src/images/partners-background-carb.png b/src/images/partners-background-carb.png new file mode 100644 index 00000000..7220b603 Binary files /dev/null and b/src/images/partners-background-carb.png differ diff --git a/src/images/partners-background-cdt.png b/src/images/partners-background-cdt.png new file mode 100644 index 00000000..9dcd1199 Binary files /dev/null and b/src/images/partners-background-cdt.png differ diff --git a/src/images/stories-background-impact.jpg b/src/images/stories-background-impact.jpg new file mode 100644 index 00000000..048658e5 Binary files /dev/null and b/src/images/stories-background-impact.jpg differ diff --git a/src/images/stories-bg-gradient.png b/src/images/stories-bg-gradient.png new file mode 100644 index 00000000..868843cb Binary files /dev/null and b/src/images/stories-bg-gradient.png differ diff --git a/src/images/stories-map-agencies.png b/src/images/stories-map-agencies.png new file mode 100644 index 00000000..7aa87766 Binary files /dev/null and b/src/images/stories-map-agencies.png differ diff --git a/src/images/stories-photo-glenn.png b/src/images/stories-photo-glenn.png new file mode 100644 index 00000000..3c1f44dd Binary files /dev/null and b/src/images/stories-photo-glenn.png differ diff --git a/src/images/stories-photo-mst.png b/src/images/stories-photo-mst.png new file mode 100644 index 00000000..25356d2f Binary files /dev/null and b/src/images/stories-photo-mst.png differ diff --git a/src/images/stories-photo-vctc.jpg b/src/images/stories-photo-vctc.jpg new file mode 100644 index 00000000..0725545d Binary files /dev/null and b/src/images/stories-photo-vctc.jpg differ diff --git a/src/index.html b/src/index.html index 9cd2242f..13804eda 100644 --- a/src/index.html +++ b/src/index.html @@ -27,7 +27,6 @@

A modern and consistent transportatio Decorative element with dots and dashes, meant to resemble a transit mapA modern and consistent transportatio Decorative element with dots and dashes, meant to resemble a transit map @@ -71,6 +69,15 @@

(TIRCP), the California Integrated Travel Project (Cal-ITP) is a statewide solution to make travel simpler and cost-effective for everyone.

+

+ We are proud to collaborate with others in the state of California to help us reach our ambitious goals. Learn more about + Our Partners. +

+
+ California Department of Technology + California Air Resources Board + California State Transportation Agency +

@@ -84,15 +91,15 @@

Helping California achieve critical g
  1. - invites travelers toward more efficient and sustainable modes of travel, + invites travelers toward more efficient and sustainable modes of travel;
  2. - reduces operating costs for transit agencies, + reduces operating costs for transit agencies;
    3. -
  3. simplifies every traveler’s life, and
    4. +
  4. simplifies every traveler’s life; and
  5. simultaneously welcomes every single person in this country to a seamless, user-friendly system—making paying for a - transit ride just as easy as buying coffee. + transit ride just as easy as buying a cup of coffee.
@@ -102,7 +109,6 @@

Helping California achieve critical g Decorative element with dots and dashes, meant to resemble a transit map @@ -110,7 +116,6 @@

Helping California achieve critical g Decorative element with dots and dashes, meant to resemble a transit map @@ -120,7 +125,6 @@

Helping California achieve critical g Another decorative element with dots and dashes, meant to resemble a transit mapHelping California achieve critical g Another decorative element with dots and dashes, meant to resemble a transit map +
{% include home-stats.html %}
+ + + Another decorative element with dots and dashes, meant to resemble a transit map + + + Another decorative element with dots and dashes, meant to resemble a transit map + + {% include contact.html %} diff --git a/src/partners.html b/src/partners.html new file mode 100644 index 00000000..3ee5096a --- /dev/null +++ b/src/partners.html @@ -0,0 +1,204 @@ +--- +layout: default +permalink: /partners +title: Partners +--- + +{% include clipped-header.html %} + +
+
+
+

Partners

+

+ Bringing a modern and consistent transportation experience to all Californians requires help from a broad range of experts. That’s why Cal-ITP is proud to work collaboratively with our partners. +

+
+
+
+ +
+ + + + + + + + + + +
+ +
+
+
+
+ +

California Department of Technology

+

+ We collaborate with the + California Department of Technology + (CDT) to provide transit riders with a seamless way to qualify for and enroll in transit benefits online. +

+
+
+ “The Cal-ITP project offered us a test-case to deliver dependable and equitable public services, and reduce outdated + paper-based processes.” +
+
- Greg Fair, California Digital Identity Chief and Acting Chief Product Officer at CDT
+
+

Together, we aim to:

+
    +
  • + Expand + Cal-ITP Benefits, our + web application that uses Login.gov and the + California Identity Gateway + to safely and securely provide digital eligibility checks for transit benefits. +
      +
    • Transit riders who are older adults and U.S. Veterans can use the service today.
      • +
    • + Support eligibility checks for CalFresh cardholders, Medicare cardholders, and people with disabilities in the + coming year. +
      • +
    +
    • +
  • Promote the use of a Digital ID system that can be used across state departments. 
    • +
  • + Demonstrate how we can deliver dependable and equitable public services while reducing the need for outdated + paper-based processes.  +
    • +
+
+
+
+

68%

+

Increase in reduced-fare transactions1

+
+
+
 
+
+
+

870

+

Number of reduced-fare transactions enabled by the CA Identity Gateway

+
+
+
+

+ For more information, visit CDT’s page on the primary elements of the + Digital ID Framework. +

+
+
    +
  1. + Average month over month increase in reduced-fare transactions for older adults and veterans who used Cal-ITP Benefits since online enrollment became available. + ↩ +
    2. +
+
+
+ +
+ +
+ +

California Air Resources Board

+
+
“In order to unlock the greenhouse gas reductions and mobility justice opportunities that transit provides, we have to make it easier for people to use California’s buses and trains. Cal-ITP tackles basic but essential challenges that transit users face so that more Californians can make the switch to sustainable transportation options.”
+
- Lisa Macumber, Chief of CARB’s Equitable Mobility Incentives branch
+
+

+ The + California Air Resources Board + (CARB) helps us improve the distribution of transportation benefits for state agencies and recipients in California. + Together, we aim to: +

+
    +
  • Promote sustainable transit options.
    • +
  • + Identify payment issuance approaches to make electric vehicle charging and other mobility options more easily accessible for individuals who have low incomes, or who are unbanked or underbanked. +
    • +
  • Close the gap between those who are eligible for mobility benefits and those who receive them.
    • +
  • + Explore the application of + rewards and loyalty programs in transit. +
    • +
+
+
+
+

2035

+

By 2035, all new cars & light trucks sold in CA must be zero emission

+
+
+
 
+
+
+

89%

+

of main industry players use contactless payment cards2

+
+
+
+

+ Cal-ITP’s collaboration with CARB is part of  California Climate Investments, a statewide initiative that puts billions of Cap-and-Trade dollars to work reducing greenhouse gas emissions, strengthening the economy, and improving public health and the environment — particularly in disadvantaged communities. +

+

+ For more information on this and other mobility initiatives, please visit + CARB. You can view more about + our work with public and private sector partners in our + 2023 Accomplishments Report. +

+
+
    +
  1. + Reported in CARB’s contactless EMV report. + ↩ +
    2. +
+
+
+ +
+
+
+
+ +{% include contact.html %} diff --git a/src/scripts/sidebar.js b/src/scripts/sidebar.js new file mode 100644 index 00000000..f8cc41c8 --- /dev/null +++ b/src/scripts/sidebar.js @@ -0,0 +1,21 @@ +window.addEventListener("load", () => { + const sidebarLinks = document.querySelectorAll(".link-sidebar"); + + // watch for changes to window.location.hash value that start with #stories + // add active class on the sidebar target anchor + // else, reset the table of contents + function checkStoriesHash() { + if (window.location.hash.startsWith("#stories")) { + sidebarLinks.forEach((link) => link.classList.remove("active")); + linkPair = document.querySelectorAll("a[href='" + window.location.hash + "']"); + linkPair.forEach((link) => link.classList.add("active")); + } else if (window.location.hash == "") { + sidebarLinks.forEach((link) => link.classList.remove("active")); + } + } + + window.onhashchange = checkStoriesHash; + + // call the function once on page load to check for the initial hash + checkStoriesHash(); +}); diff --git a/src/stylesheets/main.css b/src/stylesheets/main.css index 6ea5ad84..b38981c0 100644 --- a/src/stylesheets/main.css +++ b/src/stylesheets/main.css @@ -62,6 +62,10 @@ body { background-color: var(--calitp-purple-4); } +.background-yellow-4 { + background-color: var(--calitp-yellow-4); +} + .border-purple-4 { border-color: var(--calitp-purple-4); } @@ -70,6 +74,10 @@ body { border-color: var(--calitp-yellow-4); } +.min-w-0 { + min-width: 0; +} + .btn { --bs-btn-border-width: 2px; } @@ -103,6 +111,10 @@ h4, line-height: var(--bs-body-line-height); } +.display-heading { + font-family: var(--calitp-headline-sans-serif); +} + p, a, li { @@ -110,8 +122,8 @@ li { } hr { - margin-top: 40px; - margin-bottom: 40px; + margin-top: 2rem; + margin-bottom: 2rem; } .small-caps { @@ -150,6 +162,19 @@ a:hover { text-decoration-style: dotted; } +.link-tertiary { + color: var(--bs-tertiary-color); + text-decoration: underline; + font-weight: normal; +} + +.link-tertiary:hover, +.link-tertiary.active { + color: var(--bs-primary); + text-decoration: none; + font-weight: 700; +} + figure.quote { border-left-width: 3px; border-left-style: solid; @@ -189,9 +214,8 @@ main.container { padding-top: var(--header-nav-height); } -section#about { - padding-top: var(--header-nav-height); - margin-top: calc(-1 * var(--header-nav-height)); +[id] { + scroll-margin-top: var(--header-nav-height); } footer a:hover { @@ -240,6 +264,10 @@ footer a:hover { margin-left: -1rem; } +.footnotes.no-title ol::before { + content: ""; +} + .footnotes a, .footnotes li, .footnotes p { @@ -361,14 +389,26 @@ footer a:hover { .clipped-initiative, .clipped-header, .clipped-contact-start, -.clipped-contact-end { +.clipped-contact-end, +.clipped-stat-start, +.clipped-stat-end, +.clipped-stories-contact, +.clipped-stories-impact, +.clipped-home-stat-1, +.clipped-home-stat-2, +.clipped-home-stat-3 { -webkit-clip-path: none; clip-path: none; border-radius: 1.25rem; } .clipped-contact-start, -.clipped-contact-end { +.clipped-contact-end, +.clipped-stat-start, +.clipped-stat-end, +.clipped-home-stat-1, +.clipped-home-stat-2, +.clipped-home-stat-3 { min-height: 100%; } @@ -377,6 +417,11 @@ footer a:hover { } @media (min-width: 992px) { + .fs-0 { + font-size: calc(64rem / 16); + font-family: var(--calitp-headline-sans-serif); + } + .h1-md { font-size: calc(40rem / 16); } @@ -409,7 +454,14 @@ footer a:hover { .clipped-initiative, .clipped-header, .clipped-contact-start, - .clipped-contact-end { + .clipped-contact-end, + .clipped-stat-start, + .clipped-stat-end, + .clipped-stories-contact, + .clipped-stories-impact, + .clipped-home-stat-1, + .clipped-home-stat-2, + .clipped-home-stat-3 { border-radius: 0; } @@ -433,17 +485,83 @@ footer a:hover { clip-path: url(#path-contact-end); } + .clipped-stat-start { + -webkit-clip-path: url(#path-stat-start); + clip-path: url(#path-stat-start); + } + + .clipped-stat-end { + -webkit-clip-path: url(#path-stat-end); + clip-path: url(#path-stat-end); + } + + .clipped-stories-contact { + -webkit-clip-path: url(#path-stories-contact); + clip-path: url(#path-stories-contact); + } + + .clipped-stories-impact { + -webkit-clip-path: url(#path-stories-impact); + clip-path: url(#path-stories-impact); + } + + .clipped-home-stat-1 { + -webkit-clip-path: url(#path-home-stat-1); + clip-path: url(#path-home-stat-1); + } + + .clipped-home-stat-2 { + -webkit-clip-path: url(#path-home-stat-2); + clip-path: url(#path-home-stat-2); + } + + .clipped-home-stat-3 { + -webkit-clip-path: url(#path-home-stat-3); + clip-path: url(#path-home-stat-3); + } + figure.quote blockquote { font-size: calc(24rem / 16); } small, .small { - font-size: calc(12rem / 16); + font-size: calc(12rem / 16) !important; + } + + .stories-map { + height: 150px; + } + + .impact { + z-index: 1025; + position: absolute; + left: 0; + } + + .monterey-and-contact, + .absolute-footer { + position: relative; + top: 620px; /* Height of the absolutely-positioned Impact section */ + } + + .impact-stats-parent { + margin-left: -190px; + background: transparent url(/images/stories-bg-gradient.png) repeat-y right / contain; + padding: 60px 0; + } + + .stories-toc { + top: calc(var(--header-nav-height) + 1.5rem); } } @media (max-width: 992px) { + .fs-0 { + font-size: calc(40rem / 16); + font-family: var(--calitp-headline-sans-serif); + } + .navbar-brand { --bs-navbar-brand-padding-x: 2rem; --bs-navbar-brand-padding-y: 2rem; @@ -472,7 +590,16 @@ footer a:hover { small, .small { - font-size: calc(10rem / 16); + font-size: calc(10rem / 16) !important; + } + + .stories-map { + width: 100%; + height: auto; + } + + .impact-stats { + margin: -80px auto 0 auto; } }