GoldSilver, אתר תדמית ושירות למסחר בזהב ובכסף

אתר תדמית בתחום המתכות היקרות

האתגר

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

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

הפתרון

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

‎#0A1A3A

צבעי המותג:

‎#F5F3EE

‎#8D6B24

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()})