Siltia — primera pantalla de la web
← Todos los trabajos39 / 47 // caso

Siltia

Calor pensado del tejado al sueloweb corporativa · 2026

02 // sobre el proyecto

web corporativa

Una energía compleja en la imagen de una sola casa.

Formato
web bilingüe de una marca de energía
Año
2026
Rol
naming, logotipo, diseño y desarrollo web
Estado
proyecto de cliente bajo NDA
Stack
animación con scroll, marcos interactivos, versiones en ucraniano e inglés, hreflang

Siltia planifica a la vez bombas de calor, baterías domésticas y paneles solares. El nombre viene de palabras bálticas que significan «cálido», el lituano šiltas y el letón silts. Construimos la web en torno al sistema completo, con cada equipo como una parte de él. La imagen a pantalla completa se reduce a una tarjeta, alrededor aparecen fotos, el plano de la casa se dibuja al hacer scroll y el movimiento de unos anillos punteados une los elementos. En el logotipo, los puntos sobre las dos íes se convirtieron en pequeños soles.

Siltia consiguió un nombre, un logotipo y una web que reúnen tres líneas, bombas de calor, baterías y paneles solares, en un sistema claro para la casa. El plano y el movimiento continuo ayudan a explicar cómo se conectan sus partes.

03 // qué hicimos

naming, logotipo, diseño y desarrollo web
  • 01

    El sistema, de entrada

    La imagen principal se reduce y a su alrededor se abren cinco partes de una misma historia.

  • 02

    Plano de la casa

    Líneas y anillos muestran que la solución abarca la casa entera.

  • 03

    Explicación viva

    El titular se escribe entre etiquetas, y los marcos de las tarjetas reaccionan al cursor.

  • 04

    Soles en el logo

    Los dos puntos sobre las íes unen el nombre con la fuente de energía.

04 // pantallas

siltia.apricode.agency
Escritorio · vídeo
Móvil · 390 px

05 // cómo funciona

4 pasos
  1. 01

    Sistema

    La primera pantalla presenta una solución común para la casa, con cada aparato como una pieza.

  2. 02

    Plano

    Las líneas muestran la casa como contexto de todas las piezas.

  3. 03

    Movimiento

    La animación guía la atención y descubre la información por etapas.

  4. 04

    Versiones

    El ucraniano y el inglés hacen accesible el mismo recorrido a dos públicos.

¿Necesitas un proyecto similar?

30 minutos en Zoom: analizamos la tarea, te mostramos cómo lo haríamos para ti y te damos plazos y precio.