{{define "title"}}{{.Post.Title}}{{end}}
{{define "description"}}Husqvarna Val CCS unsponsored project.{{end}}
{{define "uploaded-on"}}2024-12-15{{end}}
{{define "keywords"}}project CCS{{end}}
{{define "thumbnail"}}<img src="/static/media/Cake_Skala/Renders/thumbnail-2.jpg" class="mainImage" alt="test" />{{end}}
{{define "canonical" }}/projects{{end}}

{{define "main"}}
    <h1>Project</h1>
      <article class="projectContent">
        <div class="flex title">
          <h2>{{.Post.Title}}</h2>
          <p><strong>Sponsored Studio:</strong> ACC mobility design concept.</p>
        </div>
        <img class="blue" src="/static/media/Cake_Skala/Renders/group_1500.png" width="1500" height="589" />
        <div class="flex center"> 
          <section id="overview">
            <h3>E-Mobility Brand Meets Autonomous Fleet Vehichles</h3>
            <p>Cake's renowned expertise in product design for the power sports market applied to the growing logistics sector.</p>
          </section>
          <div><img class="blue" style="padding: 2rem;" src="/static/media/Cake_Skala/Graphics/modular_1000.png" width="1000" height="422" /></div>
        </div>
        <section id="assembly">
          <h3>Smarter Assembly, Faster Disassembly</h3>
          <p>Vehicle features allow for robot-controlled automated disassembly, aiding in recyclability.</p>
        </section>
        <img src="/static/media/Cake_Skala/Sketches/assembly_1500.jpg" width="1500" height="254" />
        <div class="flex center reverse">
          <div><img class="blue" style="padding: 2rem 8rem;" src="/static/media/Cake_Skala/Graphics/fleet_1000.png" width="1000" height="790" /></div>
          <section id="overview" style="flex: 100%;">
            <h3>Partnership with Amazon Air</h3>
            <p>Amazon's recent revitalization of drone delivery is a perfect opportunity for realizing an autonomous delivery fleet.</p>
          </section>
        </div>
        
        <section id="inspiration">
          <h3>Design Intent</h3>
          <p>Draw from Cake's existing language of exposed fasteners and simple forms to bring ease of assembly and disassembly to the autonomous fleet market.</p>
        </section>
        <div class="flex center">
          <div><img class="blue" src="/static/media/Cake_Skala/Graphics/circular-economy_800.png" width="792" height="800" /></div>
          <div><img src="/static/media/Cake_Skala/Inspo/bracket.jpg" width="871" height="800"></div>
          <div><img src="/static/media/Cake_Skala/Inspo/cover.jpg" width="751" height="800"></div>
        </div>
        <div class="flex" style="align-items: flex-start;">
          <div style="display: grid; gap: 2rem;">
            <section id="theme-a">
              <h3>Theme A</h3>
              <p>Directional cap exploration.</p>
            </section>
            <img style="padding: 1rem;" src="/static/media/Cake_Skala/Sketches/ideationA1_1000.png" width="1000" height="526" />
            <img style="padding: 1rem;" src="/static/media/Cake_Skala/Sketches/ideationA2_1000.png" width="1000" height="783" />
            <img style="padding: 2rem;" src="/static/media/Cake_Skala/Sketches/finalA_1000.png" width="1000" height="805" />
            <img src="/static/media/Cake_Skala/Sketches/front-34_1000.jpg" width="1000" height="727" />
          </div>
          <div style="display: grid; gap: 2rem;">
            <section id="theme-b">
              <h3>Theme B</h3>
              <p>Boxy silhouette exploration.</p>
            </section>
            <img style="padding: 1rem;" src="/static/media/Cake_Skala/Sketches/ideationB1_1000.png" width="1000" height="541" />
            <img style="padding: 1rem;" src="/static/media/Cake_Skala/Sketches/ideationB2_1000.png" width="1000" height="737" />
            <img style="padding: 1rem;" src="/static/media/Cake_Skala/Sketches/finalB1_1000.png" width="1000" height="438" />
            <img style="padding: 2rem;" src="/static/media/Cake_Skala/Sketches/finalB2_1000.png" width="1000" height="738" />
          </div>
        </div>
        <section id="final-design">
          <h3>Final Design</h3>
          <p>Theme A brought to refinement stage and modeled in Blender.</p>
        </section>
        <div class="flex">
          <div><img class="blue" src="/static/media/Cake_Skala/Renders/front34-3.png" width="1125" height="750" /></div>
          <div><img class="blue" src="/static/media/Cake_Skala/Renders/rear34.png" width="1000" height="750" /></div>
        </div>
        <div class="flex" style="align-items: flex-start;">
          <div style="display: grid; gap: 2rem;">
            <section id="skateboard">
              <h3>Skateboard Chassis</h3>
              <p>Modular, autonomous platform for delivery of the future.</p>
            </section>
            <img src="/static/media/Cake_Skala/Renders/chassis.jpg" width="1000" height="503" />
            <section id="piece-of-cake">
              <h3>It's a Piece of Cake</h3>
              <p>Cake's design philosophy encourages sustainable practices and swappable components that make recycling easier and service quicker.</p>
            </section>
            <img src="/static/media/Cake_Skala/Renders/group_800.png" width="800" height="314" />
          </div>
          <div><img src="/static/media/Cake_Skala/Renders/top_1000.jpg" width="1000" height="1667" /></div>
        </div>
        <section id="materials">
          <h3>Material Breakdown</h3>
          <p>Skala's materials are sustainable and easily recyclable.</p>
        </section>
        <img id="exploded" src="/static/media/Cake_Skala/Renders/exploded_1000.jpg" width="1000" height="1127" />
        <section id="animation">
          <h3>Final Animation</h3>
          <p>Join Skala for a delivery and showcase. Rendered with Eevee in Blender. Edited in Premiere Pro.</p>
        </section>
        <iframe width="1920" src="https://www.youtube.com/embed/VCoBUGmMVAs?si=fnHdNWWbQ_4jeH0N" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
        <span class="return"><a href="/">&lt;- Return home</a></span>
      </article>
{{end}}