diff options
Diffstat (limited to 'html/projects/Cake_Skala.tmpl.html')
| -rw-r--r-- | html/projects/Cake_Skala.tmpl.html | 102 |
1 files changed, 102 insertions, 0 deletions
diff --git a/html/projects/Cake_Skala.tmpl.html b/html/projects/Cake_Skala.tmpl.html new file mode 100644 index 0000000..d9b677e --- /dev/null +++ b/html/projects/Cake_Skala.tmpl.html @@ -0,0 +1,102 @@ +{{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="/"><- Return home</a></span> + </article> +{{end}} |