Koortrade Group, אתר תדמית לקבוצת חברות בינלאומית

אתר תדמית לחברה בינלאומית

האתגר

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

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

הפתרון

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

#11133B

צבעי המותג:

#1681B7

#F4F4F4

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