Webagentur Aarau/Olten

Digitale Lösungen
die funktionieren.

Webentwicklung, Design & Automatisierung für Unternehmen, Behörden und Agenturen.

Nekosys ist eine Schweizer Webagentur mit Fokus auf sauberen Code, durchdachtes Design und ehrliche Beratung.

Wir sprechen Klartext – technisch wie menschlich.

Unser Service

Für moderne digitale Projekte:

Webdesign & UX/UI

Wir gestalten klare, benutzerfreundliche Oberflächen, die nicht nur gut aussehen, sondern auch funktionieren.

Webdevelopment & Schnittstellen

Sauber entwickelter Code, performante Strukturen und intelligente API-Integrationen – auf Ihr Projekt zugeschnitten.

Branding & Grafikdesign

Von Logo bis zur Markenwelt – wir schaffen visuelle Identität mit Wiedererkennungswert.

Mobile App Entwicklung

Native oder hybrid – wir entwickeln mobile Anwendungen, die Ihre Nutzer intuitiv begleiten.

S/005

SEO & Online Marketing

Sichtbarkeit durch gezielte Optimierung und Performance-orientierte Strategien – von Technik bis Inhalt.

Automatisierung & API-Entwicklung

Wir vernetzen Systeme und schaffen digitale Prozesse, die Ihnen Zeit und Ressourcen sparen.

Unsere Kunden

Wir arbeiten mit...

01.

KMU

die mehr als nur eine Webseite wollen

02.

Agenturen

die verlässliche White-Label-Partner suchen

03.

Behörden

für die Sicherheit & Barrierefreiheit essenziell ist

01.

Vereinen

die effizient kommunizieren möchten

Projekt im Focus

Thomann Gold Luxusuhren Onlineshop

Lorem ipsum dolor sit amet, cons ctetur adipisng elit, seled do iumd tempor incidnt uhgt labore reliut dolore magna aliqua.

Offertenrechner

Was kostet mein Projekt?

Nutzen Sie unseren interaktiven Offertenrechner und erhalten Sie eine erste Einschätzung in wenigen Minuten.

Bereit, digital neu zu denken?

Ob neue Website, App oder Prozessautomatisierung – wir freuen uns auf dein Projekt.

/** * Minimaler, performanter Scramble-Animator ohne Club-Plugin. * Idee: pro Zeichen einen "Reveal-Timestamp" bestimmen und bis dahin Zufallszeichen rotieren. */ (function() { const RANDOM_CHARS = "!-_\\/[]{}—=+*^?#___________0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ"; function scrambleTo(el, finalText, duration = 1.2, delay = 0) { const startTime = performance.now() + (delay * 1000); const total = Math.max(finalText.length, (el.textContent||'').length); const from = (el.textContent || '').padEnd(total, ' '); const to = (finalText || '').padEnd(total, ' '); const revealTimes = []; const now = performance.now(); // verteilt die "Aufdeck"-Zeitpunkte pro Zeichen über die Gesamtdauer for (let i = 0; i < total; i++) { const pct = i / (total - 1 || 1); // leicht ungleichmässig, damit es natürlicher wirkt const jitter = (Math.random() - 0.5) * 0.2; const t = Math.max(0, Math.min(1, pct + jitter)); revealTimes[i] = t; } function frame(t) { if (t < startTime) { requestAnimationFrame(frame); return; } const progress = Math.min(1, (t - startTime) / (duration * 1000)); let out = ""; for (let i = 0; i = r) { out += to[i]; } else { // solange noch nicht "aufgedeckt": zufälliges Zeichen out += RANDOM_CHARS[Math.floor(Math.random() * RANDOM_CHARS.length)]; } } el.textContent = out; if (progress { document.querySelectorAll('.gsap-scramble').forEach((el) => { const finalText = el.getAttribute('data-text') || el.textContent.trim(); const duration = parseFloat(el.getAttribute('data-duration')) || 2.4; const delay = parseFloat(el.getAttribute('data-delay')) || 0; const triggerMode = (el.getAttribute('data-trigger') || 'self').toLowerCase(); // Startzustand: zeigt sofort irgendwas Lesbares (optional leer) el.textContent = finalText; // ScrollTrigger einrichten ScrollTrigger.create({ trigger: triggerMode === 'parent' && el.parentElement ? el.parentElement : el, start: "top 85%", // beginnt, wenn das Element in den Viewport kommt once: true, // nur einmal animieren onEnter: () => { // vor Start kurz "verrauschen", damit der Effekt sichtbar ist el.textContent = "".padEnd(finalText.length, ' '); scrambleTo(el, finalText, duration, delay); } }); }); }); })();