Rendimiento primero
Diseño para dispositivos y redes reales. Cuido la carga inicial, el peso de los recursos y cada interacción para que el producto se sienta ágil desde el primer toque.
/ Portafolio — Alejandro ChavarriaConstruyo sitios
Construyo sitios
que funcionan.
( ingeniería full-stack · Costa Rica )
Diseño y desarrollo marketplaces, plataformas internas y herramientas web. Me encargo del producto completo, desde la primera pantalla hasta el despliegue.
/ MétodoCómo abordo
Cómo abordo
cada proyecto?
Rendimiento primero
Código limpio y escalable
Construyo con componentes reutilizables, responsabilidades claras y las dependencias necesarias. Menos piezas para mantener, más espacio para hacer crecer el producto.
UI y UX moderna
Empiezo por los flujos que necesita la persona. Después doy forma a una interfaz coherente, responsive y con movimiento intencional, desde la navegación hasta los estados de error.
SEO y buenas prácticas
HTML semántico, contenido legible, navegación por teclado y metadatos por página. Bases claras para que personas y buscadores encuentren lo que necesitan.
/ Herramientas
Con qué construyo.
- Diseño UI
- Diseño UX
- Diseño de interacción
- Wireframing
- Sistemas de diseño
- Micro-interacciones
- Dirección de marca
/ Sobre el estudio
Diseño la interfaz, construyo el backend y llevo el producto a producción. Una sola persona responsable del recorrido completo, de principio a fin.
· Vue 3 · Nuxt · React · TypeScript · Tailwind · Laravel · NestJS · Django · PostgreSQL · PostGIS · Redis · Stripe · Docker · AWS · Vercel
/ Seleccionado
Algunos proyectos.
WellFred
Marketplace de servicios para Costa Rica. Los clientes encuentran proveedores y reservan servicios; los proveedores gestionan agenda, catálogo y clientes.
- Reservas, pagos en custodia y agenda del proveedor en un producto.
- Análisis estático y pruebas de extremo a extremo para los flujos.
AutoVentaCR
Marketplace de vehículos para Costa Rica. Los compradores buscan y comparan autos; los concesionarios gestionan inventario e importan anuncios en lote.
- Compara hasta cuatro vehículos lado a lado.
- La búsqueda tolera errores en marca y modelo sin un servicio adicional.
Planora
Plataforma de ticketing de eventos para Costa Rica — descubrí eventos, comprá entradas por tier y llevá pases QR verificables. Un solo codebase React Native para iOS, Android y web.
- Un frontend para iOS, Android y web.
- Flujos de entradas y QR con API simulada mientras se desarrolla el backend.
/ Cómo trabajo
Cinco principios que aplico.
- [ 01 / 05 ]
Empezar por el problema
No por la solución. Entender al usuario y al negocio antes de tocar Figma o el editor.
#problem-first - [ 02 / 05 ]
Pocas piezas, bien hechas
Menos abstracciones, menos dependencias, menos sorpresas. Lo simple escala mejor.
#simplicity - [ 03 / 05 ]
Desplegar temprano y seguido
Validar los flujos temprano y aprender del uso real. El feedback del mundo vence cualquier suposición.
#delivery - [ 04 / 05 ]
Performance es diseño
Una página rápida se siente bien antes de leerse. La latencia es una decisión de producto.
#performance - [ 05 / 05 ]
Documentar la decisión, no el código
El código se explica solo. Lo difícil de recuperar después es el porqué.
#documentation
¿Listo para construir algo
que realmente funcione?
Diseño claro, ingeniería sólida y estrategia enfocada — trabajando juntos como un solo sistema.