Zaufali nam
Zajmiemy się następującymi aspektami:
Research
•Branding
•UX/UI design
•Webdeveloping
•AI
•Communication design
•Product design
.stacking_card-container { position: sticky; top: 150px; display: flex; flex-direction: column; align-items: center; justify-content: center; overflow: hidden; } /* Karta */ .stacking_card { display: flex; flex-direction: column; position: relative; transform-origin: top; transition: transform 0.1s ease-out;}
// Helper function to map a value from one range to another function map(value, in_min, in_max, out_min, out_max) { return ( out_min + ((value - in_min) * (out_max - out_min)) / (in_max - in_min) ); } // Get all card containers const cardContainers = document.querySelectorAll('.stacking_card-container'); // Total number of cards const numCards = cardContainers.length; // Convert NodeList to Array and store card elements const cardElements = Array.from(cardContainers).map( (cardContainer, index) => { const card = cardContainer.querySelector('.stacking_card'); const inner = card.querySelector('.inner'); // Set initial top position for stacking effect card.style.top = `calc(${index * 25}px)`; // Regular stacking card.style.zIndex = numCards - index; // Ensure proper stacking order return { cardContainer, card, inner, index, }; } ); // Initialize Lenis for smooth scrolling const lenis = new Lenis({ duration: 1.2, easing: (t) => Math.min(1, 1.001 - Math.pow(2, -10 * t)), smoothWheel: true, smoothTouch: false, }); // Scroll handler function onScroll() { const scrollY = lenis.scroll; // Use Lenis scroll position const windowHeight = window.innerHeight; // Define base and final minScale values const baseMinScale = 0.8; // Adjust as needed const finalMinScale = 0.95; // Adjust as needed // Calculate scale increment per card const scaleIncrement = (finalMinScale - baseMinScale) / (numCards - 1); cardElements.forEach((cardElement, index) => { const { card, inner } = cardElement; // Define start and end points for scaling for each card const start = windowHeight * index + windowHeight * 1.1; // Start animation later const end = windowHeight * (index + 1); // Calculate progress for this card const cardProgress = (scrollY - start) / windowHeight; const clampedProgress = Math.max(0, Math.min(1, cardProgress)); // Calculate minScale for this card based on its index const minScale = baseMinScale + index * scaleIncrement; // Handle animation for all cards if (index === numCards - 1) { // Last card const lastCardStart = windowHeight * (numCards - 1); const progress = Math.max(0, Math.min(1, (scrollY - lastCardStart) / windowHeight)); card.style.zIndex = numCards + 1; // Bring to front card.style.transform = `translateY(${progress * -50}px) scale(1)`; // Pull up } else { // All other cards if (clampedProgress >= 0 && clampedProgress <= 1) { const scale = 1 - clampedProgress * (1 - minScale); card.style.transform = `scale(${scale})`; card.style.zIndex = numCards - index; // Maintain stacking } else if (scrollY < start) { card.style.transform = `scale(1)`; card.style.zIndex = numCards - index; // Reset stacking } else { card.style.transform = `scale(${minScale})`; } } }); } // Animation loop function raf(time) { lenis.raf(time); onScroll(); // Call your scroll handler requestAnimationFrame(raf); } requestAnimationFrame(raf);
Co o nas mówią
Tworzymy strony, które działają
Łączymy dane, myślenie produktowe i technologię frontend, aby tworzyć atrakcyjne i efektywne interfejsy.
UX/UI design
Zaprojektujemy aplikację mobilnej, sklep internetowy, portal, stronę wizytówkę.
- Tworzenie i rozwijanie systemów projektowania
- Analiza i testowanie
- Pełny cykl rozwoju produktu
Badania
Pomożemy dostosować produkt do potrzeb klientów i zwiększyć jego atrakcyjność rynkową.
- Zrozumieć potrzeby klientów
- Opisać kluczowe funkcje produktu
- Zorganizować informacje
3D projektowanie
Z naszymi 3D Twoje produkty i projekty zostaną precyzyjnie przedstawione, przyciągając uwagę i budując zaufanie klientów.
- Zwiększone zaangażowanie
- Łatwa nawiagacja po treści
- Unikalne wrażenia użytkowników
Branding
Pomożemy wyróżnić Twoją markę na rynku, budując silną tożsamość i przyciągając docelowych klientów
- Większa rozpoznawalność marki
- Zwiększona lojalność klientów
- Wyróżnienie na rynku
Naszym priorytetem jest terminowe i rzetelne wykonanie zadań. Tworzymy zespół ekspertów, którzy ciągle się doskonalą w swoim wachu.
Pełna transparentność
Wysyłamy raporty co poniedziałek abyś wiedział, co zostało zrobione i ile pieniędzy wydano

Important_Blog
Piszemy o podejściu produktowym, projektowaniu i badaniach.
Jak tworzyć dobre zadania? Przewodnik, który może uratować Twój projekt (i związek :))
Dlaczego jasne zadania mają znaczenie Historia o mleku SMS od partnera: "Kup mleko" Stoisz w sklepie. Przed Tobą lodówka z 15 rodzajami mleka. Dzwonisz. Nie odbiera. Oczywiście. Bierzesz jak zwykle: pełne, w kartonie. W domu, godzinę później: "Ale ja chciałam 2% bez laktozy…" Ty: "Skąd miałem wiedzieć?" Partnerka: "No mówiłam w zeszłym tygodniu że chcę…
Jak tworzyć automatyzacje n8n, które naprawdę działają (praktyczny poradnik 2025)
Co znajdziesz w tym przewodniku po automatyzacji w n8n Jeśli szukasz sposobu na automatyzację procesów biznesowych w swojej firmie, n8n to jedno z najlepszych narzędzi open-source dostępnych na rynku. Problem w tym, że większość poradników pokazuje tylko podstawy, a rzeczywistość bywa brutalna - workflow które działają na YouTube, potrafią położyć produkcję. Przeanalizowałem ponad 2000 rzeczywistych…
Kompletny kalendarz marketingowy dla Polski na 2025 rok
Święta Bożego Narodzenia generują 1400-1500 zł wydatków na polską rodzinę, podczas gdy Dzień Singla rośnie o 47% rocznie, stając się najszybciej rozwijającą się okazją handlową. Polscy konsumenci coraz częściej kupują przez telefon (55% zakupów w Black Friday), płacą BLIK-iem (68%) i odbierają paczki z automatów (81%). Ten kalendarz łączy tradycyjne polskie święta z globalnymi trendami,…
Badania, GEO
GEO nowe KPI i narzędzia do śledzenia cytowań AI
Mierzenie skuteczności GEO w erze odpowiedzi generatywnych wymaga nowych danych. Klasyczne narzędzia i raporty SEO często nie nadążają, bo to AI tworzy wynik, a nie lista linków. Coraz częściej padają pytania: jak zmierzyć widoczność w AI, jakie KPI mają sens i co naprawdę wpływa na ruch bez kliknięć? Nowe KPI skupiają się na obecności i…