add Capital One and ING case studies (#9371)

* add Capital One and ING case studies

* updates to styling

* fixes to feature image sizing and link on ING case study

* updates to spacing

* updates

content/en/_index.html

@@ -120,6 +120,14 @@ cid: home
     <main>
         <h3>Case Studies</h3>
         <div id="caseStudiesWrapper">
+          <div>
+              <p>Driving Banking Innovation with Cloud Native</p>
+              <a href="/case-studies/ing">Read more</a>
+          </div>
+          <div>
+              <p>Supporting Fast Decisioning Applications with Kubernetes</p>
+              <a href="/case-studies/capital-one">Read more</a>
+          </div>
           <div>
               <p>Cloud Native at Northwestern Mutual</p>
               <a href="/case-studies/northwestern-mutual/">Read more</a>
@@ -128,14 +136,7 @@ cid: home
               <p>Launching and Scaling Up Experiments, Made Simple</p>
               <a href="/case-studies/openai/">Read more</a>
           </div>
-          <div>
-              <p>The New York Times: From Print to the Web to Cloud Native</p>
-              <a href="/case-studies/newyorktimes/">Read more</a>
-          </div>
-          <div>
-              <p>Finding Millions in Potential Savings in a Tough Retail Climate</p>
-              <a href="/case-studies/nordstrom/">Read more</a>
-          </div>
+        
         </div>
 
         <!--<div id="bigSocial">-->

content/en/case-studies/_index.html

@@ -12,6 +12,20 @@ cid: caseStudies
         <div class="content">
             <div class="case-studies">
 
+                <div class="case-study">
+                  <img src="/images/case_studies/ing_feature.png" alt="ING">
+                  <p class="quote">"The big cloud native promise to our business is the ability to go from idea to production within 48 hours. We are some years away from this, but that’s quite feasible to us."</p>
+                  <!--<p class="attrib">— Thijs Ebbers, Infrastructure Architect, ING</p>-->
+                  <a href="/case-studies/ing/">Read about ING</a>
+              </div>
+
+                <div class="case-study">
+                  <img src="/images/case_studies/capitalone_feature.png" alt="Capital One">
+                  <p class="quote">"With the scalability, the management, the coordination, Kubernetes really empowers us and gives us more time back than we had before."</p>
+                  <!--<p class="attrib">— Jamil Jadallah, Scrum Master</p>-->
+                  <a href="/case-studies/capital-one/">Read about Capital One</a>
+              </div>
+                
               <div class="case-study">
                   <img src="/images/case_studies/northwestern_feature.png" alt="Northwestern Mutual">
                   <p class="quote">"No one would think a company that’s 160-plus years old is foraying this deep into the cloud and infrastructure stack."</p>
@@ -26,22 +40,6 @@ cid: caseStudies
                   <a href="/case-studies/openai/">Read about OpenAI</a>
               </div>
 
-
-              <div class="case-study">
-                  <img src="/images/case_studies/newyorktimes_feature.png" alt="the new york times">
-                  <p class="quote">"I think once you get over the initial hump, things get a lot easier and actually a lot faster."</p>
-                  <!--<p class="attrib">—  Deep Kapadia, Executive Director, Engineering at The New York Times</p>-->
-                  <a href="/case-studies/newyorktimes/">Read about The New York Times</a>
-              </div>
-
-              <div class="case-study">
-                  <img src="/images/case_studies/nordstrom_feature.png" alt="nordstrom">
-                  <p class="quote">"We are always looking for ways to optimize and provide more value through technology. With Kubernetes we are showcasing two types of efficiency that we can bring: Dev efficiency and Ops efficiency. It’s a win-win."</p>
-                  <!--<p class="attrib">—  Dhawal Patel, senior engineer at Nordstrom</p>-->
-                  <a href="/case-studies/nordstrom/">Read about Nordstrom</a>
-              </div>
-
-
             </div>
         </div>
     </main>
@@ -63,6 +61,9 @@ cid: caseStudies
     <main>
         <h3>Kubernetes Users</h3>
         <div id="usersGrid">
+         
+          <a target="_blank" href="/case-studies/ing/"><img src="/images/case_studies/ing_feature.png" alt="ING"></a>
+          <a target="_blank" href="/case-studies/capital-one/"><img src="/images/case_studies/capitalone_feature.png" alt="Capital One"></a>
           <a target="_blank" href="/case-studies/northwestern-mutual/"><img src="/images/case_studies/northwestern_feature.png" alt="Northwestern Mutual"></a>
           <a target="_blank" href="/case-studies/openai/"><img src="/images/case_studies/openai_feature.png" alt="OpenAI"></a>
           <a target="_blank" href="/case-studies/newyorktimes/"><img src="/images/case_studies/newyorktimes_feature.png" alt="The New York Times"></a>

content/en/case-studies/capital-one.html

@@ -0,0 +1,96 @@
+---
+title: Capital One Case Study
+case_study_styles: true
+cid: caseStudies
+css: /css/style_case_studies.css
+---
+
+<div class="banner1 desktop" style="background-image: url('/images/CaseStudy_capitalone_banner1.jpg')">
+  <h1> CASE STUDY:<img src="/images/capitalone-logo.png" style="margin-bottom:-2%" class="header_logo"><br> <div class="subhead">Supporting Fast Decisioning Applications with Kubernetes
+
+</div></h1>
+
+</div>
+
+<div class="details">
+    Company &nbsp;<b>Capital One</b>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Location &nbsp;<b>McLean, Virginia</b>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Industry &nbsp;<b>Retail banking</b>
+</div>
+
+<hr>
+<section class="section1">
+<div class="cols">
+  <div class="col1">
+    <h2>Challenge</h2>
+    The team set out to build a provisioning platform for <a href="https://www.capitalone.com/">Capital One</a> applications deployed on AWS that use streaming, big-data decisioning, and machine learning. One of these applications handles millions of transactions a day; some deal with critical functions like fraud detection and credit decisioning. The key considerations: resilience and speed—as well as full rehydration of the cluster from base AMIs.
+
+<br>
+    <h2>Solution</h2>
+    The decision to run <a href="https://kubernetes.io/">Kubernetes</a> "is very strategic for us," says John Swift, Senior Director Software Engineering. "We use Kubernetes as a substrate or an operating system, if you will. There’s a degree of affinity in our product development."
+</div>
+
+<div class="col2">
+
+<h2>Impact</h2>
+  "Kubernetes is a significant productivity multiplier," says Lead Software Engineer Keith Gasser, adding that to run the platform without Kubernetes would "easily see our costs triple, quadruple what they are now for the amount of pure AWS expense." Time to market has been improved as well: "Now, a team can come to us and we can have them up and running with a basic decisioning app in a fortnight, which before would have taken a whole quarter, if not longer." Deployments increased by several orders of magnitude. Plus, the rehydration/cluster-rebuild process, which took a significant part of a day to do manually, now takes a couple hours with Kubernetes automation and declarative configuration.
+
+
+</div>
+
+</div>
+</section>
+<div class="banner2">
+  <div class="banner2text">
+<iframe width="560" height="315" src="https://www.youtube.com/embed/UHVW01ksg-s" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe><br><br>
+"With the scalability, the management, the coordination, Kubernetes really empowers us and gives us more time back than we had before." <span style="font-size:16px;text-transform:uppercase">— Jamil Jadallah, Scrum Master</span>
+</div>
+  </div>
+</div>
+<section class="section2">
+<div class="fullcol">
+  <h2></h2>
+  As a top 10 U.S. retail bank, Capital One has applications that handle millions of transactions a day. Big-data decisioning—for fraud detection, credit approvals and beyond—is core to the business. To support the teams that build applications with those functions for the bank, the cloud team led by Senior Director Software Engineering John Swift embraced Kubernetes for its provisioning platform. "Kubernetes and its entire ecosystem are very strategic for us," says Swift. "We use Kubernetes as a substrate or an operating system, if you will. There’s a degree of affinity in our product development."<br><br>
+  Almost two years ago, the team embarked on this journey by first working with Docker. Then came Kubernetes. "We wanted to put streaming services into Kubernetes as one feature of the workloads for fast decisioning, and to be able to do batch alongside it," says Lead Software Engineer Keith Gasser. "Once the data is streamed and batched, there are so many tool sets in <a href="https://flink.apache.org/">Flink</a> that we use for decisioning. We want to provide the tools in the same ecosystem, in a consistent way, rather than have a large custom snowflake ecosystem where every tool needs its own custom deployment. Kubernetes gives us the ability to bring all of these together, so the richness of the open source and even the license community dealing with big data can be corralled."
+
+
+
+</div>
+</section>
+<div class="banner3" style="background-image: url('/images/CaseStudy_capitalone_banner3.jpg')">
+  <div class="banner3text">
+    "We want to provide the tools in the same ecosystem, in a consistent way, rather than have a large custom snowflake ecosystem where every tool needs its own custom deployment. Kubernetes gives us the ability to bring all of these together, so the richness of the open source and even the license community dealing with big data can be corralled."
+
+
+  </div>
+</div>
+<section class="section3">
+<div class="fullcol">
+  In this first year, the impact has already been great. "Time to market is really huge for us," says Gasser. "Especially with fraud, you have to be very nimble in the way you respond to threats in the marketplace—being able to add and push new rules, detect new patterns of behavior, detect anomalies in account and transaction flows." With Kubernetes, "a team can come to us and we can have them up and running with a basic decisioning app in a fortnight, which before would have taken a whole quarter, if not longer. Kubernetes is a manifold productivity multiplier."<br><br>
+  Teams now have the tools to be autonomous in their deployments, and as a result, deployments have increased by two orders of magnitude. "And that was with just seven dedicated resources, without needing a whole group sitting there watching everything," says Scrum Master Jamil Jadallah. "That’s a huge cost savings. With the scalability, the management, the coordination, Kubernetes really empowers us and gives us more time back than we had before."
+
+</div>
+</section>
+<div class="banner4" style="background-image: url('/images/CaseStudy_capitalone_banner4.jpg')">
+  <div class="banner4text">
+    With Kubernetes, "a team can come to us and we can have them up and running with a basic decisioning app in a fortnight, which before would have taken a whole quarter, if not longer. Kubernetes is a manifold productivity multiplier."
+  </div>
+</div>
+
+<section class="section5" style="padding:0px !important">
+<div class="fullcol">
+    Kubernetes has also been a great time-saver for Capital One’s required period "rehydration" of clusters from base AMIs. To minimize the attack vulnerability profile for applications in the cloud, "Our entire clusters get rebuilt from scratch periodically, with new fresh instances and virtual server images that are patched with the latest and greatest security patches," says Gasser. This process used to take the better part of a day, and personnel, to do manually. It’s now a quick Kubernetes job.<br><br>
+  Savings extend to both capital and operating expenses. "It takes very little to get into Kubernetes because it’s all open source," Gasser points out. "We went the DIY route for building our cluster, and we definitely like the flexibility of being able to embrace the latest from the community immediately without waiting for a downstream company to do it. There’s capex related to those licenses that we don’t have to pay for. Moreover, there’s capex savings for us from some of the proprietary software that we get to sunset in our particular domain. So that goes onto our ledger in a positive way as well." (Some of those open source technologies include Prometheus, Fluentd, gRPC, Istio, CNI, and Envoy.)
+
+</div>
+
+<div class="banner5">
+  <div class="banner5text">
+   "If we had to do all of this without Kubernetes, on underlying cloud services, I could easily see our costs triple, quadruple what they are now for the amount of pure AWS expense. That doesn’t account for personnel to deploy and maintain all the additional infrastructure."
+  </div>
+</div>
+
+<div class="fullcol">
+  And on the opex side, Gasser says, the savings are high. "We run dozens of services, we have  scores of pods, many daemon sets, and since we’re data-driven, we take advantage of EBS-backed volume claims for all of our stateful services. If we had to do all of this without Kubernetes, on underlying cloud services, I could easily see our costs triple, quadruple what they are now for the amount of pure AWS expense. That doesn’t account for personnel to deploy and maintain all the additional infrastructure."<br><br>
+  The team is confident that the benefits will continue to multiply—without a steep learning curve for the engineers being exposed to the new technology. "As we onboard additional tenants in this ecosystem, I think the need for folks to understand Kubernetes may not necessarily go up. In fact, I think it goes down, and that’s good," says Gasser. "Because that really demonstrates the scalability of the technology. You start to reap the benefits, and they can concentrate on all the features they need to build for great decisioning in the business— fraud decisions, credit decisions—and not have to worry about, ‘Is my AWS server broken? Is my pod not running?’"
+</div>
+
+</section>

content/en/case-studies/ing.html

@@ -0,0 +1,94 @@
+---
+title: ING Case Study
+case_study_styles: true
+cid: caseStudies
+css: /css/style_case_studies.css
+---
+
+
+<div class="banner1" style="background-image: url('/images/CaseStudy_ing_banner1.jpg')">
+  <h1> CASE STUDY:<img src="/images/ing_logo.png" style="margin-bottom:-1.5%;" class="header_logo"><br> <div class="subhead"> Driving Banking Innovation with Cloud Native
+</div></h1>
+
+</div>
+
+<div class="details">
+    Company &nbsp;<b>ING</b>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Location &nbsp;<b>Amsterdam, Netherlands
+</b>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Industry &nbsp;<b>Finance</b>
+</div>
+
+<hr>
+<section class="section1">
+<div class="cols" style="width:85% !important;margin-left:10% !important">
+  <div class="col1" style="width:100% !important;">
+    <h2>Challenge</h2>
+    After undergoing an agile transformation, <a href="https://www.ing.com/">ING</a> realized it needed a standardized platform to support the work their developers were doing. "Our DevOps teams got empowered to be autonomous," says Infrastructure Architect Thijs Ebbers. "It has benefits; you get all kinds of ideas. But a lot of teams are going to devise the same wheel. Teams started tinkering with <a href="https://www.docker.com/">Docker</a>, Docker Swarm, <a href="https://kubernetes.io/">Kubernetes</a>, <a href="https://mesosphere.com/">Mesos</a>. Well, it’s not really useful for a company to have one hundred wheels, instead of one good wheel.
+<br>
+    <br>
+    <h2>Solution</h2>
+    Using Kubernetes for container orchestration and Docker for containerization, the ING team began building an internal public cloud for its CI/CD pipeline and green-field applications. The pipeline, which has been built on Mesos Marathon, will be migrated onto Kubernetes. The bank-account management app <a href="https://www.yolt.com/">Yolt</a> in the U.K. (and soon France and Italy) market already is live hosted on a Kubernetes framework. At least two greenfield projects currently on the Kubernetes framework will be going into production later this year. By the end of 2018, the company plans to have converted a number of APIs used in the banking customer experience to cloud native APIs and host these on the Kubernetes-based&nbsp;platform.
+
+    <br>
+    </div>
+
+<div class="col2"  style="width:100% !important;padding-right:8%">
+<br>
+  <h2>Impact</h2>
+    "Cloud native technologies are helping our speed, from getting an application to test to acceptance to production," says Infrastructure Architect Onno Van der Voort. "If you walk around ING now, you see all these DevOps teams, doing stand-ups, demoing. They try to get new functionality out there really fast. We held a hackathon for one of our existing components and basically converted it to cloud native within 2.5 days, though of course the tail takes more time before code is fully production ready."
+  <br>
+</div>
+</div>
+</section>
+  <div class="banner2" style="padding-top:% !important">
+    <div class="banner2text" style="width:70% !important">
+      "The big cloud native promise to our business is the ability to go from idea to production within 48 hours. We are some years away from this, but that’s quite feasible to us."<br><br>
+      <span style="font-size:16px;text-transform:uppercase;letter-spacing:0.1em;">— Thijs Ebbers, Infrastructure Architect, ING</span>
+    </div>
+  </div>
+<section class="section2">
+<div class="fullcol">
+  <h2>ING has long embraced innovation in banking, launching the internet-based ING Direct in&nbsp;1997. </h2>In that same spirit, the company underwent an agile transformation a few years ago. "Our DevOps teams got empowered to be autonomous," says Infrastructure Architect Thijs Ebbers. "It has benefits; you get all kinds of ideas. But a lot of teams are going to devise the same wheel. Teams started tinkering with Docker, Docker Swarm, Kubernetes, Mesos. Well, it’s not really useful for a company to have one hundred wheels, instead of one good wheel." <br><br>
+  Looking to standardize the deployment process within the company’s strict security guidelines, the team looked at several solutions and found that in the past year, "Kubernetes won the container management framework wars," says Ebbers. "We decided to standardize ING on a Kubernetes framework." Everything is run on premise due to banking regulations, he adds, but "we will be building an internal public cloud. We are trying to get on par with what public clouds are doing. That’s one of the reasons we got Kubernetes."<br><br>
+  They also embraced Docker to address a major pain point in ING’s CI/CD pipeline. Before containerization, "Every development team had to order a VM, and it was quite a heavy delivery model for them," says Infrastructure Architect Onno Van der Voort. "Another use case for containerization is when the application travels through the pipeline, they fire up Docker containers to do test work against the applications and after they’ve done the work, the containers get killed again."
+
+</div>
+</section>
+<div class="banner3" style="background-image: url('/images/CaseStudy_ing_banner3.jpg')">
+  <div class="banner3text">
+  "We decided to standardize ING on a Kubernetes framework." Everything is run on premise due to banking regulations, he adds, but "we will be building an internal public cloud. We are trying to get on par with what public clouds are doing. That’s one of the reasons we got Kubernetes."
+  <span style="font-size:16px;text-transform:uppercase;letter-spacing:0.1em;">— Thijs Ebbers, Infrastructure Architect, ING</span>
+  </div>
+</div>
+<section class="section3">
+<div class="fullcol">
+  Because of industry regulations, applications are only allowed to go through the pipeline, where compliance is enforced, rather than be deployed directly into a container. "We have to run the complete platform of services we need, many routing from different places," says Van der Voort. "We need this Kubernetes framework for deploying the containers, with all those components, monitoring, logging. It’s complex." For that reason, ING has chosen to start on the <a href="https://www.openshift.org/">OpenShift Origin</a> Kubernetes distribution. <br><br>
+  Already, "cloud native technologies are helping our speed, from getting an application to test to acceptance to production," says Van der Voort. "If you walk around ING now, you see all these DevOps teams, doing stand-ups, demoing. They try to get new functionality out there really fast. We held a hackathon for one of our existing components and basically converted it to cloud native within 2.5 days, though of course the tail takes more time before code is fully production ready."<br><br>
+  The pipeline, which has been built on Mesos Marathon, will be migrated onto Kubernetes. Some legacy applications are also being rewritten as cloud native in order to run on the framework. At least two smaller greenfield projects built on Kubernetes will go into production this year. By the end of 2018, the company plans to have converted a number of APIs used in the banking customer experience to cloud native APIs and host these on the Kubernetes-based platform.
+
+</div>
+</section>
+<div class="banner4" style="background-image: url('/images/CaseStudy_ing_banner4.jpg')">
+  <div class="banner4text">
+    "We have to run the complete platform of services we need, many routing from different places," says Van der Voort. "We need this Kubernetes framework for deploying the containers, with all those components, monitoring, logging. It’s complex."
+  </div>
+</div>
+
+
+<div class="fullcol">
+  The team, however, doesn’t see the bank’s back-end systems going onto the Kubernetes platform. "Our philosophy is it only makes sense to move things to cloud if they are cloud native," says Van der Voort. "If you have traditional architecture, build traditional patterns, it doesn’t hold any value to go to the cloud." Adds Cloud Platform Architect Alfonso Fernandez-Barandiaran: "ING has a strategy about where we will go, in order to improve our agility. So it’s not about how cool this technology is, it’s about finding the right technology and the right approach."<br><br>
+  The Kubernetes framework will be hosting some greenfield projects that are high priority for ING: applications the company is developing in response to <a href="https://ec.europa.eu/info/law/payment-services-psd-2-directive-eu-2015-2366_en">PSD2</a>, the European Commission directive requiring more innovative online and mobile payments that went into effect at the beginning of 2018. For example, a bank-account management app called <a href="https://www.yolt.com/">Yolt</a>, serving the U.K. market (and soon France and Italy), was built on a Kubernetes platform and has gone into production. ING is also developing blockchain-enabled applications that will live on the Kubernetes platform. "We’ve been contacted by a lot of development teams that have ideas with what they want to do with containers," says Ebbers.
+
+</div>
+<section class="section5" style="padding:0px !important">
+<div class="banner5">
+  <div class="banner5text">
+Even with the particular requirements that come in banking, ING has managed to take a lead in technology and innovation. "Every time we have constraints, we look for maybe a better way that we can use this technology."</div>
+</div>
+
+<div class="fullcol">
+  Even with the particular requirements that come in banking, ING has managed to take a lead in technology and innovation. "Every time we have constraints, we look for maybe a better way that we can use this technology," says Fernandez-Barandiaran. <br><br>
+  The results, after all, are worth the effort. "The big cloud native promise to our business is the ability to go from idea to production within 48 hours," says Ebbers. "That would require all these projects to be mature. We are some years away from this, but that’s quite feasible to us."
+
+</div>
+
+</section>

static/css/case_study_styles.css

@@ -767,7 +767,7 @@ hr { background-color: #999999; }
 
 h2 { margin-bottom: 15px !important; }
 
-.subhead { padding-bottom: 2% !important; padding-top: 0% !important; }
+.subhead { padding-bottom: 2% !important; padding-top: 1% !important; }
 
 .details { margin-left: 1.9%; padding-right: 5%; font-size: 16px !important; padding-bottom: 2% !important; }
 

static/css/style_case_studies.css

@@ -35,7 +35,7 @@ h1 {
 
 .subhead {
   font-size:26px;
-  font-weight:100;
+  font-weight:300;
   line-height:40px;
   padding-bottom:1%;
   padding-top:0.5%;

static/css/styles.css

@@ -755,13 +755,13 @@ html.search #docsContent h1 { margin-bottom: 0; border-bottom: 0; padding-bottom
 
 #home #caseStudiesWrapper div { position: relative; display: inline-block; vertical-align: top; width: 100%; min-height: 230px; padding: 125px 10px 15px; margin-bottom: 30px; background-position: top center; background-repeat: no-repeat; }
 
-#home #caseStudiesWrapper div:nth-child(1) { background-image: url(/images/community_logos/northwestern-mutual.png); }
+#home #caseStudiesWrapper div:nth-child(1) { background-image: url(/images/community_logos/capitalone.png); }
 
-#home #caseStudiesWrapper div:nth-child(2) { background-image: url(/images/community_logos/openai.png); }
+#home #caseStudiesWrapper div:nth-child(2) { background-image: url(/images/community_logos/ing.png); }
 
-#home #caseStudiesWrapper div:nth-child(3) { background-image: url(/images/community_logos/nyt.png); }
+#home #caseStudiesWrapper div:nth-child(3) { background-image: url(/images/community_logos/northwestern-mutual.png); }
 
-#home #caseStudiesWrapper div:nth-child(4) { background-image: url(/images/community_logos/nordstrom.png); }
+#home #caseStudiesWrapper div:nth-child(4) { background-image: url(/images/community_logos/openai.png); }
 
 #home #caseStudiesWrapper p { font-size: 20px; }