Diseño y desarrollo web

Landing pages, sitios y aplicaciones web a medida, del diseño al código.

Empezar proyectoVer trabajos
Sitios en línea
Juan Francisco Daneri
01 — Sobre mí

Soy Juan Francisco Daneri.

Desarrollador full-stack, diseñador UX/UI y project manager, desde Paraná, Argentina. Diseño y programo cada proyecto yo mismo: hablas siempre con quien hace tu web.

Antes de programar fundé y dirigí mis propios negocios, así que sé lo que una web tiene que resolver para el tuyo.

  • React
  • Astro
  • TypeScript
  • Figma
  • Español · Inglés
Conóceme en LinkedIn(se abre en una pestaña nueva)
02 — Servicios

Todo lo que tu marca necesita para estar en línea.

Servicio 01

Landing pages

Una sola página diseñada para una acción concreta: que te escriban, reserven o compren. Es la forma más rápida de poner tu marca en línea y de comprobar si una propuesta funciona.

En detalle técnico
  • Sitio estático generado con Astro: sin servidor que mantener y con carga casi instantánea.
  • HTML semántico y diseño responsive mobile-first, optimizado para Core Web Vitals.
  • SEO on-page: metadatos, Open Graph y datos estructurados (JSON-LD).
  • Formulario con protección antispam (Cloudflare Turnstile) y acceso directo a WhatsApp.
  • Despliegue en Cloudflare Pages con HTTPS y CDN global.
Ideal para
  • Lanzamientos de productos o servicios.
  • Campañas de anuncios que necesitan una página de destino.
  • Profesionales y negocios que dan su primer paso en internet.
Empezar proyectoVer precios
Servicio 02

Sitios web

Tu presencia completa en internet: quién eres, qué ofreces, qué trabajos hiciste y cómo contactarte. Varias secciones o páginas ordenadas para que cada visitante encuentre lo que busca.

En detalle técnico
  • Arquitectura de información y navegación definidas antes de diseñar.
  • Sitio multipágina en Astro con componentes reutilizables y sistema de diseño propio (tokens de color, tipografía y espaciado).
  • SEO técnico: sitemap, URLs limpias, metadatos por página y datos estructurados.
  • Accesibilidad según WCAG 2.1 AA: contraste, navegación por teclado y lectores de pantalla.
  • Imágenes optimizadas y carga diferida.
  • Páginas legales y aviso de cookies.
Ideal para
  • Empresas, estudios y comercios con varios servicios.
  • Instituciones y espacios que necesitan mostrar su propuesta completa.
  • Marcas que ya tienen una landing y necesitan crecer.
Empezar proyectoVer precios
Servicio 03

Aplicaciones web

Cuando una web no alcanza y lo que necesitas es una herramienta: un panel para gestionar tu negocio, un sistema de reservas o un área privada para clientes. Se diseña alrededor de tu forma de trabajar.

En detalle técnico
  • Front-end en React y TypeScript.
  • Back-end en Node.js o Python (Django), según el caso.
  • Base de datos relacional (MySQL) y API REST.
  • Autenticación de usuarios, roles y permisos.
  • Integraciones con servicios externos: pagos, email, calendarios.
  • Control de versiones con Git y despliegue continuo.
Ideal para
  • Negocios que gestionan turnos, pedidos o clientes en planillas.
  • Equipos que repiten tareas manuales que se pueden automatizar.
  • Proyectos que necesitan un área privada con usuarios.
Empezar proyectoVer precios
Servicio 04

Diseño UX/UI

Antes de programar, se diseña: qué necesita ver cada persona, en qué orden y qué debe hacer después. El resultado es una interfaz clara que puedes ver y probar antes de construirla.

En detalle técnico
  • Definición de objetivos, usuarios y flujos de navegación.
  • Wireframes y prototipos navegables.
  • Sistema de diseño: tokens, componentes y estados.
  • Diseño responsive para móvil, tablet y escritorio.
  • Criterios de accesibilidad: contraste, tamaños táctiles y jerarquía.
  • Especificaciones de handoff para desarrollo.
Ideal para
  • Productos que todavía no se empezaron a programar.
  • Sitios o aplicaciones existentes que necesitan un rediseño.
  • Equipos de desarrollo que necesitan el diseño resuelto.
Empezar proyectoVer precios
Servicio 05

Marca e identidad

Antes de la web, la marca: un nombre, un logo, colores y tipografías que te identifiquen. Y el respaldo para que sean tuyos: registro de la marca y dominio propio.

En detalle técnico
  • Logo con todas sus versiones: color, monocromo, ícono y favicon.
  • Paleta de color, tipografías y elementos gráficos.
  • Manual de marca con reglas de uso y tokens listos para la web.
  • Gestión del registro de marca.
  • Registro del dominio y configuración de DNS.
Ideal para
  • Emprendimientos que empiezan desde cero.
  • Negocios que necesitan renovar su imagen.
  • Marcas que quieren proteger su nombre y su dominio.
Empezar proyectoVer precios
03 — Trabajos

Sitios reales. Recórrelos aquí mismo.

Sitio de Casa Amatista en una notebook
Sitio de Casa Amatista en un celular

Casa Amatista

El emprendimiento
Centro de salud integrativa y holística en el Parque Urquiza de Paraná: psicología, kinesiología, reiki, masajes, yoga, meditación y tai chi, además de alquiler de consultorios y salones.
Tipo de web
Sitio institucional de una página, con secciones de terapias, prácticas, espacio, alquiler y contacto.
Trabajo realizado
Diseño y desarrollo a medida, reservas por WhatsApp, formulario con protección antispam, preguntas frecuentes y SEO local con datos estructurados.
Visitar casaamatista.org(se abre en una pestaña nueva)
04 — Proceso

De la idea al sitio en línea, en cuatro pasos.

Paso 01 de 04

Conversamos

Una reunión para entender tu negocio, tu público y qué tiene que lograr la web. De ahí sale una propuesta concreta.

Qué se hace
  • Brief del proyecto y objetivos medibles.
  • Relevamiento de contenidos, referencias y competencia.
  • Definición de alcance y entregables.
  • Cronograma por etapas.
Qué recibes
  • Propuesta concreta con alcance, plazos y presupuesto.
Empezar proyecto
Paso 02 de 04

Diseño

Ves cómo va a quedar tu web antes de que se programe. Se ajusta contigo hasta que te represente.

Qué se hace
  • Arquitectura de información.
  • Dirección visual: paleta, tipografías y componentes.
  • Prototipo de alta fidelidad, en escritorio y móvil, responsivo.
  • Rondas de revisión hasta la aprobación.
Qué recibes
  • Diseño aprobado de todas las pantallas.
  • Prototipo navegable para probarlo.
Empezar proyecto
Paso 03 de 04

Desarrollo

El diseño aprobado se convierte en un sitio real, rápido y que funciona en cualquier pantalla. Puedes seguir el avance en un enlace de prueba.

Qué se hace
  • Maquetación semántica y componentes en Astro o React.
  • Responsive mobile-first.
  • Optimización de rendimiento, SEO y accesibilidad.
  • Entorno de vista previa para revisar avances.
  • Pruebas en distintos navegadores y dispositivos.
Qué recibes
  • Sitio completo en un enlace de prueba.
  • Lista de ajustes finales antes de publicar.
Empezar proyecto
Paso 04 de 04

Publicación

El sitio sale en línea en tu dominio. Te explico cómo usarlo y quedo disponible para lo que necesites después.

Qué se hace
  • Configuración de dominio, DNS y certificado HTTPS.
  • Despliegue en Cloudflare Pages.
  • Alta en Google Search Console y envío del sitemap.
  • Verificación final de formularios, enlaces y rendimiento.
Qué recibes
  • Sitio en línea en tu dominio.
  • Accesos y guía de uso (si correspondiera).
Empezar proyecto
05 — Precios

Un punto de partida claro.

06 — Contacto

Cuéntame tu proyecto.

Escríbeme qué necesitas y te respondo con una propuesta y un presupuesto.

info@xistir.com

Al enviar aceptas la política de privacidad.