{"id":2762,"date":"2023-01-16T16:23:29","date_gmt":"2023-01-16T14:23:29","guid":{"rendered":"https:\/\/davidlozano.pro\/?p=2762"},"modified":"2023-01-16T16:23:29","modified_gmt":"2023-01-16T14:23:29","slug":"cuanto-cuesta-una-pagina-web","status":"publish","type":"post","link":"https:\/\/davidlozano.pro\/en\/cuanto-cuesta-una-pagina-web\/","title":{"rendered":"\u00bfCu\u00e1nto cuesta una p\u00e1gina web hecha a medida?"},"content":{"rendered":"<p>Al solicitar presupuestos para desarrollar una p\u00e1gina web, es com\u00fan encontrar grandes diferencias entre uno y otro. Puede ser tentador pensar que alguno de ellos est\u00e1 tratando de enga\u00f1arnos, pero esto no es necesariamente el caso. <\/p>\n\n\n\n<p>La realidad es que el costo de una p\u00e1gina web puede variar dependiendo de muchos factores, al igual que cuando se compra una casa o un coche. <\/p>\n\n\n\n<p>Algunos de estos factores pueden incluir la ubicaci\u00f3n, los metros cuadrados, la calidad de los acabados, el dise\u00f1o, y si incluye extras como trasteros o plazas de estacionamiento. <\/p>\n\n\n\n<p>Aunque puede ser dif\u00edcil obtener un precio espec\u00edfico<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Hablemos de p\u00e1ginas web profesionales dise\u00f1adas a medida&#8230; y del resto<\/h2>\n\n\n\n<p>Hay muchos tipos de p\u00e1ginas web, pero vamos a centrarnos en aquellas que est\u00e1n dise\u00f1adas para generar resultados, negocio, dinero, pasta, cash, clientes, facturaci\u00f3n.<\/p>\n\n\n\n<p>Ya me entiendes.<\/p>\n\n\n\n<p>Para tener un sitio web est\u00e1tico y bonito existen plataformas como EditorX, Wix, Squarespace, Carrrd y similares. <\/p>\n\n\n\n<p>Aqu\u00ed te hablo de un proceso m\u00e1s completo, manual y artesano.<\/p>\n\n\n\n<p>Este incluye un an\u00e1lisis previo y una soluci\u00f3n adaptada a los objetivos del negocio. Es m\u00e1s, incluso las webs m\u00e1s econ\u00f3micas deber\u00edan cumplir estas premisas, de lo contrario, estar\u00edas desperdiciando tu dinero.<\/p>\n\n\n\n<p>Pero claro, esto cuesta dinero.<\/p>\n\n\n\n<p>Me centrar\u00e9 en el dise\u00f1o de p\u00e1ginas web en WordPress, ya que es el gestor de contenido utilizado por el 30% de todas las webs en el mundo. WordPress es una plataforma flexible y est\u00e1 constantemente actualizada, adem\u00e1s cuenta con una gran comunidad de profesionales que est\u00e1n desarrollando productos (plugins, hostings especializados, plantillas, etc) para ampliar sus prestaciones.<\/p>\n\n\n\n<p>Antes de crear tu p\u00e1gina web, es importante reflexionar sobre <strong>c\u00f3mo te vas a diferenciar de la competencia<\/strong>. Una buena manera de hacerlo es aplicando el <a href=\"https:\/\/davidlozano.pro\/en\/copywriting-para-web\/\" data-type=\"post\" data-id=\"2673\">copywriting en tu p\u00e1gina web<\/a>. Esto te garantiza que tu contenido es \u00fanico, exclusivo y ataca directamente a los deseos y necesidades de tu cliente ideal. <\/p>\n\n\n\n<h2 class=\"wp-block-heading\">\u00bfQu\u00e9 factores afectan al precio final de una p\u00e1gina web?<\/h2>\n\n\n\n<p>Muchos.<\/p>\n\n\n\n<p>De hecho, cuando un cliente me pide un presupuesto, le pregunto muchas cosas. Y sin responder a estas preguntas, no hay presupuesto posible.<\/p>\n\n\n\n<p><strong>Si me quedo corto<\/strong>, el proyecto no es rentable para m\u00ed y me arriesgo a incumplir los plazos de entrega.<\/p>\n\n\n\n<p>Por el contrario, si le pongo un precio m\u00e1s alto del que debe a la web, puedo perder el proyecto o peor a\u00fan, <strong>entregar algo de valor inferior <\/strong>respecto lo que ha pagado el cliente.<\/p>\n\n\n\n<p><strong>Estos son los factores que m\u00e1s influyen en el precio de una web:<\/strong><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">#1 Dise\u00f1o nuevo o redise\u00f1o de web existente<\/h3>\n\n\n\n<p>Hay una enorme diferencia entre ellos.<\/p>\n\n\n\n<p>Aparentemente, el redise\u00f1o es m\u00e1s f\u00e1cil, ya que suele implicar solo un lavado de cara est\u00e9tico. <\/p>\n\n\n\n<p>Pero no siempre es as\u00ed. <\/p>\n\n\n\n<p>Muchos proyectos que me llegan son de pymes que tienen webs con m\u00e1s de 15 URL&#8217;s, m\u00faltiples entradas en el blog, funcionalidades personalizadas o altos vol\u00famenes de tr\u00e1fico.<\/p>\n\n\n\n<p>El tr\u00e1fico es cr\u00edtico.<\/p>\n\n\n\n<p><strong>Perder tr\u00e1fico significa perder dinero. <\/strong><\/p>\n\n\n\n<p>Esto implica tener que realizar una <strong>auditor\u00eda SEO completa<\/strong> para determinar qu\u00e9 p\u00e1ginas tienen visitas, c\u00f3mo mantenerlas, realizar las redirecciones pertinentes y no perder enlaces entrantes.<\/p>\n\n\n\n<p><strong>\u00bfY si partimos de cero?<\/strong><\/p>\n\n\n\n<p>Si empezamos con un <em>lienzo en blanco<\/em>, las tareas de planificaci\u00f3n son mucho mayores. Hay muchas y no voy a nombrarlas todas, pero las m\u00e1s destacadas son:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Definici\u00f3n de los objetivos de la web y de cada URL<\/li>\n\n\n\n<li>Dise\u00f1o del sitemap o mapa del sitio (arquitectura web)<\/li>\n\n\n\n<li>Estudio de palabras clave<\/li>\n\n\n\n<li>Cantidad de contenido (texto, grafismo e im\u00e1genes)<\/li>\n\n\n\n<li>Maquetaci\u00f3n del moodboard o panel de inspiraci\u00f3<\/li>\n\n\n\n<li>Revisi\u00f3n del branding y el UI kit<\/li>\n\n\n\n<li>Dise\u00f1o de la web en Figma (prototipado)<\/li>\n\n\n\n<li>Programaci\u00f3n de la web y lanzamiento <\/li>\n<\/ul>\n\n\n\n<p>Cuando tenemos la libertad de crear lo que queremos, es clave delimitar el n\u00famero de revisiones, ce\u00f1irse a los objetivos y cumplir los plazos de entrega.<\/p>\n\n\n\n<p>Sin esto, es f\u00e1cil caer en el s\u00edndrome del perfeccionismo. <\/p>\n\n\n\n<h3 class=\"wp-block-heading\">#2 Requisitos t\u00e9cnicos y funcionalidades<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Uno o varios idiomas:<\/strong> La traducci\u00f3n autom\u00e1tica es muy r\u00e1pida de implementar, pero no tiene efectos sobre el SEO y puede generar problemas de lectura (malas traducciones, expresiones raras, etc).  Por otro lado, una traducci\u00f3n manual es m\u00e1s lenta y costosa debido a la necesidad de contratar un traductor, licencias adicionales de plugins de traducci\u00f3n, tiempo en implementaci\u00f3n, mantenimiento a largo plazo y un largo etc\u00e9tera.<\/li>\n\n\n\n<li><strong>Funcionalidades<\/strong>: Una p\u00e1gina web est\u00e1tica con informaci\u00f3n b\u00e1sica tendr\u00e1 un costo menor que una web con caracter\u00edsticas avanzadas como la capacidad de publicar diferentes tipos de contenido, procesar pagos o integrarse con otras aplicaciones.<\/li>\n\n\n\n<li><strong>Contenido espec\u00edfico<\/strong>: La necesidad de contenido espec\u00edfico como custom post types puede aumentar el costo de la p\u00e1gina web.<\/li>\n\n\n\n<li><strong>Comercio electr\u00f3nico<\/strong>: La capacidad de vender productos f\u00edsicos o digitales en l\u00ednea requiere caracter\u00edsticas adicionales como pasarelas de pago y cat\u00e1logos de productos, lo que aumenta el coste. Tambi\u00e9n hay que a\u00f1adir el asesoramiento que suele tener que recibir el cliente a la hora de pedir la activaci\u00f3n del TPV Virtual con su banco habitual.<\/li>\n\n\n\n<li>I<strong>ntegraci\u00f3n con otras aplicaciones de terceros:<\/strong> El requerimiento de conectarse con plataformas de email marketing, automatizaciones o plataformas de v\u00eddeo aumenta el coste de la web.<\/li>\n\n\n\n<li><strong>Zonas privadas y contenido restringido:<\/strong> El requerimiento de un \u00e1rea privada restringida a solo usuarios registrados tambi\u00e9n aumenta el coste global del proyecto.<\/li>\n<\/ul>\n\n\n\n<p>Como puedes ver, el precio final de una p\u00e1gina web depender\u00e1 (en gran medida) de las funcionalidades y caracter\u00edsticas espec\u00edficas requeridas, y puede variar ampliamente dependiendo de las necesidades del cliente.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">#3 N\u00famero de p\u00e1ginas y secciones<\/h3>\n\n\n\n<p>Este punto es una obviedad, pero hace falta mencionarla. Existen dos t\u00e9rminos importantes a la hora de dimensionar una p\u00e1gina web. Las secciones y el n\u00famero de p\u00e1ginas.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>P\u00e1ginas<\/strong> &#8211; Cada URL es una p\u00e1gina independiente. Por ejemplo, una web est\u00e1ndar tiene 5 p\u00e1ginas pilar (Portada, Servicios, Empresa, Blog y Contacto) y las adicionales (Aviso legal, Privacidad, Cookies, Error 404).<\/li>\n\n\n\n<li><strong>Secciones<\/strong> &#8211; Dentro de una p\u00e1gina (por ejemplo, la portada) se suelen incluir 5 secciones o bloques que resumen &#8220;qu\u00e9 hay en esta web de inter\u00e9s&#8221; para el usuario. Una estructura t\u00edpica ser\u00eda la portada (above the fold), los beneficios, los servicios, los testimonios y el formulario de contacto.<\/li>\n<\/ul>\n\n\n\n<p>Un ejemplo real de <strong>web compleja<\/strong> con 3 niveles de profundidad y m\u00e1s de 40 URL&#8217;s. Como podr\u00e1s imaginar, su coste no es precisamente bajo.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"996\" src=\"https:\/\/davidlozano.pro\/wp-content\/uploads\/2023\/01\/cuanto-vale-web-a-medida-profesional.jpg\" alt=\"cuanto vale una web profesional a medida\" class=\"wp-image-2770\" srcset=\"https:\/\/davidlozano.pro\/wp-content\/uploads\/2023\/01\/cuanto-vale-web-a-medida-profesional.jpg 1000w, https:\/\/davidlozano.pro\/wp-content\/uploads\/2023\/01\/cuanto-vale-web-a-medida-profesional-300x300.jpg 300w, https:\/\/davidlozano.pro\/wp-content\/uploads\/2023\/01\/cuanto-vale-web-a-medida-profesional-150x150.jpg 150w, https:\/\/davidlozano.pro\/wp-content\/uploads\/2023\/01\/cuanto-vale-web-a-medida-profesional-768x765.jpg 768w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><figcaption class=\"wp-element-caption\">Arquitectura web de tipo SILO dise\u00f1ado en Figma. El cliente tiene el objetivo de posicionarse como referente en su sector y adopta una estrategia SEO de largo plazo.<\/figcaption><\/figure>\n<\/div>\n\n\n<p>Cada vez son m\u00e1s habituales las <strong>webs monop\u00e1gina<\/strong> (onepage) y las <strong>p\u00e1ginas de aterrizaje<\/strong> (landing page) que simplifican mucho la navegaci\u00f3n al usuario y se utilizan para vender un servicio o validar una idea de negocio. Estas pueden ser muy cortas y r\u00e1pidas de dise\u00f1ar, o muy largas y con muchas secciones.<\/p>\n\n\n\n<p>Decir que &#8220;la web ser\u00e1 barata, ya que solo es una landing&#8221; es adoptar un punto de vista muy limitado.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">#4 Dise\u00f1o a medida, plantillas y frameworks<\/h3>\n\n\n\n<p>No soy amigo de las plantillas.<\/p>\n\n\n\n<p>La experiencia me demuestra que no son mejores en casi ning\u00fan aspecto. Incluso ni en la velocidad a la hora de implementarlas. El tiempo que requiere &#8220;entender&#8221; una plantilla acaba siendo mucho mayor del que uno espera. <\/p>\n\n\n\n<p>Por eso, lo hago todo a medida.<\/p>\n\n\n\n<p>Primero, hay que diferenciar las <strong>webs basadas de c\u00f3digo abierto como WordPress<\/strong>, y <strong>sistemas cerrados de pago por uso (SaaS)<\/strong> como <em>Webflow<\/em>, <em>Shopify<\/em> o <em>Squarespace<\/em>.<\/p>\n\n\n\n<p>Prefiero la opci\u00f3n de WordPress, ya que podemos controlar el 100% del dise\u00f1o y sus opciones de personalizaci\u00f3n son casi ilimitadas.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u00bfQuieres hacer una web presencial? La puedes hacer.<\/li>\n\n\n\n<li>\u00bfQuieres hacer una academia online? Adelante<\/li>\n\n\n\n<li>\u00bfQuieres vender cursos o productos? Tambi\u00e9n lo hace<\/li>\n\n\n\n<li>\u00bfNecesitas una intranet para tus empleados? Sin problema<\/li>\n<\/ul>\n\n\n\n<p>Igualmente, podemos dividir los dise\u00f1os en 3 grandes categor\u00edas.<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Desarrollo a medida<\/strong>: consiste en crear el dise\u00f1o en WordPress completamente desde cero. Es la opci\u00f3n m\u00e1s cara, ya que requiere m\u00e1s tiempo en la mayor\u00eda de procesos. Habitualmente se necesitan dos personas para esta tarea: un dise\u00f1ador web visual y un programador. <\/li>\n\n\n\n<li><strong>Dise\u00f1o basado en una plantilla:<\/strong> consiste en utilizar una plantilla pre-dise\u00f1ada y adaptarla a los contenidos del sitio web y a tu identidad corporativa. Esto permite crear una web de forma r\u00e1pida, pero tambi\u00e9n tiene limitaciones en cuanto al dise\u00f1o y normalmente no queda tan atractiva como la demo que viste al comprar la plantilla. <br><br>Esto pasa por varios motivos, pero los habituales son que <strong>no se utilizan fotograf\u00edas de alta calidad<\/strong> y que respeten la gama crom\u00e1tica del resto de la web y que <strong>la extensi\u00f3n de los textos son incorrectos<\/strong>: no llenan o exceden el espacio marcado por el dise\u00f1ador.<br><\/li>\n\n\n\n<li><strong>Dise\u00f1o basado en un framework<\/strong>: un <em>framework<\/em> te permite crear un sitio web a partir de una estructura predefinida b\u00e1sica y ligera. El <em>framework<\/em> es el cimiento del edificio y se puede customizar seg\u00fan cada caso. Esta es una opci\u00f3n permite ofrecer dise\u00f1os a medida sin tener que desarrollar el c\u00f3digo desde cero, lo que acelera el proceso y reduce la inversi\u00f3n en desarrollo. Uno de loas m\u00e1s populares (y que he usado en muchos proyectos) es <em>GeneratePress<\/em>.<\/li>\n<\/ol>\n\n\n\n<h3 class=\"wp-block-heading\">#5 Estrategia de ventas, SEO y copywriting<\/h3>\n\n\n\n<p>El santo grial.  La tr\u00edada del \u00e9xito.<\/p>\n\n\n\n<p>Seamos sinceros, <a href=\"https:\/\/davidlozano.pro\/en\/paginas-web-fracasan\/\" data-type=\"post\" data-id=\"2739\">la mayor\u00eda de p\u00e1ginas web fracasan<\/a> por no tener este punto resuelto.<\/p>\n\n\n\n<p>Si tu objetivo es vender o tener una web que genere negocio, no puedes prescindir de ellos.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Estrategia de ventas:<\/strong> Toda p\u00e1gina web tiene un objetivo comercial. Ya sea captar tr\u00e1fico para ofrecer un servicio, vender un producto o generar una reuni\u00f3n. Si no definimos el objetivo comercial, es imposible redactar el contenido pensando en nuestro p\u00fablico objetivo. Y esto nos lleva al mundo del posicionamiento web.<\/li>\n\n\n\n<li><strong>Estrategia SEO y visi\u00f3n de largo plazo: <\/strong>Conocer bien el mercado y tu cliente permite al especialista en posicionamiento web poder realizar un estudio de palabras clave y junto al dise\u00f1ador, generar (o corregir) una estructura web para que sea lo m\u00e1s eficiente posible. <br><br>Con el paso de los meses (de 6 a 12 suele ser lo habitual) empezar\u00e1n a llegar las visitas de manera org\u00e1nica a trav\u00e9s de Google. Esto permite ser menos dependiente de la publicidad (SEM) y aprovechar el efecto bola de nieve.<\/li>\n\n\n\n<li><strong>Textos persuasivos para enamorar y vender<\/strong>: Seguro que eres consciente que la mayor\u00eda de webs tienen textos que no dicen nada. Palabras vac\u00edas, sin sentido, de relleno. Se copian los unos a los otros y esto mata las ventas. Si tu objetivo es vender, invierte en un buen copywriter. Su investigaci\u00f3n te dar\u00e1 informaci\u00f3n de alta calidad que podr\u00e1s aprovechar en todas tus comunicaciones (newsletter, redes sociales, p\u00e1gina web, etc).<\/li>\n<\/ul>\n\n\n\n<p>Llegados hasta este punto&#8230; hablemos de dinero.<\/p>\n\n\n\n<p>Cash. Money. Inversi\u00f3n.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">\u00bfCu\u00e1nto cuesta una p\u00e1gina web en WordPress en 2023?<\/h2>\n\n\n\n<p>Aqu\u00ed te doy algunos precios orientativos para que tengas una idea de lo que puede costar una p\u00e1gina web:<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Web b\u00e1sica presencial<\/h3>\n\n\n\n<p>Que incorpore un blog y formulario de contacto puede costar a partir de los 1000 euros si se crea a partir de una plantilla. Sin embargo, si el dise\u00f1o est\u00e9tico es a medida o lo encargas a una agencia de marketing casi seguro, el precio se incrementar\u00e1. Ten en cuenta el n\u00famero de p\u00e1ginas.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Web con funcionalidades avanzadas<\/h3>\n\n\n\n<p>Un proyecto web con funcionalidades espec\u00edficas, como un \u00e1rea privada, posibilidad de publicar diferentes tipos de contenido o integraciones con aplicaciones externas, puede costar alrededor de 3.000 euros. <\/p>\n\n\n\n<p>Una <strong>tienda online b\u00e1sica<\/strong> con pocos productos parte de 2.500 euros si se dise\u00f1a con WooCommerce. En el caso de ser con Shopify, el precio podr\u00eda ser menor, ya que esta plataforma simplifica mucho las cosas. Ten en cuenta que el precio no suele incluir el trabajo de subir el cat\u00e1logo de productos a la web (y si lo incluye, estar\u00e1 limitado a un n\u00famero de productos o categor\u00edas espec\u00edficas).<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Dise\u00f1o web a medida y con estrategia<\/h3>\n\n\n\n<p>Si se trata de una web 100% a medida, independientemente de su nivel de funcionalidad t\u00e9cnica y que incluya un m\u00ednimo de estrategia de ventas, f\u00e1cilmente partir\u00e1 de los 6.000 euros.<\/p>","protected":false},"excerpt":{"rendered":"<p>Las hay de 300\u20ac y de 20.000\u20ac. A efectos pr\u00e1cticos son lo mismo, pero no rinden igual. Aqu\u00ed entender\u00e1s el motivo por el que un profesional del dise\u00f1o web te puede cobrar mucho m\u00e1s (o menos) y qu\u00e9 factores influen en el precio. <\/p>","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[4],"tags":[],"class_list":["post-2762","post","type-post","status-publish","format-standard","hentry","category-wordpress"],"acf":[],"_links":{"self":[{"href":"https:\/\/davidlozano.pro\/en\/wp-json\/wp\/v2\/posts\/2762","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/davidlozano.pro\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/davidlozano.pro\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/davidlozano.pro\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/davidlozano.pro\/en\/wp-json\/wp\/v2\/comments?post=2762"}],"version-history":[{"count":0,"href":"https:\/\/davidlozano.pro\/en\/wp-json\/wp\/v2\/posts\/2762\/revisions"}],"wp:attachment":[{"href":"https:\/\/davidlozano.pro\/en\/wp-json\/wp\/v2\/media?parent=2762"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/davidlozano.pro\/en\/wp-json\/wp\/v2\/categories?post=2762"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/davidlozano.pro\/en\/wp-json\/wp\/v2\/tags?post=2762"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}