Soyuz -

🖥️ Front-end-integrasjon

• Pikselperfekt integrasjon av levert design
• Full responsivitet (mobil / nettbrett / desktop)
• Modulære strukturer for å gjøre videreutvikling enkel
• Hastighetsoptimering og utsatt innlasting

✨ Skreddersydde animasjoner (ren JavaScript)

• Sirkulære animasjoner rundt hovedmenyen
• Løpende beregninger for jevne bevegelser
• Interaksjoner ved hover (akselerasjon / fremheving)
• Ingen eksterne rammeverk → maksimal ytelse

🖼️ «Hero»-seksjoner med store bilder

• Integrasjon av store visuelle elementer i full bredde
• Reveal-effekter og myke overganger ved scrolling
• Responsiv håndtering for å tilpasse visuelle elementer til skjermen
• Tydelig iscenesettelse av merkevarens identitet

🎥 Video i toppseksjon (Hero Video)

Eksempel:
🔗 /soyuz-content-factory/

• Integrert videovisning i hovedbanneret
• Lett og weboptimalisert format (mp4 + fallback)
• Autoplay + mute + loop i tråd med gode UX-praksiser
• Pent uttrykk også på mobil (cover + smart sideforhold)
• Delvis forhåndsinnlasting for å unngå ytelsestap

🔎 AJAX-filtre for prosjekter

Side: /realisations/

• Dynamisk filtrering etter kategorier / prosjekter
• Umiddelbar oppdatering uten reload
• Animerte overganger mellom resultater
• Håndtering av tilstanden «ingen resultater»
• WP REST + AJAX + optimerte Custom Queries

⚙️ Brukte teknologier

• Ren JavaScript (animasjoner + AJAX)
• WordPress + skreddersydd tema
• Modulære PHP-maler
• ACF for innholdsadministrasjon
• Optimert HTML5-video
• Moderne CSS (flex, grid, animasjoner)

🎨 Brukeropplevelse

• Immersive sider takket være store visuelle elementer / videoer
• Flytende navigasjon mellom prosjekter
• Et levende, helhetlig og dynamisk nettsted
• Raske innlastinger til tross for tunge visuelle elementer
• Elegante, ikke-påtrengende interaksjoner

🧩 Resultat

Et kreativt og ytelsessterkt nettsted som kombinerer:

• skreddersydde JavaScript-animasjoner,
• visuelt sterke «hero»-seksjoner,
• videoer i banneret,
• raske AJAX-filtre,
• og en ren, skalerbar WordPress-integrasjon.