Updated November 2025

High-Resolution Media Gallery

Full library of visual assets for the Science Portal: AR/VR renders, simulation illustrations, video demonstrations, infographics, and dynamic banners. All materials are optimized for SEO, accessibility, and fast loading.

Core Collection

4K • PNG

Quantum Field Lab

High-quality render for quantum field simulation. Usage: hero-banner, printed materials.

8K • EXR

Cellular Universe

3D illustration of cellular structure for AR studies, interactive presentations, A2 print.

6K • JPG

Aurora Nebula

Space render with NASA data. Purpose: articles, backgrounds for `learning-pathways.html`, presentations.

4K • GIF/WebM

Reaction Dynamics

Animated cycle of chemical reactions. Integrated into `simulation-builder.html` and simulation pages.

Production pipeline

  1. Brief and moodboard (Figma) + technical requirements (resolution, style, target page).
  2. 3D modeling (Blender, Houdini) + simulations (Unity/Unreal).
  3. Post-processing: toning, noise reduction, export to 4K/8K.
  4. Optimization: WebP/AVIF, lazy-load, generation of different sizes (Cloudinary pipeline).
  5. Metadata: alt texts, licensing, JSON-LD `ImageObject` for SEO.

Quality control

  • 🔍 Pixel-perfect review (QA checklists, artifact control).
  • 🖥️ HDR/SDR and mobile/desktop viewport checks.
  • ♿ Contrast check (WCAG 2.1), text readability over images.
  • 📂 Registry management in Notion + Git LFS for raw files.
  • 📊 Automated tests with Lighthouse + Pa11y for gallery pages.

Usage metrics

120+

HD/4K/8K images in production

18TB

Amount of raw materials in the cloud archive

7.4%

Increase in CTR after gallery update (Q3→Q4)

98%

Positive feedback regarding media quality

Publication automation

name: Media Pipeline
on:
  push:
    paths:
      - \"assets/images/gallery/**\"
jobs:
  optimize-and-publish:
    runs-on: ubuntu-latest
    steps:
      - uses: actions/checkout@v4
      - name: Generate Variations
        run: python scripts/automation/media_variants.py --input assets/images/gallery --sizes 3840,1920,1280
      - name: Upload to CDN
        run: node scripts/automation/upload_cdn.js --dir assets/images/gallery
      - name: Refresh Cache
        run: curl -X POST https://cdn.scienceportal.ua/purge

Logs are stored in Cloud Logging, alerts configured via PagerDuty.

FAQ (10)

1. What formats are available?

PNG, JPG, WebP for images; GIF, WebM, MP4 for animations; EXR for post-production; GLB for 3D scenes.

2. What licensing policy?

Creative Commons BY-NC for educational partners; commercial license by arrangement with branding@scienceportal.ua.

3. How to search for needed assets?

Use tagging in DAM (Bynder), enter the topic/direction, format, color palette, and level of complexity.

4. Are PSD/AI files available?

Yes, they are stored in the internal S3 bucket. Query via Jira «Media Request».

5. How are previews generated?

Node script `media_generate_previews.js` + Sharp. Options 640px and 1280px.

6. Are localized versions supported?

Yes, for interfaces with texts we create 66 localized layers in Figma + automated export.

7. How to update the old banner?

Create a ‘Media Refresh’ request in Notion, select the target page, add a deadline, and specify special requirements (accessibility, contrast).

8. What recommendations for social networks?

Format 1080x1080, 1920x1080, 4:5. Alt texts required, CTA, localized texts, brand control.

9. Can materials be used for printing?

Yes, upload original 4K/8K, follow CMYK profiles, add 3mm bleed.

10. How to track performance?

Metrics from GA4 (event `media_view`), heatmap (Hotjar), experiments (Google Optimize), dashboard in Looker Studio.

📊 Go to simulation infographics