Un local que funciona como tres cosas distintas según la hora. La página lee el reloj del visitante y muestra si está abierto ahora mismo, con la carta y los horarios reales del local.
- Horario en vivo
- Video propio
- Carta real
00 — Perfil
Yordy Serna
Desarrollador freelance y estudiante de ingeniería en ciberseguridad.
Hago sitios para negocios que necesitan existir en internet sin pagar una mensualidad eterna. HTML, CSS y JavaScript. Nada que se rompa solo en tres años.
01 — Enfoque
Tres cosas que no negocio.
-
Sin dependencias que no pueda explicar
Cada librería que agregas es código ajeno corriendo en el navegador de tu cliente. Estos sitios se abren con doble clic y se suben arrastrando una carpeta. En tres años van a seguir funcionando igual, porque no hay nada que actualizar.
-
Que funcione aunque algo falle
El JavaScript se cae, la señal se corta, el teléfono es viejo. Un sitio bien hecho igual muestra la dirección, el horario y el número de contacto. Todo lo demás —las animaciones incluidas— es decoración encima de eso.
-
La seguridad no se agrega al final
Estudiar ciberseguridad me cambió cómo miro un formulario: qué datos pide, dónde terminan, quién puede leerlos. La mayoría de las landing pages recolectan más de lo que necesitan y lo guardan peor de lo que creen.
02 — Trabajo
Proyectos reales, cada uno con su propio problema.
Ambiente western, karaoke los viernes y música en vivo. El diseño tenía que sonar fuerte sin volverse ilegible: madera oscura, ámbar y una carta que se lee bien con el bar lleno.
- Parallax
- Carta grabada
- SEO local
Importador con quince años en Chile y diez marcas europeas en catálogo. Aquí el problema no era vender: era ordenar mucha ficha técnica para que un agricultor encuentre su máquina rápido.
- Catálogo · 10 marcas
- Ficha por modelo
- Galería técnica
Suite de seis herramientas para medir madera en terreno desde el celular: metro ruma, JAS, Smalian, árbol en pie, parcela y calibración contra planta. Todo queda en el registro de la faena y sale como reporte a WhatsApp.
- 6 herramientas
- Reporte WhatsApp
- Funciona sin señal
Especialistas en sistema eléctrico y de arranque en Villarrica. El local perdía tiempo respondiendo la misma pregunta de a uno: "¿tienes esta pieza?". El cotizador pregunta marca, modelo y año, y el WhatsApp llega con la ficha escrita.
- Cotizador en 3 pasos
- 15 marcas · 100 modelos
- Fondo animado sin librerías
Un taller donde cada cañón y cada campana sale de una plancha plana, doblada a mano. No había ni una foto del negocio en internet. Todo salió del material del local: la paleta son los colores reales de las paredes y las estanterías, y los ocho videos del taller bajaron de 583 MB a 10 MB, sin descargarse hasta que alguien toca play. Tiene su propia página de catálogo con los tipos de pieza, y cierra con la entrevista que le hizo la Municipalidad de Loncoche en el taller.
- 8 videos · 583 MB → 10 MB
- Catálogo de piezas
- Cotizador WhatsApp
03 — Oficio
Herramientas pocas, usadas bien.
Prefiero conocer a fondo cuatro cosas que apenas manejar veinte. Todo lo que ves acá está hecho con lo mismo que se enseña el primer año — la diferencia está en el detalle, no en el stack.
| Base | HTML · CSS · JavaScript sin framework |
|---|---|
| Movimiento | GSAP · IntersectionObserver · CSS |
| Entrega | Estático · GitHub Pages · Hostinger |
| Control | Git · GitHub |
| Estudiando | Ingeniería en Ciberseguridad |
| Idiomas | Español · Inglés técnico |
04 — Contacto
¿Tienes un negocio que todavía no existe en internet?
Escríbeme y lo conversamos. Respondo en el día.
yordisernasaez@gmail.comTambién en GitHub.