1. Qué es el desarrollo web (y por qué no es «tener una página»)

Desarrollo web es todo lo que pasa entre «necesitamos un sitio» y un sitio publicado que cumple un objetivo: que te encuentren, que te entiendan, que te escriban, que descarguen, que compren. Incluye estrategia (qué comunicar y a quién), arquitectura (qué páginas y cómo se conectan), contenido (qué dice cada una), diseño (cómo se ve y se usa), programación (cómo funciona), y lo que nadie ve pero Google sí: velocidad, indexación, seguridad.

Para una empresa, el sitio es la única propiedad digital que controlás del todo. Las redes cambian el algoritmo, los anuncios se apagan cuando dejás de pagar; el sitio queda, y es donde termina todo lo demás. Por eso lo tratamos como una herramienta comercial y no como una pieza de diseño.

Si alguien busca tu empresa en Google y no encuentra nada, o encuentra un sitio lento, viejo o que no explica qué hacés, se va al competidor que sí. Ese es el costo de no tenerlo bien.

2. Dos formas de trabajar: diseño en Figma o desarrollo completo en WordPress

Es lo primero que definimos en la reunión inicial, porque cambia el alcance, el plazo y el precio.

Modalidad A — Diseño en Figma, programa tu equipo

Para empresas de tecnología, startups y organizaciones que ya tienen desarrolladores. Nosotros hacemos la parte que un equipo de producto no suele tener adentro: estrategia, arquitectura, copywriting, diseño de interfaz y prototipo. Entregamos un archivo de Figma ordenado, con sistema de diseño (colores, tipografías, componentes, espaciados), todas las páginas en desktop y mobile, y un prototipo navegable. Tu equipo lo programa en el stack que use (React, Next, Webflow, lo que sea). Así trabajamos con Hostyn: diseñamos el sitio completo y su equipo en Estados Unidos lo programó.

Qué recibís: sitemap, textos finales por página, wireframes, UI final en desktop y mobile, sistema de diseño, prototipo con animaciones y una sesión de handoff con tus desarrolladores.

Modalidad B — Llave en mano en WordPress

Para empresas que no tienen equipo técnico y necesitan un sitio publicado, autoadministrable y con soporte. Hacemos todo lo de la modalidad A y además lo programamos en WordPress, lo adaptamos a todos los dispositivos, lo optimizamos en velocidad, configuramos SEO técnico, formularios, analítica y lo publicamos en tu servidor. Así hicimos Magnetic Cash, LEAF y Grupo Ayudín.

Qué recibís: todo lo anterior, más el sitio publicado, panel de administración simplificado para que edites contenido sin programar, y la opción de asistencia web anual.

Qué no hacemos

No programamos en otros CMS ni frameworks a medida. Si tu proyecto necesita Shopify, Webflow, un desarrollo en React o una plataforma con backend propio, diseñamos en Figma (modalidad A) y coordinamos con tu equipo o con un desarrollador que vos elijas. Contamos con colegas para poder recomendarte.

3. Tipos de sitios que hacemos

• Sitio corporativo. Quiénes somos, servicios, casos, contacto. Es la carta de presentación de la empresa y el que más pedidos recibimos. Casi siempre incluye blog y formularios con integración a CRM.
• Sitio para startup o plataforma tecnológica. Propuesta de valor, cómo funciona, planes, casos, demo. Con secciones que muestran el producto en movimiento (animaciones Lottie, imágenes generadas con IA) sin depender de capturas que envejecen.
• Rediseño. Ya tenés sitio pero es lento, viejo, no convierte o no posiciona. Auditamos lo que hay (contenido, métricas, SEO), rescatamos lo que sirve y rehacemos el resto sin perder el posicionamiento ganado.
• Landing pages. Una página, un objetivo: campaña, lanzamiento, comparación, descarga. Se diseñan para convertir y se miden. Van de la mano de campañas de Meta o Google Ads; para Pedisy diseñamos la landing de comparación que recibía la pauta.
• Sitio con secciones autoadministrables y automatizaciones. Blog, casos con filtros, catálogo, bolsa de trabajo con categorías, descargables, y formularios que hacen algo solos: derivan un CV al área correcta, envían una respuesta automática a quien quiere ser distribuidor, cargan el contacto en el CRM. 
• Sitio por país. Una estructura, versiones para cada mercado. Para BGH desarrollamos los sitios de Argentina y Chile al igual que con Fila Group.
• Sitio multi idioma. Español e inglés (u otros) con gestión de traducciones desde el panel.
• Sitio con blog y descargables. Para captar leads con contenido: artículos, e-books, guías. 
• Portfolio. Para agencias, estudios y profesionales creativos. Lo sabemos porque el nuestro tiene más de 70 casos y es nuestra principal fuente de consultas.
• E-commerce. Donde se combina la realización de tiendas onlines.

Ejemplo de web realizada para Campito Refugio

4. Cómo trabajamos: el proceso en diez pasos

El mismo proceso para las dos modalidades hasta el paso 7. A partir de ahí, en modalidad A hacemos handoff a tu equipo; en modalidad B seguimos hasta la publicación. 

a) Brief

Una reunión de una a dos horas con el equipo que dirige el proyecto. Contexto de la empresa, manual de marca si existe, diferencial, posicionamiento actual y buscado, públicos, un detalle por cada servicio o producto que quieran impulsar, acciones anteriores y sus resultados, y los objetivos comerciales del sitio. Queda documentado en un brief confidencial que es la base de todo lo que sigue.

b) Análisis y propuesta

• Auditoría del sitio actual (si hay): mensajes, tono, usabilidad, SEO, branding aplicado, métricas y comportamiento de usuarios. Qué se reutiliza, qué se mejora, qué se elimina.
• Buyer persona: a quién le habla el sitio. Criterios demográficos y psicográficos, desafíos, prioridades, qué busca cuando llega. Querer llegar a todos es no llegar a nadie.
• Benchmark: qué hacen los competidores directos en sus sitios, dónde están fuertes y dónde hay espacio. Para LEAF mapeamos el mercado de gestión de carbono en Latinoamérica y Estados Unidos antes de escribir una línea.

c) Sitemap

La estructura conceptual del sitio: qué páginas existen, cómo se conectan, qué va en el menú, qué landings y secciones especiales hay. Es la arquitectura de la información y el flujo de navegación. Sale del brief, el buyer persona y el benchmark, y se aprueba antes de diseñar nada.

d) Wireframes y copywriting

Bocetos de cada página que definen ubicación y jerarquía de cada elemento. En paralelo, escribimos los textos: investigamos las palabras clave por las que cada página tiene que posicionar y redactamos con esa intención, ajustados al largo de cada sección. El cliente aprueba estructura y texto juntos, en Figma, con comentarios en tiempo real.

f) Diseño de interfaz

Moodboard primero: paleta, tipografías, estilos de títulos, botones, íconos, tipo de imágenes. Después, el diseño final de cada página en desktop. Si hay manual de marca, lo aplicamos; si no, definimos un sistema visual para el sitio (y ahí se cruza con nuestro servicio de branding: para Onpark hicimos logo, manual y sitio en un mismo proyecto).

Las imágenes se resuelven según el proyecto: bancos premium (Freepik, Flaticon, Envato), producción propia de fotos o video, o generación con IA cuando hay que mostrar escenarios, productos o pantallas que no existen todavía o que serían inviables de fotografiar. Para Magnetic Cash generamos con IA todas las imágenes que ilustran las soluciones de la plataforma.

g) Adaptación responsive

Aprobado el desktop, diseñamos tablet y mobile. No es achicar: es reorganizar contenido, ajustar imágenes y repensar menús para pantalla táctil. La mayoría de tus visitas van a entrar desde el celular.

h) Prototipo y animación

Un prototipo navegable en Figma con las transiciones, hovers y movimientos de página. Sirve para que veas cómo se va a sentir el sitio antes de programar una línea, y para que el equipo de desarrollo sepa exactamente qué animar. Cuando el proyecto lo pide, diseñamos animaciones Lottie: piezas vectoriales livianas que muestran la plataforma o el producto en movimiento dentro del sitio, sin video pesado. En Magnetic Cash, partes de la plataforma están animadas así y en Leaf.

Modalidad A termina acá: sesión de handoff con tu equipo, archivo de Figma ordenado con sistema de diseño y componentes, animaciones exportadas, y disponibilidad para consultas durante la programación.

i) Programación en WordPress

Analizamos tu servidor (capacidad, configuración PHP) e instalamos WordPress y el stack. Maquetamos página por página con Divi Builder según los diseños aprobados, configuramos las secciones autoadministrables (blog, casos, filtros, ofertas laborales, tablas de planes), integramos formularios con tu CRM o con automatizaciones (derivación por área, respuestas automáticas, carga en planillas), y simplificamos el panel de administración para que edites sin riesgo.

j) Post desarrollo: velocidad, SEO técnico e integraciones

• WPO (velocidad): imágenes en .webp, caché, CDN con Cloudflare. Un sitio lento pierde visitas y posiciones.
• SEO técnico: jerarquía on page (H1, H2), títulos y meta descripciones, alt text, linkeo interno, indexación y conexión con Google Search Console.
• Medición: Google Analytics, Tag Manager, píxel de Meta o lo que uses.
• Multi idioma (si aplica): instalación de la herramienta, carga de traducciones y configuración en el frontend.

k) Pruebas y publicación

Probamos en distintos navegadores y dispositivos, corregimos y publicamos. Te entregamos accesos, una guía corta de uso del panel y, si querés, arrancamos con la asistencia web anual. En caso que se requieran, se pueden sumar videos tutoriales par que todo el equipo interno sepa como modificar partes del sitio web.

5. Cuánto tarda hacer un sitio web

Un sitio corporativo completo en modalidad WordPress: 8 a 10 semanas, desde la redacción y el diseño inicial hasta la configuración post desarrollo. En modalidad Figma: 5 a 7 semanas hasta el handoff; la programación depende de tu equipo. Una landing page: 2 a 3 semanas.

Lo que más mueve el plazo son las revisiones. Dos rondas por etapa, con observaciones completas y claras en cada instancia, mantienen el proyecto en fecha. Un cliente que tarda dos semanas por aprobación duplica el plazo. Por eso pedimos un único tomador de decisiones desde el día uno.

Ejemplo realizado para Club Dietética.

6. Cuánto cuesta un sitio web y qué incluye

• Landing page (diseño + WordPress): desde USD 500
• Sitio corporativo en Figma para tu equipo (hasta 8 páginas): desde USD 900
• Sitio corporativo llave en mano en WordPress (hasta 8 páginas): desde USD 1500

Qué incluye siempre: brief, análisis y propuesta, sitemap, wireframes, copywriting con investigación de palabras clave, diseño de interfaz desktop y mobile, prototipo, y en WordPress: programación, responsive, panel simplificado, formularios, WPO, SEO técnico, integraciones de medición, pruebas y publicación. Todas las licencias de las herramientas del stack están incluidas en el valor del proyecto. Además incluye animaciones Lottie y generación de imágenes con IA.

Qué se cotiza aparte: traducción de textos a otros idiomas sin IA (la carga y configuración multi idioma sí puede incluirse), producción de fotos o video, desarrollo 3D, ilustración a medida, material de stock premium fuera de los bancos incluidos, hosting y dominio (te asesoramos, pero se contratan a tu nombre), y la asistencia web anual.

Qué hace variar el precio: cantidad de páginas, secciones autoadministrables, integraciones y automatizaciones (CRM, pasarelas, APIs), idiomas o países, si hay manual de marca o no, y si hay contenido existente o se produce todo desde cero.

Condiciones: 60% al iniciar, 40% al finalizar. Presupuesto válido 15 días. Cotizamos en 48 horas después de la reunión inicial.

7. El stack: con qué construimos y por qué las licencias importan

Trabajamos con WordPress, más un conjunto de herramientas con licencia oficial. No es un detalle: las herramientas piratas o sin licencia exponen tu sitio a vulnerabilidades y a que cualquiera acceda a tus datos. Todas las licencias están incluidas en el proyecto.

• Divi Builder + Divi Supreme, Divi Engine, Divi Pixel: constructor visual y extensiones para diseño avanzado.
• Solid Security: seguridad.
• Fluent Forms Pro: formularios, automatizaciones e integraciones con CRM.
• Rank Math: SEO.
• Cloudflare + LiteSpeed: CDN y caché para velocidad.
• Motion Page: animaciones.
• Polylang: multi idioma.

Terminado el desarrollo, las licencias se desactivan pero los plugins siguen funcionando en su última versión. Con el tiempo van a necesitar actualizaciones; no todas son necesarias y algunas generan incompatibilidades, por eso conviene que las evalúe alguien que conozca el sitio. De eso se ocupa la asistencia web.

Para diseño usamos Figma, que permite trabajar en tiempo real con el cliente y con su equipo de desarrollo. Para animaciones, Lottie (After Effects + Bodymovin). Para imágenes, bancos premium y herramientas de generación con IA según el proyecto.

Ejemplo realizado para Onpark

8. Asistencia web: qué pasa después de publicar

Un sitio no se termina cuando se publica. WordPress, el theme y los plugins se actualizan; aparecen incompatibilidades; hay que cambiar un texto, subir un caso, agregar una sección. La asistencia web dedicada es un servicio anual que cubre:

• Actualización de plugins, theme y WordPress con licencias originales activas.
• Solución de bugs e incompatibilidades.
• Soporte técnico.
• Optimización de velocidad continua.
• Cambios de contenido ilimitados, siempre que no impliquen cambios estructurales o páginas nuevas.
• Subida de notas de blog

Es opcional, pero lo recomendamos a todo cliente que no tenga alguien técnico adentro.

9. Lo que tiene que tener un sitio web que funciona

• Que se entienda en diez segundos. Qué hacés, para quién y qué querés que haga el visitante, arriba de todo, sin scroll.
• Una acción clara por página. Contacto, demo, descarga, llamada. Un botón que se ve.
• Que cargue rápido. Cada segundo de carga pierde visitas. Imágenes comprimidas, caché, CDN, animaciones vectoriales en lugar de video.
• Que funcione en el celular. No «que se vea»: que se pueda leer, tocar y completar un formulario.
• Que Google lo pueda leer. Jerarquía de títulos, textos con intención de búsqueda, metadatos, indexación, sitemap.
• Que muestre pruebas. Casos, clientes, resultados, testimonios. Un sitio sin pruebas es una promesa.
• Que lo puedas actualizar. Si para cambiar un precio necesitás un programador, el sitio va a quedar viejo.
• Que esté conectado. Formularios al CRM, analítica, píxeles. Si no medís, no sabés si funciona.
• Que sea seguro. Licencias originales, actualizaciones, backups, SSL.

10. Qué definir antes de empezar

Todo esto lo resolvemos en el brief, pero si llegás con estas cosas pensadas, el proyecto arranca más rápido:

1. Objetivo del sitio. Generar consultas, vender, posicionar, presentar a inversores, dar soporte. Uno principal.
2. Funcionalidades. Formularios, integración con CRM, automatizaciones, área de descargas, blog, casos con filtros, bolsa de trabajo, multi idioma, chat.
3. Páginas. Un listado tentativo. No hace falta que esté bien; lo ajustamos en el sitemap.
4. Material. Manual de marca, logo en vectores, fotos, videos, textos existentes, accesos al sitio actual y al hosting.
5. Quién decide. Una persona que aprueba cada etapa.
6. Qué stack usa tu equipo (si lo tenés): define si conviene modalidad Figma o WordPress.

Desarrollo web para Chile y Argentina para Magnetic cash

11. Errores comunes al hacer una web

• Empezar por el diseño. Sin brief ni sitemap, el diseño se rehace tres veces. La estructura va antes que el color.
• Escribir los textos al final. El copy define el diseño, no al revés. Un diseño con «lorem ipsum» se rompe cuando llega el texto real.
• Querer todas las páginas posibles. Un sitio de 30 páginas que nadie mantiene pierde contra uno de 8 que se actualiza.
• Rediseñar sin redirecciones. Se cambian las URLs y se pierde todo el posicionamiento ganado en años. Se mapea cada URL vieja a la nueva antes de publicar.
• Plugins sin licencia. Lo más barato hoy y lo más caro cuando hackean el sitio.
• No pensar el celular desde el principio. Diseñar solo desktop y «adaptar después» da un mobile que no se usa.
• Mostrar el producto con capturas de pantalla reales. Quedan viejas con la próxima versión. Se recrean en diseño o se animan.
• Publicar sin medición. Sin Analytics, Search Console y formularios conectados, no sabés qué pasa.
• No tener un tomador de decisiones. Cinco personas opinando por etapa duplica el plazo.
• Contratar hosting sin criterio. El más barato suele ser el más lento. Lo vemos en el bloque 12.
• Publicar y olvidarse. Sin actualizaciones ni backups, el sitio se rompe solo en seis meses.

12. Hosting: qué es, tipos y cuál te conviene

El hosting es donde vive tu sitio: el servidor que guarda los archivos y los sirve cuando alguien entra. Lo contratás a tu nombre (nunca al nuestro, para que el sitio sea tuyo), y nosotros te asesoramos y lo configuramos. La velocidad y la estabilidad del sitio dependen en buena parte de esta decisión.

Tipos

• Compartido: varios sitios en el mismo servidor. Económico, para sitios chicos con poco tráfico. Limitado en rendimiento.
• WordPress administrado: optimizado para WordPress, con actualizaciones automáticas, soporte específico y compatibilidad con plugins. Es nuestra recomendación por defecto para sitios corporativos.
• VPS: un servidor físico dividido en entornos virtuales con recursos propios. Más control y rendimiento. Para sitios medianos con tráfico o integraciones.
• Dedicado: un servidor exclusivo. Para sitios grandes con requisitos específicos.
• Nube: el sitio distribuido en varios servidores interconectados, escalable según demanda. Para proyectos grandes o con picos de tráfico.

Qué recomendamos

Para la mayoría de las empresas: hosting WordPress administrado con SSL incluido, backups automáticos y servidores cercanos a tu público. Trabajamos seguido con Hostinger.

13. Dominio: qué es, cómo elegirlo y cómo registrarlo

El dominio es la dirección de tu sitio: lo que va después del www. Se compone del nombre (la parte que elegís) y la extensión (.com, .com.ar, .org). Suele coincidir con el nombre de la marca, y es la firma digital de tu empresa: aparece en la web, en el mail y en toda la comunicación.

Cómo elegirlo

• Corto y simple: fácil de escribir y recordar, sin símbolos ni complicaciones ortográficas.
• Con el nombre de la marca: si no está disponible, el nombre más el rubro.
• Sin conflicto con marcas registradas: verificar antes de comprar.
• La extensión según el mercado: .com.ar si vendés en Argentina, .com si vendés afuera o en varios países, y un dominio por país si operás en varios (como BGH en Argentina y Chile). Muchas empresas registran varios y redirigen.

Cómo se registra

Se compra en un registrador (GoDaddy, Hostinger, NIC Argentina para .com.ar o CDmon que es el que más utilizamos) por uno o más años, con datos de contacto y pago, y se renueva antes de vencer. Te acompañamos en el proceso, pero el dominio se registra a tu nombre: es un activo de tu empresa. Activá la renovación automática; perder el dominio por olvido es más común de lo que parece.

Dominio y URL no son lo mismo

El dominio es la dirección base (wasd.com.ar). La URL es la dirección completa de una página específica, con protocolo y ruta (https://wasd.com.ar/servicios/desarrollo-web/).

Ejemplo de realización web para Leaf.

14. Plugins: qué son y cuáles usamos según el sitio

Un plugin es un módulo que agrega una función a WordPress sin programarla desde cero: formularios, SEO, seguridad, idiomas, galerías. Bien elegidos, ahorran tiempo y dinero; mal elegidos o sin licencia, son la principal puerta de entrada a problemas.

• SEO: gestión de títulos, meta descripciones, sitemap, URLs. Usamos Rank Math o Yoast Seo.
• Formularios, automatizaciones e integración con CRM: Fluent Forms Pro, conectado a HubSpot, Notion, Google Sheets o el CRM que uses, con derivaciones y respuestas automáticas.
• Seguridad: firewall, detección de malware, límite de intentos de acceso. Solid Security.
• Velocidad: caché y CDN. LiteSpeed y Cloudflare. Más compresión de imágenes a .webp.
• Multi idioma: Polylang, con las traducciones cargadas desde el panel.
• Animaciones: Motion Page y reproducción de Lottie.
• Redes sociales: feeds embebidos y botones de compartir, cuando aportan y no cuando frenan la carga.

La regla: pocos plugins, todos con licencia, todos necesarios. Cada plugin extra es más peso y más superficie de riesgo.

15. Glosario

• Brief: documento inicial con contexto, objetivos, públicos y material de la empresa.
• Buyer persona: perfil del cliente ideal al que le habla el sitio.
• Benchmark: análisis de los sitios de la competencia.
• Sitemap: estructura de páginas del sitio y cómo se conectan. También, el archivo XML que se le entrega a Google.
• Arquitectura de la información: cómo se organiza y jerarquiza el contenido.
• Wireframe: boceto en gris de una página que define ubicación y jerarquía sin diseño visual.
• Copywriting: redacción de los textos del sitio con intención comercial y de búsqueda.
• UI (interfaz de usuario): el diseño visual final de cada pantalla.
• UX (experiencia de usuario): cómo se usa y se siente el sitio.
• Sistema de diseño: conjunto de colores, tipografías, componentes y reglas reutilizables.
• Prototipo: versión navegable del diseño, sin programar.
• Handoff: entrega del diseño al equipo de desarrollo.
• Lottie: formato de animación vectorial liviana que se reproduce en la web sin video.
• Responsive: diseño que se adapta a cada tamaño de pantalla.
• Mobile-first: diseñar primero para celular y después para pantallas grandes.
• CMS: sistema de gestión de contenidos. WordPress es el más usado.
• Divi: constructor visual para WordPress.
• Plugin: módulo que agrega una función a WordPress.
• Automatización: acción que el sitio ejecuta solo cuando pasa algo (un formulario enviado, un CV cargado).
• Hosting: servidor donde se aloja el sitio.
• Dominio: dirección del sitio.
• SSL: certificado que cifra la conexión (el candado en el navegador).
• CDN: red de servidores que entrega el sitio desde el más cercano al visitante.
• WPO: optimización de velocidad y rendimiento del sitio.
• SEO técnico / on page: configuración del sitio para que Google lo lea e indexe bien.
• Redirección 301: aviso permanente de que una URL cambió, para no perder posicionamiento.