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.

seo
SEO w 2025: dlaczego jest kluczowe i jak wybrać dobrego specjalistęSEO w 2025: dlaczego jest kluczowe i jak wybrać dobrego specjalistę SEO (Search Engine Optimization) to proces optymalizacji strony internetowej tak, żeby była jak najwyżej w bezpłatnych wynikach wyszukiwania. Krótko mówiąc, dzięki SEO Twoja strona staje się bardziej „przyjazna” dla Google’a i innych wyszukiwarek – łatwiej ją znaleźć, a internauci chętniej na nią klikają.…

ads, marketing
Jak znaleźć i zatrudnić dobrego specjalistę PPC (Ads Mastera / PPC Ninja) w 2025Jak znaleźć i zatrudnić dobrego specjalistę PPC (Ads Mastera / PPC Ninja) w 2025 W dynamicznie zmieniającym się świecie e-commerce i marketingu internetowego rola specjalisty PPC (Płatnych Kampanii Reklamowych) jest kluczowa. To osoba, która potrafi skutecznie wykorzystać budżet reklamowy w Google Ads, Meta (Facebook/Instagram), TikTok Ads i innych platformach, by przyciągać klientów i zwiększać sprzedaż.…

Development, Wordpress
Bricks Builder – najlepszy wizualny kreator WordPress?Czy tworzenie strony WordPress może być jednocześnie łatwe, szybkie i przyjemne – bez pisania ani jednej linijki kodu? 🏗️ Wielu właścicieli firm, marketerów i webdesignerów zadaje sobie to pytanie, szukając idealnego narzędzia do budowy stron. Przez lata królowały takie rozwiązania jak Elementor czy Divi, a inni próbowali swoich sił z edytorem blokowym Gutenberg. Bricks Builder…

Badania
Jak chronić WordPress przed atakami Brute ForceOdkryj skuteczne metody ochrony WordPressa przed atakami brute force i zabezpiecz swoją stronę przed zagrożeniami.

Deliver, Development, Wordpress
Checklist: Handoff projektów w WordPressieZoptymalizuj proces przekazania projektów WordPress dzięki szczegółowej dokumentacji, skutecznej komunikacji i efektywnym testom.

Badania, Define
Ewaluacja Heurystyczna vs Testy UżytecznościEwaluacja heurystyczna i testy użyteczności to kluczowe metody oceny użyteczności stron WordPress. Zobacz, która z nich jest lepsza dla Twojego projektu.

Badania, Deliver, Design
Jak Mierzyć ROI z Redesignu Strony?Redesign strony internetowej może przynieść znaczący wzrost przychodów. Sprawdź, jak skutecznie mierzyć ROI i osiągnąć lepsze wyniki.

Design, UX/UI
8 Narzędzi do Prototypowania UI w 2025Poznaj 8 najlepszych narzędzi do prototypowania UI w 2025 roku, które oferują unikalne funkcje i integracje z WordPress.

Design, UX/UI
Przewodnik po Design System dla FirmPoznaj kluczowe elementy systemu designu, które przyspieszają rozwój produktów i poprawiają spójność marki w firmie.

Badania, Design, UX/UI
Optymalizacja UX: 5 Sprawdzonych Metod BadawczychPoznaj sprawdzone metody badawcze UX, które pomogą poprawić doświadczenia użytkowników i zwiększyć konwersje na Twojej stronie.

Deliver, Strategia
Projektowanie Produktu Cyfrowego: Lista KontrolnaProjektowanie produktów cyfrowych wymaga analizy potrzeb użytkowników, dostępności oraz optymalizacji, aby zwiększyć zadowolenie i konwersję.

UX/UI
10 Błędów w UX, Które Niszczą KonwersjęPoznaj 10 kluczowych błędów UX, które obniżają konwersję w sklepach internetowych oraz skuteczne sposoby ich eliminacji.

Badania
WordPress vs Headless CMS: Co Wybrać w 2025?Porównanie WordPress i Headless CMS w 2025 roku. Dowiedz się, który system lepiej spełnia Twoje potrzeby projektowe.

Badania
Jak Wdrożyć AI w Małej Firmie: Praktyczny PrzewodnikWdrożenie AI w małej firmie może zwiększyć efektywność i oszczędności, zaczynając od automatyzacji prostych zadań.

Badania, UX/UI
7 Kluczowych Trendów UX/UI na 2025 RokW 2025 roku projektowanie UX/UI skupi się na interaktywnych, spersonalizowanych doświadczeniach, wykorzystując nowoczesne technologie.

UX/UI
Zrozumienie projektowania produktu: kluczowe aspekty i procesyW erze cyfrowej projektowanie produktu odgrywa kluczową rolę w tworzeniu innowacyjnych i użytecznych rozwiązań. Obejmuje ono różnorodne dyscypliny, takie jak projektowanie UX, badania użytkowników, prototypowanie i animację. Celem tego artykułu jest zgłębienie tych elementów, by lepiej zrozumieć, jak łączą się one w procesie tworzenia nowoczesnych aplikacji i usług. Zapraszamy do odkrycia złożoności i roli, jaką…

Strategia
Jak skutecznie pisać zgłoszenia mailowe?Po przeanalizowaniu procesu naszej współpracy znaleźliśmy kolejny obszar dzięki któremu zaoszczędzimy Twój czas i pieniądze nawet o 10% mniej czasu na organizację. Zależy nam na tym żeby maksymalnie szybko i dobrze zrealizować zadanie. A dobrze opisane zadanie to podstawa udanej współpracy. Na przykład napiszesz do nas: “Zmienić kolor przycisku” nie będziemy mogli od razu zacząć…

Strategia
Ile strat generuje przestarzała strona?Czy zastanawiałeś się, ile tracisz potencjalnych klientów, jeśli twoja strona pozostaje przestarzała? Zacznijmy od pytania, które może się wydawać banalne, ale ma kluczowe znaczenie: czy Twoja strona internetowa jest "stara"? Nie chodzi tu tylko o datę jej utworzenia, ale o to, czy nadąża za obecnymi trendami w designie, jest intuicyjna, szybka i przystosowana do obecnych…

Product design
Product Design – Co to takiego?Krótka definicja: Product design to proces tworzenia produktów, które rozwiązują problemy użytkowników i przynoszą korzyści biznesowe. Obejmuje badania, projektowanie UI/UX, testowanie i iterowanie. Czym zajmuje się projektant produktu? Projektanci produktów łączą kreatywność z umiejętnościami technicznymi, tworząc intuicyjne, funkcjonalne i estetyczne produkty. Pracują nad różnymi aspektami, od badań użytkowników po tworzenie prototypów i współpracę z zespołami…