momentix3D - חנות למוצרים ומתנות בהדפסת תלת־ממד

אתר חנות

האתגר

כשהמוצר נולד שכבה אחרי שכבה, גם האתר צריך לגרום לרעיון להרגיש מוחשי עוד לפני שהוא מגיע לידיים.

האתגר היה להציג תחום טכנולוגי ויצירתי בלי שהאתר ירגיש טכני או עמוס. היה צריך לתת מקום למגוון גדול של מוצרים, להבליט את אפשרויות ההתאמה האישית ולשמור על מסלול קנייה ברור גם בנייד.

הפתרון

בנינו שפה כהה ונקייה עם ירוק זרחני שמחבר מיד לעולם הייצור והחדשנות. המוצרים מקבלים את מרכז הבמה, הקטגוריות נגישות וההיררכיה מובילה את הגולש מהיכרות עם המותג אל המוצר המתאים וההזמנה.

#BBF512

צבעי המותג:

#E0E0E0

#0D0D0D

document.addEventListener('DOMContentLiteSpeedLoaded',()=>{gsap.registerPlugin(SplitText,ScrollTrigger,TextPlugin);function prepareItems(items){const finals=[];items.forEach(item=>{item.style.display='inline-block';item.style.overflow='hidden';item.style.whiteSpace='nowrap';const w=item.offsetWidth;item.style.width=w+'px';finals.push(item.textContent.trim());item.textContent=''});return finals} document.querySelectorAll('.elementor-widget-heading.scramble-reveal .elementor-heading-title').forEach(el=>{const split=SplitText.create(el,{type:'chars',mask:'chars',charsClass:'split-char'});const chars=split.chars;const finalChars=prepareItems(chars);gsap.timeline({scrollTrigger:{trigger:el,start:'top 90%',end:'bottom 60%',scrub:!0}}).to(chars,{duration:0.8,text:(i)=>finalChars[i],ease:'none',scrambleText:{chars:'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789',speed:0.3,revealDelay:0.1},stagger:{each:0.05}})});document.querySelectorAll('.elementor-widget-text-editor.scramble-reveal h2').forEach(p=>{const split=SplitText.create(p,{type:'words',mask:'words',wordsClass:'split-word'});const words=split.words;const finalWords=prepareItems(words);gsap.timeline({scrollTrigger:{trigger:p,start:'top 90%',end:'bottom 60%',scrub:!0}}).to(words,{duration:0.8,text:(i)=>finalWords[i],ease:'none',scrambleText:{chars:'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789',speed:0.2,revealDelay:0.2},stagger:{each:0.2}})});ScrollTrigger.refresh()})