01 / DOOR TRANSITION
Transición de puertas
Moverse entre espacios. Las transiciones entre páginas recrean la apertura y el cierre de las puertas de un ascensor, convirtiendo la navegación en parte de la experiencia de marca.
Silcon
Una nueva perspectiva sobre la electrónica para ascensores.
Un rediseño completo de la presencia digital de Silcon. Un sistema visual claro y una experiencia centrada en el producto para presentar soluciones técnicas complejas de forma accesible.
01 / PROYECTO Y DIRECCIÓN VISUAL
Tecnología más fácil de explorar.
Silcon se especializa en soluciones electrónicas para la industria del ascensor. El proyecto se centró en crear una presencia digital moderna, clara y orientada al producto, preservando el carácter técnico de la marca.
La dirección visual se construyó sobre claridad, precisión y estructura. Una tipografía fuerte, espacios controlados y una interfaz contenida ponen a los productos en primer plano. Las composiciones consistentes y los componentes reutilizables dan continuidad a toda la experiencia.
El sitio se diseñó y desarrolló desde cero, con foco en la jerarquía de información, la navegación de productos y el comportamiento responsive.
- ROL
- Web Designer &
Front-End Developer - ALCANCE
- Diseño UI
Arquitectura de información
Diseño responsive
Desarrollo front-end - INDUSTRIA
- Tecnología para ascensores
02 / DISEÑO DE INTERACCIÓN
La experiencia del ascensor, traducida a lo digital.
02 / ELEVATOR CONTROLS
Botonera del ascensor
La navegación toma inspiración del panel de control de un ascensor y lleva un elemento físico reconocible a la interfaz digital.
03 / FLOOR DISPLAY
Indicador de piso
Inspirado en los indicadores tradicionales de los ascensores, este elemento refuerza la identidad visual y aporta información contextual durante el recorrido.
03 / LENGUAJE VISUAL
Precisión en cada forma.
Carácter en cada detalle.
Ivory#F4F3EF
Charcoal#191918
Silcon Red#A62E2E
Amber#E1B234
04 / RESPONSIVE
Diseñado para funcionar a cualquier escala.
05 / DESARROLLO
Diseñado con intención.
Construido para rendir.
- Astro
- Estructura y rendimiento
- Tailwind CSS
- Estilos responsive
- JavaScript
- Comportamiento interactivo
- GSAP
- Movimiento y transiciones