Soyuz -

🖥️ Front-end integration

• Pixel-perfect integration of the provided design
• Full responsiveness (mobile / tablet / desktop)
• Modular structures to facilitate site evolution
• Speed optimizations and lazy loading

✨ Custom animations (vanilla JavaScript)

• Circular animations around the main menu
• Real-time calculations for smooth motion
• Hover interactions (acceleration / highlight)
• No external framework → maximum performance

🖼️ Hero sections with large images

• Integration of full-width large visuals
• Reveal effects and smooth scroll transitions
• Responsive handling to adapt visuals to each screen
• Strong visual staging for brand identity

🎥 Header video (hero video)

Example:
🔗 /soyuz-content-factory/

• Embedded video playback in the main banner
• Lightweight, web-optimized format (mp4 + fallback)
• Autoplay + mute + loop following UX best practices
• Clean display even on mobile (cover + smart ratio)
• Partial preloading to avoid performance impact

🔎 AJAX filters for case studies

Page: /realisations/

• Dynamic filtering by categories / projects
• Instant reload-free updates
• Animated transitions between results
• Handled “no results” state
• WP REST + AJAX + optimized custom queries

⚙️ Technologies used

• Vanilla JavaScript (animations + AJAX)
• WordPress + custom theme
• Modular PHP templates
• ACF for content management
• Optimized HTML5 video
• Modern CSS (flex, grid, animations)

🎨 User experience

• Immersive pages thanks to large visuals / videos
• Smooth navigation between projects
• A lively, coherent, and dynamic site
• Fast loading despite heavy visuals
• Elegant, non-intrusive interactivity

🧩 Result

A creative and high-performance website combining:

• custom JavaScript animations,
• visually impactful hero sections,
• banner videos,
• fast AJAX filters,
• and clean, scalable WordPress integration.