You are on page 1of 55

Cmo hacer presupuestos para Diseo Web

Muchas veces la parte ms difcil del diseo web es hacer las cotizaciones para nuestros futuros clientes,
es decir, elaborar el presupuesto para el proyecto en cuestin que nos hayan encargado.
Y no se trata de dar cotizaciones as nada ms, debemos hacerlo de la manera ms efectiva y rentable.
Los mtodos para fijar precios son muchos, por ahora veremos un mtodo para cobrar por proyecto qu es
el ms extendido en este momento.

4 pasos para fijar precios de manera efectiva de un diseo web.


Determina tu salario por hora
Es importante determinar un salario por hora, para esto existe esta simple frmula.
(Costos + Salario) Horas trabajadas por ao = Salario por hora
Para usar esta frmula por ejemplo si t quieres ganar $60,000 dlares al ao, y gastas $10,000 al ao por
ejemplo en hosting, stock de fotografas y videos, fuentes, etc., y trabajas normalmente 40 horas
semanales (2,000 horas al ao), entonces tu salario por hora debe ser de (10,000 + 60,000) 2,000 =
$35/hr. esto es lo que debes usar cmo gua para fijar los precios de los proyectos.

Fija tus precios base para determinados tipos de proyecto


Por ejemplo si eres un diseador web que ofreces los servicios de diseo y codificacin, tu lista de
servicios sera algo parecida a esta:

Diseo de Logotipo
Diseo de sitio web (diseo solamente en formato .psd)
Diseo de sitio web (diseo + codificacin en xHTML+CSS, menos de 7 pginas)
Creacin de un skin ara un foro (diseo solamente en formato .psd)
Diseo de blog (diseo + codificacin en un theme de WordPress)

Ahora que tenemos nuestra lista de servicios, debemos determinar un nivel de complejidad para cada uno,
que puede ir desde 1 hasta 5 para el ms complejo, si para ti es ms fcil disear un logotipo puedes
asignarle un 1 (1.1) en el nivel de complejidad y si hacer un theme de wordpress es ms difcil puedes
asignarle un 5 (1.5). La frmula es la siguiente:
(Salario por hora x Tiempo estimado para terminar) x nivel de complejidad = Precio base
Por ejemplo vamos a crear el diseo de un sitio web + la codificacin. El nivel de complejidad vamos a
ponerlo en 3. Esto quedara as: ($35 x 15 horas) x 1.3 = $682.5. Ahora solo tenemos que redondear la
cantidad por ejemplo %650 est bien.

Fijar precios para caractersticas adicionales


Nunca falta el cliente que a la mitad del proyecto se le ocurre pedir una caracterstica adicional,
ya sea desde un sistema de login hasta una presentacin en flash (Dios nos libre de esto), para

determinar el precio sigues el mismo procedimiento que para el punto anterior. Esto hay que
tenerlo muy en cuenta a la hora de facturar un diseo web.

Fijar precios para el trabajo externo (outsourcing)


Algo que debemos tener en cuenta a la hora de hacer una cotizacin es conocer nuestros lmites,
no le vamos a decir a nuestro cliente que podemos hacer las mil maravillas y a la hora de la
entrega del trabajo decirle que no pudimos, no hay algo ms embarazoso, una buena prctica para
cotizar el trabajo externo es utilizar la siguiente frmula:
(Cotizacin del contratista externo x 1.10) = Precio
Bsicamente es aumentar el 10% al costo de la cotizacin externa.
Ms en 4 Steps To Effective Web Design Pricing

Facturar un diseo web sin ser autnomo


Resumen: Qu puedes hacer si necesitas emitir una factura como persona fsica sin ser trabajador
autnomo cumpliendo la legalidad vigente.

Hagmonos una composicin de lugar: tienes tu trabajo estable, o incluso no lo tienes, pero
resulta que programas o diseas pginas web en tus ratos libres y cobras por ello (al menos lo
intentas). Siempre lo has hecho de estrangis y te ha ido bien: algo de dinerito extra de vez en
cuando. Pero un buen da llega un encargo chulo. Muy chulo econmicamente hablando. La
nica pega es que es una empresa que quiere que le hagas una factura. Tienes las aptitudes y
conocimientos sobrados para hacerlo. Pero sin embargo oyes la palabra factura y un escalofro
recorre tu espalda. Con mucho dolor y pena les dices que no puedes facturarles. Y pierdes el
encargo.
Ei! Espera un momento! S puedes facturarles.
Si me lo permites voy a explicarte por qu y cmo.
Intentar explicar qu puedes hacer si necesitas emitir una factura como persona fsica sin ser
trabajador autnomo cumpliendo escrupulosamente la legalidad vigente.
DISCLAIMER
La informacin que a continuacin verter en estas lneas ha sido recabada por m mismo
consultando directamente a la Agencia Tributaria y a la Seguridad Social en Espaa. En todo
caso se trata de orientaciones de carcter general y las administraciones debern estudiar cada
caso concreto puesto que, aunque situaciones similares puedan parecer anlogas, es posible que
su tratamiento en las Administraciones Pblicas resulte distinto del aqu expuesto.
Hay mucha literatura, tal vez demasiada, acerca de las obligaciones fiscales y de seguridad social
de los diseadores freelance. Y a partes iguales ignorancia y miedo a cometer una infraccin
fiscal o administrativa. Pero no es tan fiero el len como lo pintan.

Obligaciones ante la Seguridad Social


El bulo ms extendido apunta a la cuestin de que para poder emitir facturas debemos estar dados
de alta en el rgimen de autnomos. Aparentemente ambas cosas no tienen una relacin directa.
Sin embargo, y aunque la regla general es que s, nuestra respuesta para el caso que nos ocupa es
NO. Con matices.
El RETA establece que se entender como trabajador autnomo aqul que realiza de forma
habitual, personal y directa una actividad econmica a ttulo lucrativo. Ahora bien, para la
integracin de un trabajador en este Rgimen, se requiere que la actividad laboral realizada tenga
entidad suficiente por el tiempo de dedicacin efectuado y la contraprestacin obtenida, de tal
forma que trabajos marginales y de escasa rentabilidad quedan excluidos del Sistema de la
Seguridad Social.
Para este cmputo la Seguridad Social entiende que la cantidad de ingresos no debe alcanzar el
Salario Mnimo Interprofesional. Respecto al tiempo dedicado tambin es una cuestin de
matices. Dedicarle un par de horas por las tardes despus del trabajo no supone una dedicacin a
considerar. Dedicarle 10 horas del da s. Se trata de una cuestin de apreciacin en el caso
concreto.
Por tanto, para la realizacin de un trabajo puntual como podra ser la realizacin de una pgina
web, o un diseo, o una programacin sin tener esta actividad continuidad en el tiempo o tenerla
pero con una contraprestacin no demasiado considerable (por ejemplo, unos 100 al mes), no
sera necesario darnos de alta y cotizar.
As, y bajo las circunstancias que hemos comentado, la Seguridad Social s nos permite realizar
esta actividad econmica sin tener que cotizar por ello.
Cuestin diametralmente opuesta es la cuestin fiscal. Y es aqu donde vamos a encontrar que va
a ser el cumplimiento de nuestras obligaciones fiscales el que nos permita emitir una factura a
nuestros clientes.
Ahora trataremos el ncleo duro del asunto, esto es, nuestras obligaciones frente al fisco, que son
las que van a verse reflejadas en esta facturacin que, como ya os adelantaba, s vamos a poder
realizar.

Obligaciones ante la Agencia Tributaria


En primer lugar, la Agencia Tributaria, a travs de su nmero de informacin 901.33.55.33,
aclar otro de los bulos ms extendidos por la sabidura popular: no existe una limitacin en la
cantidad de la facturacin. Es decir, que podemos facturar, dentro de los lmites que daran origen
a las obligaciones de Seguridad Social que vimos anteriormente, aquella cantidad que deseemos,
sin que haya un tope en la emisin de facturas.
Para poder emitir una factura debemos realizar una nica gestin ante la Agencia Tributaria:
cursar el Alta Censal (modelo 036 o 037), indicando el epgrafe correspondiente a nuestra
actividad econmica. En el caso que nos ocupa, la AEAT nos indic que sera el 763. Es un
trmite gratuito que debe hacerse en la Administracin correspondiente antes de iniciar nuestra

actividad y emitir la primera factura. Tambin deberemos darnos de baja cuando decidamos cesar
nuestra actividad.
Una vez hecho nacen dos obligaciones que debemos cumplir:
1.- Declaraciones de IVA trimestrales (presentacin del modelo 300 en abril, agosto, octubre, y
enero) ingresando la cuanta correspondiente, y de IVA anual (modelo 390 en enero).
2.- Aplicacin de una retencin en las facturas emitidas en concepto de I.R.P.F., que
deberemos reflejar al realizar la declaracin de la Renta el ao siguiente, y cargo del I.V.A. sobre
el precio del servicio que prestemos.

Cmo deben ser las facturas emitidas


Las facturas emitidas tienen que cumplir 3 requisitos:

Reflejar por un lado nuestros datos como persona fsica, indicando especialmente nuestro NIF,
Deben seguir un orden (la recomendacin es que lleven una numeracin del tipo 1/2008,
2/2008, 3/2008),
Deben reflejar una retencin sobre el precio del 15% (7% el ao del inicio de la actividad y los
dos siguientes aos), y un incremento en concepto de IVA del 18%.

En esencia, estos trmites ante la AEAT son los mismos que si estuvisemos, por ejemplo,
realizando un alquiler de un local comercial de nuestra propiedad.

Conclusin
Si practicamos puntualmente nuestras retenciones y realizamos nuestras declaraciones
trimestrales y anuales de IVA, AEAT nos permite la emisin de facturas para cobrar nuestros
pequeos trabajos de diseo y programacin (lase aqu cualquier otra actividad econmica que
puntualmente podamos realizar).
Estas indicaciones reflejan la respuesta a las consultas que realic para un supuesto concreto a las
Administraciones AEAT e INSS, y puede que para otros supuestos puedan resultar inexactas, de
modo que antes de realizar cualquier tipo de facturacin o actividad que requiera de ella, debes
contactar directamente con ellos y solicitar asesoramiento para tu situacin especfica.
Me gustara concluir aclarando que mi intencin en estas dos anotaciones no ha sido en ningn
caso aleccionar a nadie sobre nada, sino plasmar la postura que, si bien discutible como todo en
Derecho, es la que en la prctica parecen aplicar las Administraciones consultadas, o al menos la
respuesta que yo he obtenido acudiendo directamente a las fuentes.
Por supuesto, os invito a que nos contis vuestras experiencias en este sentido y compartis
vuestros conocimientos prcticos sobre el asunto. Y no slo en lo tocante a diseadores web y
actividades econmicas parecidas, sino a cualquier otra actividad que hayis tenido la posibilidad
de observar por vivencias propias o por proximidad de cualquier tipo.

Cmo negociar tus tarifas de diseo web con nuevos clientes


Resumen: Exponemos formas de hacer ms sencilla la negociacin tus tarifas como diseador web con
los clientes.

Uno de los pasos que ms se pueden complicar al momento de establecer un trato o un acuerdo
laboral con un cliente, es la negociacin y establecimiento de tarifas para el pago de tu
trabajo. El simple hecho de establecer una tarifa como diseador o desarrollador freelance
representa todo un reto, si a eso le aunamos la necesidad de no ahuyentar a los clientes
potenciales, el proceso se convierte en algo intimidante.
Es comn que cada vez que inicies una negociacin con un cliente este desee bajar tus tarifas, son
pocos los que respetan tu propuesta inicial y simplemente pagan sin poner objecin, al final de
cuentas es su dinero y trabajo les cost ganarlo, por lo que es comprensible que busquen un mejor
precio, pero tambin deben entender tus necesidades y lo que estas ofreciendo. Debes de ser
firme y presentar a detalle lo que haces, lo que entregas y la calidad que imprimes en tus trabajos,
con ello hars entender el por qu de tus precios.
Cuando los clientes tratan de reducir tus tarifas es natural que te sientas incmodo, incluso
ofendido si el cliente exagera en este aspecto, esto te puede llevar al punto en el que consideres
dar marcha atrs con la negociacin por completo, pero antes de caer en esto debes tener
serenidad y saber establecer los puntos a tu favor de manera correcta.
Al ser diseador freelance debes considerar a la negociacin como una actividad comn en
tu itinerario, recuerda que los clientes siempre tratarn de regatear en caso de que haya una
oportunidad de conseguir un mejor precio, por lo que no debes caer en la desesperacin, no debes
expresarte enojado o manifestar que te sientes mal valorado porque el cliente puede tomar esto
mal. Por nada del mundo ignores al cliente en su oferta, no lo tomes a la ligera an cuando no
consideres bajar tus precios, si reafirmas tus tarifas trata de dar una explicacin clara, no lo hagas
por simple imposicin.

El valor de tu servicio es ms importante que el costo


Recuerda siempre resaltar el valor que le das al proyecto con tu servicio, los clientes siempre
estarn interesados en saber qu es lo que t puedes ofrecer, lo que tu trabajo puede producir, de
esa manera vern tu paga como algo necesario y que a futuro rendir mucho ms que la inversin
que se hizo, esto har que el cliente no te vea como un gasto ms, y una fuga de dinero que quizs
no necesite por completo. Si un cliente no est del todo convencido con lo que t haces y ofreces
ser difcil hacerlo cambiar de opinin y tratar de establecer una tarifa justa que se apegue a tu
trabajo.
Los clientes deben de ver estos pagos como una inversin, no un gasto, para ello debes demostrar
la calidad de tu trabajo y todo lo que conlleva, de igual manera exponer como puede mejorar el
negocio que actualmente posee el cliente. Debes ser seguro, y creer en lo que dices, ya que si no
confas en tus habilidades y conocimientos no podrs vender tu proyecto y el cliente
definitivamente querr bajar tus precios.

Iniciar siempre es difcil


Cuando uno empieza a trabajar como diseador web freelance el proceso de negociacin suele
ser bastante complicado, puesto que no cuentas con un portafolio muy amplio de proyectos que te
respalden. En estas situaciones es muy obvio que el cliente siempre va a buscar bajar lo ms
posible tus tarifas, escudndose en tu falta de experiencia y supuesta novatez.
En estos casos se puede optar por dar algn tipo de promocin, como dar un precio especial
para la primera entrega o hacer que el salario de nuestra primera semana de trabajo sea mucho
menor que la del resto del proyecto, de esta manera el cliente podr darse cuenta de la calidad de
nuestro trabajo y realmente valorar lo que estamos entregando.

Tarifas bajas por tiempo limitado


Al igual que el caso de la novatez que acabamos exponer, existen otras situaciones donde
podemos bajar nuestras tarifas, quizs por una urgencia de trabajo, necesidad de dinero
extra, pago de algn prstamo, etc. Sea cual sea la razn que nos incline a ello debes tener algo
bien en claro, ests tarifas deben de tener un tiempo limitado, no debemos dejar que se extiendan
ms de lo necesario.
Si la necesidad te lleva a reducir tus tarifas, debes hacerle ver al cliente que esto ser por un corto
perodo de tiempo, si es posible no ms de 3 meses. Al fijar una fecha lmite para estas tarifas
estamos protegiendo tanto nuestro presupuesto como el del cliente, ya que le permitir tomar
precauciones y planear mejor su presupuesto.
El establecimiento de un plazo de prueba, o de menor paga, permite evitar la explotacin de los
diseadores freelance por parte de los clientes, ya que si el proyecto lleva ms de cierto tiempo el
cliente se ve obligado a cumplir pagando las tarifas ms adecuadas para el proyecto que se est
realizando.

Los clientes pueden entender al diseador


Debes tener en mente que los clientes son personas como t, muchos de ellos son
empresarios y emprendedores al igual que t, por lo que llegar a un acuerdo puede resultar
ms fcil de lo que parece. No veas a tus clientes como jefes de empresa, velos como compaeros
con los cuales colaborars y trabajars en equipo, al final el objetivo es el mismo y tu trabajo
ayudar a mejorar el proceso que actualmente lleva la empresa.
Si tienes una relacin de compaerismo con el cliente, al momento de que se lleve a cabo la
entrevista, resultar ms sencillo establecer tus tarifas y que el cliente pueda entender las razones
por las que las estableces. Con esto no estamos diciendo que hagas un abuso de confianza,
siempre guarda el respeto debido y respeta las distancias que el cliente quiera establecer,
simplemente no consideres esto una entrevista de trabajo, recuerda que son dos
emprendedores hablando de negocios.
25 maneras de ser un freelancer ms efectivo

Resumen: Algunos consejos que van a ayudar a mejorar la performance como trabajador freelance.

Algunos consejos que van a ayudar a mejorar la performance como trabajador freelance, lo cual
mejorar la experiencia con el usuario y atraer a nuevos clientes en este crculo del trabajo
efectivo.
1. Trate de ver el producto o servicio que ofreces a travs de los ojos del cliente por qu
debera contratarte?
2. Ser fiables y crear credibilidad.
3. Siempre cumplir, y si es posible batiendo las fechas de entrega.
4. No realizar promesas o tener expectativas poco realistas.
5. Cuando haya problemas con un proyecto, usarlo como una ventaja.
6. Dar atencin a todos y cada uno de los clientes, que los haga sentir nico y especial.
7. Construir una relacin ms personal con el cliente (aunque no demasiado personal).
8. No dejar al cliente en la oscuridad (slo se necesita un minuto para enviar un e-mail)
9. Hacer preguntas para poder entender mejor el proyecto y estar a la altura de las
expectativas
10. Obtener informacin de sus clientes para que pueda mejorar sus servicios y productos
11. Tener un sitio web sencillo y de fcil navegacin para ofrecer tus servicios de forma clara
y que los no-tcnicamente instruidos pueden a llegar a vos.
12. Reconocer sus clientes y mostrar el reconocimiento
13. S rpido en respuesta a los mensajes de correo electrnico y mostrar mayor respeto
14. Si usted tiene una reunin con un cliente, ya sea por telfono, en mensajes instantneos o
en persona, llegar temprano.
15. Si es posible reunir la mayor cantidad de informacin acerca de su cliente como sea
posible de modo que muestre que est bien preparado
16. No hay necesidad de centrarse en los problemas, hay que centrarse en la bsqueda de
soluciones
17. Ofrecer diferentes paquetes y ofertas (ejemplo: 3 paquetes, de bronce, plata y oro)
18. Deje que su trabajo hable por usted Ha ganado un premio de diseo? Tienes tu sitio
en alguna galera? Tienes entrevistas realizadas?
19. D a sus clientes lo que quiere todo ser humano: la amistad, el respeto, el reconocimiento,
la preocupacin, la fiabilidad y siempre mantiene tus promesas
20. Dele a su negocio una personalidad independiente, as que los clientes vern que usted y/o
su empresa como nica y amigable
21. No importa el valor de su servicio o producto para usted, el valor tiene que ser para el
cliente
22. Enviar breves mensajes de correo electrnico a tus clientes anteriores de vez en cuando a
fin de estar en contacto
23. Cuando el cliente pide pequeas cosas que hay que hacer, hay que hacerlas. Son tan
importantes como las grandes cosas.
24. No intimidarse si obtiene un alto perfil de cliente, esta persona o empresa le ofrece un
puesto de trabajo porque piensa que vale la pena su tiempo y dinero. Eso es muy buena
seal!
25. Lo ms importante que tenemos que lograr es que cada cliente puede convertirse en
nuestra mayor referencia, sin la creacin de un sistema de afiliacin. Si seguimos los
consejos anteriores, es probable que nuestros clientes nos referiremos a los dems. No hay
mejor forma de aumentar nuestro negocio que convirtiendo a nuestros clientes en
evangelistas.

20 reglas de desarrollo web elegante


Resumen: Vitaly Friedman, autor de uno de los blogs ms populares de diseo web, comparte su
experiencia escribiendo 20 Reglas del Desarrollo Web.

Vitaly Friedman, autor de uno de los blogs ms populares de diseo web, comparte su
experiencia escribiendo 20 Reglas del Desarrollo Web, que debemos tener en cuenta y que nos
ayudarn a no cometer los errores que probablemente ya hayamos cometido.
Bsicamente, estas 20 Reglas de Desarrollo Web Elegante y Acertado son mi pico personal de las
principales ideas y conceptos, que podran mejorar la calidad y la popularidad de sus sitios web y
proporcionar un buen fundamento para su acertado desarrollo en el futuro.
1. Respete a sus visitantes. No trate de forzarlos a leer el contenido de sus pginas web.
Djeles escoger y decidir lo que ellos quieren leer. Cul sera su reaccin ante una
docena de pop-ups y bloques de publicidad?
2. La mala publicidad es mala. Los bloques de publicidad podran mejorar su rdito por un
momento, pero, en una carrera larga, ellos no harn acertado a su sitio web. De hecho,
usted no ganar respeto ni explorar el potencial que usted y sus proyectos podran tener.
Sin embargo, los anuncios perfectamente combinados con el contenido principal y
colocado bien en la estructura del sitio no molestan. As, tanto los puntos de reputacin
como puntos de rdito de anuncio estn garantizados.
3. Informe y ensee a sus visitantes. Comparta sus pensamientos, ideas, experiencias y
conocimientos con los que necesitan, o tal vez necesitarn, sus consejos. Ya que, si usted
tiene esta informacin, usted tiene un instrumento poderoso para llamar la atencin del
pblico hacia sus trabajos, intereses y servicios. Adems, si usted comparte el
conocimiento valioso con otros usuarios, usted ser respetado y considerado como una
persona que conoce de lo que habla.
4. Desarrolle su propio estilo. Desarrolle sus propias ideas. Djese inspirar y no copiar. Es
mucho ms interesante averiguar lo que usted es capaz de lo que otra gente es capaz de
hacer. Explore su imaginacin y curiosidad. Sus ideas, viejas, nuevas o mejoradas, tienen
mayor probabilidad de atraer usuarios que los textos copiados.
5. Respete los estndares. Piense en la gente. Respetar los estndares web le ayudarn a
ahorrar mucho trabajo en el futuro. Esto no tomar mucho tiempo y es razonable pasar
algunas horas suplementarias comprobando el cdigo y aplicndolo a los estndares. Una
vez hecho esto, usted no tendr que preocuparse sobre las nuevas versiones de
navegadores. Legibilidad, accesibilidad, usabilidad. Respetndolos, usted respeta a sus
visitantes.
6. Sea claro. No tenga miedo de decir lo que usted piensa. La ambigedad crea una distancia
innecesaria entre usted y sus visitantes. Diciendo las cosas con precisin, usted comienza
un dilogo activo con sus lectores.
7. Odie Internet Explorer si lo desea, pero haga caso a sus usuarios. No disee su cdigo
slo para navegadores especiales o determinadas resoluciones. Aplique su cdigo a
Internet Explorer, tal y como usted lo aplica a otros navegadores. Y aunque
personalmente trato de evitar los hacks de navegador, a veces no puedo eludirlos; sin
embargo, los hacks de navegador deberan ser su ltima opcin. Internet Explorer no ser
el mejor navegador, pero todava es el ms usado (68 % de usuarios) de la web.

8. Cuide su contenido. Desarroll un sitio web, intente hacerlo interesante y bien presentado.
No olvide que sus visitantes recuerdan todo. Una vez que usted ha ofrecido un enlace a
alguna pgina inadecuada, sin la descripcin apropiada, usted nunca los ver de nuevo. El
cdigo es la poesa, su contenido es la prosa.
9. No se preocupe por los buscadores y la optimizacin SEO de su blog. No piense en
palabras clave mucho ms importante es lo que su sitio web tiene que ofrecer.
Posicionarse en un motor de bsqueda tomar mucho ms tiempo de lo que le toma
escribir un artculo til en su Weblog. Adems, si usted se considera un SEO experto,
usted sabe que tendr que optimizar el sitio web por mucho tiempo. De otro lado, si usted
publica un artculo, (con esperanza) estar disponible mientras su sitio exista. Entonces,
slo tiene que escribirlo una sola vez. Evite SEO incorrecto y el mal PR. La optimizacin
incorrecta en el motor de bsqueda (cambiando enlaces con cada sitio de la red, etc.) tarde
o temprano conducir a la penalizacin de su sitio en los principales motores de bsqueda.
10. Pngase en contacto, pero no haga spam. Deje que los que podran estar interesados en su
contenido sean conscientes de l. Pngase en contacto con los autores de estos sitios,
describiendo las ventajas de sus servicios. Sin embargo, tenga presente que usted no
escribe a una araa web, sino, a un ser humano, que puede decidir si hay que compartirlo
con sus lectores o no, o ms considerablemente para visitar su sitio o no. Asegrese de
que la persona a la que usted escribe comprender que su contenido le puede ser til a sus
visitantes. No haga spam, no haga publicidad, ofrezca el contenido til.
11. Escriba, publique, sintase libre de preguntar. Hay siempre muchos desarrolladores web,
que hacan, hacen y harn la misma pregunta que usted tiene ahora. No se ponga nervioso
por preguntar, no se ponga nervioso por averiguar.
12. Conteste sus correos electrnicos inmediatamente. Haga un contacto con sus clientes
potenciales tan rpidamente como usted pueda no deje un correo electrnico en la
bandeja de entrada por ms de 12 horas. No enve mensajes de respuesta automticos. Por
el contrario, intente dejar una buena impresin en la persona que se ha puesto en contacto
con usted. La respuesta debe ser escrita con un estilo confidente, profesional, amistoso y
abierto sintase libre de preguntar.
13. Use las ventajas de una Web Semntica. Tagging, Tagging, Tagging. No tenga el miedo
de mencionar su sitio en Digg, Reddit, del.icio.us, Ma.gnolia, Blinklist y otros cientos de
administradores de marcadores sociales. Sin embargo, escoja la etiqueta con cuidado. Los
visitantes vendrn. Y si las etiquetas son escogidas racionalmente, an ms visitantes
vendrn.
14. Haga conexiones. Los desarrolladores web creativos siempre son apoyados por CSS
Showcases, Galeras y blogs de desarrolladores web. Algunos de ellos son mencionados
aqu.
15. Piense en trminos globales. El contenido de sus pginas web pueden apelar al pblico de
su regin, pero las fronteras en la Internet son vagas y apenas visibles (si es que existen);
entonces Por qu no enviar su mensaje al mundo? No hay necesidad alguna de buscar un
nuevo lugar cerca de usted, si usted tiene oportunidades casi ilimitadas en todo el mundo.
16. Nunca comprometa sus principios. Hablando de la manera en que un sitio web debera ser
desarrollado. Tenga presente que usted es el que, en realidad, desarrolla el sitio. No haga
slo lo que le dicen hacer. Corrija, si usted cree que su cliente se equivoca. Pues, al final,
su objetivo es crear un sitio web para los usuarios, no para sus clientes.
17. Mantngase en contacto. Mantngase informado sobre lo que se encuentra en la Red. La
Web se desarrolla rpidamente y nuevas ideas son compartidas al instante. El mejor modo
de estar informado es desde luego usando los feeds RSS. Sin embargo, revistas de

diseo grfico y magazines de desarrollo web como AListApart, BoxesAndArrows,


Digital Web Magazine, Design in Flight, etc. valen la pena leer a diario.
18. Aprenda a manejar su creatividad. Buscando una nueva idea, usted puede navegar a travs
de un foro de desarrollo web, poniendo atencin sobre lo que otra gente busca. Por
ejemplo, Sitepoint.com es un recurso visitado por miles de desarrolladores web
diariamente.
19. Haga bonita su Web. El diseo claro, legible e inteligente es hermoso. Cmo puede
resistirse a tal belleza? Participe en competencias abiertas como CSS Table Gallery, CSS
Zen Garden, Comment Design Showcase, Typography for headlines, Form Assembly
Garden, sIFR Beauty Showcase. As usted har la vida de otros desarrolladores ms fcil,
mostrando su estilo y experiencia.
20. Sea consciente del poder de la Web. Usted est creando la Web, entonces usted puede
apoyar los proyectos que le parezcan importantes y que tienen que ser apoyados.
Estas 20 reglas no le traern ningn xito si usted no cree en lo que hace y no explora su
creatividad. Alguna sugerencia? Ideas? No deje de comentar!

PRECIOS DISEO DE PGINA WEB


El precio de una pgina web viene determinado principalmente por el nmero de horas de
trabajo especializado que son necesarias para su desarrollo.
En 2009 creamos los productos web, un mtodo de trabajo de diseo web a precio establecido,
sin necesidad de presupuesto previo. Elaborado a partir de nuestra experiencia en diseo
web desde 1997, cubre la mayora de las necesidades, aplicando el mismo precio para todos
los clientes.

Precios productos web de partida


Tabla resumen de precios diseo de pginas web. Se tratan de packs servicio que incluyen
todo lo necesario para el desarrollo de un sitio web completamente funcional, incluyendo de
serie:

diseo grfico basado en modelo/plantilla de cdigo abierto con personalizacin


opcional plantilla comercial con licencia de uso, o diseo grfico web original a
medida en contratacin conjunta con pack descuento

gestor de contenidos integrado


ofrece autonoma al operador del sitio web para gestionar textos (con formato),
fotografas, ficheros para descarga, control de las opciones del men, estructura del
sitio web, y dems elementos propios del contenido de una web

herramientas de posicionamiento en buscadores (SEO)

estadsticas para seguimiento de visitas

formulario de contacto

sesin de teleformacin (2h) sobre funcionalidades y manejo, as como lnea directa


de asistencia tcnica durante el desarrollo

Tabla resumen de productos web generales de partida


Producto

descripcin

precio

Web UNO

el producto ms bsico, incluye carrusel fotogrfico animado,


pgina de localizacin google maps, y todas las caractersticas
comunes de los productos web

290

Web EUROPA

adems de todas las caractersticas de la Web UNO, soporte


para varios idiomas (multiidioma)

490

Web SOCIAL

con las prestaciones de Web UNO ms el soporte de cuentas


usuarios, que ofrece de serie el control de acceso a contenidos

490

Web
CORPORATIVA

el producto web de partida ms completo, con soporte para


usuarios y varios idiomas

690

Tienda online
Para la venta de productos por Internet.
Producto

descripcin

precio

Vender por
Internet

La solucin completa de tienda online administrable y ampliable por


extensiones opcionales.

490

Comercio
electrnico
avanzado

A partir de un producto web de partida que cuente con soporte de


usuarios, construya una potente aplicacin web con comercio
electrnico, personalizacin completa del proceso de marketing y
compra, 100% programable a medida.

desde
1.270

POSICIONAMIENTO EN BUSCADORES
En la profunda revisin en la metodologa de diseo web, hemos dedicando el 50% del trabajo
a ofrecer todo lo necesario para el mejor posicionamiento en buscadores:

cuidada programacin web, obteniendo un cdigo interno amigable con los


buscadores

direcciones URL amigables, personalizables a medida por cada idioma

control total sobre ttulos de pginas y etiquetas "meta"

diseo estndar, en HTML puro (sin Flash)

sitemap.xml integrado en el sitio, con actualizacin inmediata dinmica y envo


peridico a buscadores

velocidad de carga rpida gracias a optimizacin de imgenes, compactacin de


cdigo, y cachs dinmicos del lado de servidor, as como otras mejoras de
rendimiento en el alojamiento web

herramientas de seguimiento de visitas incluidas de serie

Posicionamiento en buscadores
El sitio web incluye herramientas para trabajar la totalidad de los aspectos que afectan al
posicionamiento en buscadores, y caso de no utilizarse el funcionamiento por omisin est
programado para adoptar valores inteligentes del contexto.
En el catlogo tambin puede encontrar servicios de asistencia tcnica directa para el
posicionamiento en buscadores, orientados para ofrecerle autonoma en una tarea bsica para
cualquier operador de sitio web, sin cuotas mensuales o depender de terceros.

Una de las preguntas ms tpicas y de ms difcil respuesta: qu


precio darle al desarrollo de una pgina web?
Este es un tema bastante complicado de responder y tambin bastante subjetivo. Pero es uno de los
temas que ms preocupan a los nuevos desarrolladores freelance, que en muchos casos no saben el
precio que deben presupuestar por la creacin de una pgina web. La experiencia del profesional y la
definicin correcta de las necesidades de cada proyecto son clave para presentar unos precios acorde
con el mercado.
Primero, hay que aclarar diversos puntos que pueden hacer variable la cotizacin de un proyecto y por
los cuales, los precios que podamos sugerir en el manual de Tarifas y Presupuestos para la creacin de
pginas web pueden verse incrementados o reducidos.

Necesidades del proyecto. Esto es lo que ms debe contar a la hora de presentar un precio
acorde con el mercado. Una pgina es ms cara cuanto ms trabajo tiene. Pero la cantidad de

horas de trabajo puede tambin variar bastante dependiendo de la manera de trabajar de cada
profesional. Si tenemos que hacer "un sitio web de 10 pginas", es clave conocer qu tipo de
informacin habr en estas pginas. Si habr mucho contenido grfico, animaciones, video,
etc, incrementar el precio en relacin al mismo sitio web de 10 pginas, si estas contienen
bsicamente texto y alguna fotografa.

Experiencia del desarrollador. Conforme al profesional gana en experiencia, tambin su


trabajo cobra mayor valor. Lo que puede ser un precio justo para un profesional novato, puede
ser muy poco dinero si ese profesional tiene aos de experiencia.

Tipo de cliente. Esto para m tambin vara los precios que sera justo presupuestar. Si sabes
que el cliente es grande y puede pagarlo, los precios sern mucho ms holgados que para un
cliente pequeo. Tal vez a ese cliente pequeo, que est empezando y no tiene muchos
ingresos para invertir en la pgina, se le puedan ajustar bastante ms las tarifas, para
ayudarle y ofrecerle soluciones a su alcance.

Necesidades en tiempo. A veces nos dicen "este trabajo tiene que estar en una semana"... o
un mes. Cuando el cliente tiene una urgencia y ello nos va a obligar a acelerar nuestro ritmo
de trabajo habitual, generalmente el proyecto debe incrementarse en precio. Es lo que
llamamos "pagar la urgencia".

Los recursos que ponemos a disposicin del cliente tambin pueden variar los precios.
Por ejemplo, si la misma pgina la realiza un desarrollador independiente que trabaja en su
casa, podr cobrar bastante menos que una empresa, que tenga alquiladas unas oficinas y
tenga sus departamentos de administracin, direccin, comercial, etc. El precio de un
proyecto, para el caso de una empresa grande, debe ser mayor, porque de ese proyecto tienen
que contar con una parte significativa para cubrir los numerosos gastos que tienen. En algunos
casos, el precio del desarrollo puede duplicarse si lo presupuesta una empresa.

El pas donde residamos. Este factor es fundamental. No es lo mismo una tarifa de una
empresa o profesional en Espaa, que la misma empresa o profesional de un pas de
Latinoamrica. En estos casos, el espaol puede llegar a cobrar el doble de lo que cobrara un
profesional de Argentina o Uruguay, por ejemplo. No es que est ms valorado el trabajo de
un espaol, es que el espaol tiene muchos ms gastos en todo (vivienda, comida,
transportes, impuestos...) y esto tiene que repercutirlo en sus tarifas.

Nuestras propias necesidades. Si estamos empezando o estamos necesitados de que nos


contraten proyectos, puede que sea necesario rebajar los precios para favorecer las
posibilidades de que contraten con nosotros. Del mismo modo, hay proyectos en los que, se
inflan los precios, ya sea debido a su complejidad o al estado actual de nuestro negocio. Esto
se suele hacer porque no nos interese que nos contraten el proyecto o, si lo hacen, que paguen
una cantidad elevada y que nos compense ampliamente.

En general, como se puede ver, hay muchos factores que son muy determinantes para fijar los precios
de un proyecto. No obstante, voy a intentar dar algunos ejemplos de pginas y precios que les pondra
yo, segn mi opinin personal del estado del mercado en Espaa.
Escribo esta informacin con mi propio criterio. Otros tendrn otras opiniones y tarifas. En
MercadoProfesional.com, podemos encontrar cientos de profesionales que ofrecen servicios de todo
tipo. Cuando una persona est interesada en la realizacin de un proyecto, publica sus necesidades en
MercadoProfesional.com y entonces recibe todo tipo de tarifas de profesionales variados, con ms o
menos experiencia y de diversas naciones distintas. Slo hay que ver la variedad de tarifas que se
pueden encontrar para un mismo proyecto. Con ello podemos darnos cuenta de la variedad de criterios
que existen para fijar los precios.
Como en la actualidad no nos dedicamos directamente al desarrollo de pginas o aplicaciones para
otras empresas, sino que canalizamos todas las solicitudes que nos llegan a travs de nuestro mercado
de contratacin freelance, escribo esta informacin con total libertad.
Tengo que decir tambin que, a lo largo de mi experiencia en el desarrollo freelance, he visto muchas
diferencias entre precios. He encontrado tarifas mayores y menores de las que voy a sugerir en los
prximos artculos. Tengo colegas que, al ver los precios que suelo presupuestar, me han dicho que
estn tirados de precio (muy baratos). Otras muchas veces, he presentado presupuestos y el cliente
me ha dicho que mi oferta era la ms cara de las que haba recibido.
En algunas ocasiones, amigos que necesitaban mi consejo, me han pasado presupuestos que les
haban enviado a ellos para hacer pginas web. Muchas veces me han sorprendido, por el precio
elevado o reducido. En ocasiones he visto presupuestos de empresas muy grandes (las mayores del
mercado), que cobraban por un desarrollo hasta 10 veces ms de lo que hubiera presupuestado yo.
Tambin he visto presupuestos para hacer un desarrollo que eran hasta 5 veces ms baratos que los
mos y supuestamente, cubran las mismas funcionalidades.
Tambin he visto empresas que cobraban por hacer un presupuesto, al que llamaban estudio previo a
la realizacin de una web. El precio del presupuesto era ms caro de lo que yo hubiera presupuestado
por la realizacin del proyecto entero. Por supuesto, yo nunca he cobrado por hacer un presupuesto o
asesorar a un cliente que quiere plantear un proyecto de desarrollo en la web. Pero supongo que, en el
trato con grandes empresas, presentar estudios y cobrar por ellos es algo normal.
Hemos creado un manual llamado Tarifas y presupuestos para el desarrollo de pginas web, donde
iremos publicando distintos tipos de webs con las tarifas que podramos fijar para sus desarrollos.

Veamos un modelo de pgina web, el ms bsico posible, y las


posibles tarifas que podramos fijar para su desarrollo.
En ocasiones tenemos un proyecto sumamente simple. El cliente slo desea tener una presencia en la
web y le da un poco igual cmo hacer la pgina. El caso es aparecer en la web y gastarse poco dinero.
Para m, esta frmula es perfectamente vlida. Es normal que una empresa desee tener web, pero no
invertir demasiado. Si todo va bien, seguro que invierten en el futuro. Sin embargo, entiendo que
habr muchas personas que ni siquiera deseen realizar este tipo de trabajos, porque prefieran temas
ms complejos en los que se pueda pedir ms dinero.
Este tipo de sitio contendra, por ejemplo, una portada, 3 pginas adicionales (aproximadamente) que
amplen la informacin y un formulario de contacto. Pienso que se podra realizar en 3 tardes, siempre
y cuando el cliente entregue toda la documentacin y especifique claramente todos los contenidos que
van a hacer parte de las pginas. Podramos ocupar un poco ms, porque hay que pensar que una vez
realizada la pgina siempre aparecen unos cambios de ltima hora y algunas cosas que no quedan
como el cliente se esperaba, ya sea porque no se ha interpretado bien sus indicaciones o porque el
propio cliente no tuviera claro lo que quera. Aunque un proyecto como este se pueda realizar en tres
das, yo nunca dara un tiempo de realizacin menor de una semana, para asegurarme de presentar la
pgina sin retrasos.
Yo creo que por menos de 300 euros (siempre tarifas para el mercado espaol) no realizara ningn
trabajo como este, por pequeo que sea. Como poco, esta labor va a ocuparnos una semana, entre
contacto con el cliente, presentacin de propuestas, organizar la informacin, realizar cambios a la
web -una vez presentada- que estime el cliente imprescindibles, etc.
En cualquier caso, creo que un trabajo como este no debera superar los 600 euros de coste. Si lo que
deseamos es que la empresa invierta poco dinero, creo que por 600 euros se pueden hacer ya trabajos
pequeos, pero muy bien presentados. No obstante, en determinadas condiciones, todava se puede
subir este precio (por ejemplo si es una empresa la que lo presupuesta o un profesional experto y muy
demandado). Pero no debemos olvidarnos que estamos presupuestando una pgina muy sencilla.
Otro concepto que tenemos que habitualmente est bien especificar cundo se hace un presupuesto
para una pgina web es el relacionado con el dominio y hosting o alojamiento de la pgina en un
servidor. No vamos ahora a comentar posibles tarifas para estos conceptos, pero muchas veces
conviene tenerlos en cuenta. En cualquier caso, los conceptos de registro de dominio y alojamiento,
siempre los presupuestara aparte.
Tarifa para una pgina bsica pero con diseo avanzado

Continuando con la pgina bsica, si el trabajo requiere un mayor esfuerzo creativo, el precio puede
subir un poco. Dependiendo de lo que nos hayan pedido hacer de manera adicional, el proyecto
tendremos que incrementarlo.
Tarifa para animacin en Flash
Podemos necesitar una animacin Flash, por ejemplo, para la portada. Esto yo lo cobrara aparte,
dependiendo del tiempo que vaya a emplear en hacer la animacin. Si te va a llevar una tarde o un da
entero, pueden ser buenos unos 120 euros. Pero este pienso que sera un precio bastante reducido.
Podramos llegar a 300 euros si nos ocupa varios das o unas habilidades ms especiales.
Tarifa para un diseo avanzado
En ocasiones, el proyecto requiere un diseo muy personalizado y altamente creativo. En este caso, yo
sola separar el concepto de diseo a una fase inicial y tambin con un precio por separado. En la fase
inicial sugera presentar tantas pruebas como fueran necesarias hasta la completa satisfaccin del
cliente. Es decir, se hacan todas las propuestas y todas las modificaciones necesarias hasta que el
cliente validaba el diseo y decida continuar con el desarrollo de la pgina. En estos casos, un precio
estndar para la realizacin de la fase de diseo eran 500 euros. Podra bajar un poco, pero hay que
entender que estamos hablando de un diseo muy creativo, personalizado y muy profesional. En
algunas ocasiones hemos llegado a presupuestar esta fase por 900 o 1.000 euros, pero eso cuando
haba que presentar diseos distintos para varias secciones, ya pensando en pginas con cierta
envergadura, en lugar de pginas bsicas.
Si se requiere un diseo de muy alto nivel, puede que la composicin de las distintas pginas requiera
mucho ms esfuerzo, de modo que haya que dedicar muchas horas a crear cada una de las pginas
del sitio. Algunos profesionales pueden llegar a cobrar hasta 3.000 euros por una web bsica,
incluyendo tanto el diseo como el montaje de las distintas pginas.
Tarifa para formularios
En ocasiones, aunque se ha presupuestado una pgina bsica, el cliente quiere realizar unos
formularios complejos y enviarlos automticamente por correo a travs del servidor. Si queremos,
podemos separar este concepto y presupuestarlo aparte. Todo depende del nmero de horas a
emplear, pero podramos pedir 60 euros, si pensamos que el trabajo puede llevar 2 horas.

Estudiamos tarifas posibles para una pgina de tamao medio, de


10 a 15 pginas.
Si la pgina no supera las 12 15 pginas, estamos todava ante una pgina mediana. Podramos
hablar de dos a tres semanas de trabajo, teniendo en cuenta que la documentacin no suele estar

completa desde el principio y que siempre hay cambios que hacer con respecto al planteamiento
inicial, una vez la pgina est presentada.
En este tipo de pginas sola situarme sobre un coste total de unos 900 1.200 euros. Tal vez el
desarrollo convenga dividirlo en varios conceptos.
Concepto de diseo
Dependiendo de la complejidad del diseo a realizar. Aqu se puede presupuestar de 300 a 600 euros.
Se puede sugerir que el cliente valide el diseo antes de comenzar con la fase de desarrollo.
Concepto de desarrollo de las pginas
Esta parte tiene un poco ms de valor que la fase de diseo. Por la realizacin de estas pginas
Podramos hablar de 500 a 750 euros por la realizacin de las distintas pginas.
Igual que la pgina bsica, si tenemos alguna cosa que se salga de lo normal, se puede presupuestar
aparte. Como siempre, toda tarifa depende de las horas que vas a invertir en realizar esa parte
especial y cmo valoremos la hora de trabajo.
A veces, para calcular el precio, puede ser til contar las pginas del sitio y multiplicar por un precio
por pgina. Podramos hablar de 40 a 60 euros por pgina. Pero realmente este clculo puede engaar
bastante, si al final nos toca pasar por todas las pginas una y otra vez a cambiar pequeos detalles.
Nota: Si utilizamos correctamente una herramienta como Dreamweaver, podemos ahorrarnos el
tedioso trabajo de retocar una y otra vez la misma cosa en las distintas pginas del sitio. Dreamweaver
tiene las libreras, que son trozos de cdigo para mostrar elementos repetidos en pginas distintas y las
plantillas, con las que podemos generar muchas pginas con contenidos distintos, pero con una misma
disposicin de los elementos.
Si diseamos correctamente con CSS tambin nos ayudar bastante a retocar el sitio web sin tener que
alterar el cdigo de las pginas del sitio.
Por ltimo, podemos crear nosotros mismos las plantillas con lenguajes de programacin como PHP.
Pero si tenemos que meter cdigo de programacin de servidor, el proyecto tambin se encarece.

Tarifa para posicionamiento en buscadores


Generalmente, cuando hacemos un trabajo hay que cuidar ciertos detalles, que ayuden a que la pgina
tenga una buena posicin entre los resultados de las bsquedas. Esto, personalmente, es algo que
siempre tena en mente al hacer los desarrollos. Generalmente no lo cobraba aparte, pero podra ser
otro concepto a presupuestar. Hay que darse cuenta que esto requiere pasarse una o dos veces por
cada pgina, cuidando los ttulos, recolectando palabras clave y descripciones para las META, alterando
el contenido para destacar alguna seccin del texto o incorporar nuevas palabras clave, as como
retirar contenido superfluo. Todo esto, si nos lo han pedido o lo hemos ofrecido especficamente,

puede incrementar el trabajo en 10 20 euros por pgina. Podemos hablar hasta de 400 euros
adicionales.
Igual que para las pginas bsicas, podemos incrementar por distintos conceptos que ya habamos
destacado, como una animacin en Flash, o un diseo ms avanzado.
Como siempre que se presupuesta una pgina web, puede ser muy interesante comentar tambin los
costes asociados al registro y renovacin del dominio, as como el precio anual por el hosting en un
servidor.

Veamos cmo podramos presupuestar una pgina de gran


envergadura.
Seguimos con el manual de tarifas de desarrollo de proyectos web, ahora con tarifas para pginas
grandes. En el caso que la pgina a realizar tenga cierto tamao, la manera de presupuestar puede ser
distinta. Aqu tendremos que analizar de manera ms detallada la forma en la que encarar el trabajo.
Posiblemente, si es una pgina grande, haya algunas secciones que convenga o sea necesario
automatizar, por medio de una base de datos.
Por ejemplo, el cliente puede estar pensando en publicar decenas o cientos de productos. Entonces lo
ms cmodo sera realizar una especie de catlogo con base de datos de productos. Si el cliente est
interesado en publicar noticias o informaciones peridicamente, habra que hacer una gestin de
artculos.
En estos casos, sola separar el contenido esttico del dinmico. El esttico me refiero al que se escribe
en una pgina HTML y no se puede cambiar automticamente y el dinmico, es el que accede a bases
de datos para obtener los contenidos. El contenido esttico lo presupuestaba siguiendo las indicaciones
descritas para las pginas medianas y el dinmico lo presupuestaba conforme a la dificultad de lo que
hubiera que realizar.
En cualquier caso, si tuviera un encargo para un sitio de 30 50 pginas y no decidiera crear alguna
seccin dinmica. Primero me planteara si estoy enfocando bien el problema. Posiblemente sea mucho
ms cmodo crear alguna seccin con base de datos, aunque no lo hayan solicitado expresamente. En
cualquier caso, como mnimo, siempre utilizara CSS y un editor como Dreamweaver, que facilita el
manejo de pginas grandes.
El tiempo que podra llevarnos el desarrollo de esta pgina podra estar sobre un mes o dos meses.
Todo depende de la celeridad con que nos entregue la documentacin el cliente y como vaya validando
las distintas fases. A veces nos ha ocurrido que el cliente tarda mucho en validar el diseo, incluso ms

de un mes. Durante ese tiempo se presentan muchas posibilidades distintas y modificaciones del
diseo, pero el cliente puede que tarde mucho en decidir cul es la que desea. En algunas ocasiones
hemos tenido que cambiar incluso de diseador para poder hacer propuestas que satisfagan al cliente.
Hay veces que un proyecto como este puede alargarse hasta 6 meses. Esto ocurre cuando el cliente
tiene poca prisa y tarda mucho en entregar la documentacin, validar cada fase del proyecto o incluir
en la base de datos los contenidos que mostrar en el sitio. Hay que tener cuidado con los proyectos
que se alarguen mucho, porque generalmente nos hacen perder tiempo y dinero. De modo que, para
asegurarnos que el tiempo de desarrollo no se alarga indefinidamente, sera conveniente establecer un
buen planing para obligar a ambas partes (tanto el desarrollador como el cliente) a entregar en un
plazo razonable la pgina web o la documentacin completa para realizarla.
En cuanto a precios totales de este tipo de proyectos, podramos situarnos fcilmente entre los 3.000 y
los 5.000 euros. Todo depende del trabajo que requiera. Estimo que no es un precio muy caro,
teniendo en cuenta que, aunque saliera todo rodado, vamos a trabajar durante varios meses. Una vez
ms, todo depende de la complejidad del proyecto.
Tenemos distintos conceptos, muchos de ellos parecidos a los de las pginas medianas.
El diseo
En este tipo de pginas, el presupuesto para diseo tambin se suele incrementar, porque podemos
necesitar varios diseos distintos, para cada una de las secciones. Adems, si el cliente tiene
presupuesto para una pgina de estas caractersticas, seguramente tambin tenga presupuesto para
un buen diseo. Podramos hablar en torno a los 600 1.000 euros.
Pginas estticas
Dependiendo del nmero, siguiendo las indicaciones de las pginas medianas.
Pginas con contenido dinmico
Aqu habra que presupuestar aparte cada uno de los mdulos a incorporar al sistema. Gestin de
artculos, usuarios, noticias, productos y su clasificacin... como siempre, el precio depender de las
horas de trabajo que necesitemos para realizar la labor. Escribiremos ms adelante posibles precios
para estos contenidos dinmicos, con programacin del servidor y base de datos. Pero a modo de
introduccin inicial, habra que comentar que los precios pueden situarse a partir de los 300 400
euros por mdulo. Por menos, yo no tiro una sola lnea de cdigo PHP o ASP, a no ser que el trabajo
sea muy simple, o deseemos presentar precios muy tentadores para el cliente. En cualquier caso,
generalmente no slo se trata de hacer una pgina que extraiga los datos de la base de datos, sino
tambin los formularios para gestin de la informacin de la base de datos (altas, bajas y
modificaciones). Teniendo en cuenta todos los conceptos a desarrollar para crear un mdulo, por

menos dinero, estamos valorando poco nuestro trabajo. Aunque tambin hay veces que se puede
reutilizar el cdigo y rebajar tarifas, si es que deseamos presentar un presupuesto muy ajustado. Otra
posibilidad para presentar un precio atractivo es dar un importe global (por todo el desarrollo), en
lugar de uno desglosado por conceptos, donde es ms sencillo que el precio final aumente.
Tambin podemos incorporar conceptos adicionales, que fueron comentados ya para otros tipos de
pginas, como los de una animacin en Flash, una optimizacin de las pginas de cara a buscadores,
enlaces con bases de datos externas, migraciones de sistemas antiguos al nuevo, servicios web,
enlaces con herramientas como foros, chats, blogs, etc.
Dentro del presupuesto tambin convendra sealar el precio por el registro del dominio y el
alojamiento. Tener en cuenta que un alojamiento de una pgina con bases de datos y programacin
del servidor ser ms caro que el hosting por una pgina bsica.

En nuestras tarifas de creacin de pginas web podemos


contemplar la creacin de distintos tipos de mdulos avanzados,
para aumentar las funcionalidades de la pgina.
Como siempre hemos sealado en la serie de artculos sobre tarifas de creacin de pginas web, el
precio que debemos fijar para un desarrollo depende de la complejidad del mismo y del nmero de
horas que estimamos que vamos a invertir en una tarea. A veces puede ser complicado calcular el
tiempo de desarrollo, pero la experiencia siempre ayuda.
Una de las medidas que pueden ayudarnos para conocer exactamente los tiempos que dedicamos a un
desarrollo es apuntar el nmero de horas que han sido necesarias para la realizacin en ocasiones
pasadas. Es decir, cuando nos encargan una web, conviene controlar el tiempo que hemos gastado en
hacer cada seccin. En el futuro, cuando nos soliciten crear un web o mdulo similar a los que hemos
hecho anteriormente, podemos presupuestarlo en funcin del tiempo que nos ha ocupado otras veces.
Hace falta ser una persona organizada para realizar esta labor, pero merece la pena.
Detalles que tenemos que tener en cuenta para presupuestar un mdulo
Para empezar, el coste por hora de realizar tareas de programacin PHP debe ser superior al que
fijemos para realizar pginas estticas. Es necesario tener ms habilidades y conocimientos, as que
tambin se debe valorar ms la hora de trabajo.
Cuando programamos un mdulo para una pgina, como un rea de noticias, se deben desarrollar
tanto las pginas que muestran las noticias como un rea de administracin para que el cliente pueda

darlas de alta, modificarlas o borrarlas. Eso quiere decir que el trabajo es el doble o ms que si
tuviramos slo que mostrar unas noticias en la pgina extradas de una base de datos.
Cuando tenemos que hacer un rea para administracin de mdulos, tambin tendremos que hacer un
sistema seguro para que slo el cliente pueda acceder a la zona de administracin. Esto incluye un
sistema para gestin de usuarios que tienen acceso a la zona de administracin y un mdulo de
seguridad para autenticar a esos usuarios. Cuando se realiza cualquier mdulo de administracin, este
concepto lo facturo aparte. Claro, que la aplicacin puede, por ejemplo, administrar 5 mdulos, pero el
sistema de acceso autenticado slo se contabiliza una vez.
Si hacemos un mdulo, se supone que el cliente ser el encargado de dar de alta los registros en la
base de datos y administrarlos. As que cobraremos por el mdulo de noticias, pero no por cada noticia
que pueda tener el sitio. No obstante, puede que el cliente prefiera que lo hagamos todo nosotros. En
ese caso lo podemos presupuestar aparte.
Cuando nos solicitan repetidas veces un trabajo similar, es muy probable que podamos reutilizar el
cdigo de anteriores desarrollos. Esto no tiene por qu saberlo el cliente y tampoco tenemos por qu
valorar menos nuestro trabajo por ello, pero puede ser una oportunidad buena para rebajar los
precios, si es que deseamos presentar un presupuesto ms atractivo.

Concretamos lo que se puede pedir por el desarrollo de diferentes


mdulos avanzados.
Veamos varios casos posibles de mdulos que nos podran solicitar y posibles precios para cada uno.
Como siempre, es complicado dar un precio as a la ligera. Un catlogo donde tengamos una tabla de
productos con 20 campos y varios de ellos relacionados con otras tablas, no tendr el mismo precio
que un catlogo donde slo tengamos 5 campos en la tabla de productos y todos ellos sean de texto.
Mdulo de administracin
Si tenemos que programar cualquier mdulo con base de datos, lo ms probable es que tambin
tengamos que hacer un rea de administracin, a la que slo pueda acceder el cliente introduciendo un
usuario y contrasea. Nuestras habilidades para hacer un mdulo de estas caractersticas (lo seguro y
fiable que lo podamos hacer) deben ser determinantes para fijar un precio. Por este concepto sola
presupuestar en torno a los 200 300 euros. Aunque el nivel de seguridad que podra implementar en
una zona de administracin pueda valer mucho ms dinero, no suelo cobrar mucho ms, porque en
este caso la reutilizacin del cdigo es muy sencilla y realmente tardo muy poco tiempo en
implementarla en un nuevo sitio.

Mdulo de noticias
Sera realizar una pgina que mostrase titulares de las noticias con sus entradillas, ordenados por
fecha. Luego habra que hacer una pgina que muestre cualquier noticia. Esto puede valorarse por 300
400 euros. Como en todos los mdulos, incluye el desarrollo de una herramienta para gestionar
noticias. Podemos separar los conceptos en el presupuesto o ponerlos juntos. Separndolo podramos
fijar 150 por la visualizacin de noticias y 200 por la administracin. Tambin puede ser necesario
mostrar una lista de las ltimas noticias en portada. Esto puede incrementar un poco el precio, si se
desea.
Mdulo de registro de usuarios
En este caso nos referimos a que los visitantes se puedan registrar en la pgina, enviando su
informacin personal. Sera slo el rea de registro, pues si hay que hacer servicios especiales para los
usuarios registrados, como un rea de descargas, los presupuestara aparte. El registro de usuarios y
la insercin en la base de datos puede presupuestarse por 300 euros (junto con la gestin de usuarios,
en el rea de administracin de la pgina). No obstante, muchas veces ser necesario que estos
puedan editar su informacin y que puedan darse de baja por s mismos. En ese caso, podramos
presupuestar hasta los 500 euros. Ahora bien, tambin podemos necesitar realizar algunas utilidades
para facilitar la gestin de usuarios, como podran ser un paginador, un buscador, ordenacin de las
bsquedas de usuarios por diferentes campos. Todo esto podra subir el precio hasta los 700 euros.
Alta en la agencia en proteccin de datos personales
Esto lo pongo aqu, aunque no sea un mdulo, porque viene a raz del registro de usuarios. Tenemos
que hacer saber al cliente que la captacin de informacin personal de los visitantes est regulada
legalmente, por lo menos en Espaa. As pues, si recolectamos datos personales, tenemos que dar de
alta las bases de datos en la Agencia de Proteccin de Datos. Dependiendo de la informacin que se
capte, el nivel de seguridad de las aplicaciones que debemos desarrollar puede ser mayor o menor. A
mayor sensibilidad de la informacin recolectada (como datos mdicos) el grado de seguridad
necesario ser mayor. Esto es importante, por ello, lo desarrollaremos ms en otros artculos. Las
adaptaciones legales a la agencia de proteccin de datos pueden estar desde los 600 a los 1.200
euros. Esto no incluye el desarrollo informtico para dotar de seguridad al sistema, sino ofrecer
asistencia legal para definir qu requisitos de seguridad debe cumplir la aplicacin, detectar cul es la
informacin sensible y qu grado de privacidad tiene, as como el alta de las bases de datos de la
empresa en la Agencia de Proteccin de Datos.
Catlogo de productos
Otra posibilidad que nos pueden encargar es el desarrollo de un catlogo de productos. Esto incluye,
como mnimo, crear una tabla donde incluir productos y posiblemente otra para sus categoras.
Depende de lo que se desee complicar el precio ser mayor o menor. Si tenemos que gestionar una

nica tabla de productos, podramos poner un precio en torno a los 400 euros. Si tenemos que
gestionar una tabla de categoras y otras tablas relacionadas con las de productos, lgicamente, el
precio aumentara. Otras necesidades que aumentaran el precio son posibilidad de ofertas y
caractersticas especiales que modifiquen el precio de un producto, productos destacados, productos
relacionados con otro producto. El lmite es la propia complejidad del catlogo y en este caso las
posibilidades son infinitas. Puede llegar perfectamente a presupuestarse por 1.500 euros.
Carrito de la compra
Otro ejemplo de cotizacin, en este caso para incluir un carrito de la compra en una web
(posiblemente a una web que tenga un catlogo de productos). El carrito de la compra se podra
facturar aparte. Es decir, yo presupuestara por un lado el posible catlogo de productos y por otro el
carrito, que es simplemente un sistema para que el cliente pueda ir seleccionando productos y que la
pgina memorice qu productos se han seleccionado, las unidades de cada uno y el precio que tienen.
Este tipo de mdulo podra presupuestarlo por 450 euros, aunque depende de la complejidad del
carrito a desarrollar. Tambin es sencillo reutilizar cdigo, as que podra bajar esta cotizacin si lo
deseara, para ampliar las posibilidades de que contraten con nosotros el proyecto. El carrito no
requiere, en principio, ningn rea de administracin. Lo que s que debera incluir es el formulario del
pedido, donde se deberan indicar los distintos productos seleccionados y realizar la toma de datos del
cliente, para contacto y pago.
Instalacin de un TPV virtual para pago con tarjeta
Esta es otra tarea que nos han solicitado en varias ocasiones. Tener en cuenta que muchas veces este
trabajo es muy sencillo, porque generalmente el TPV lo pone el banco y nosotros lo nico que tenemos
que hacer es seguir sus indicaciones para que nuestro desarrollo se comunique correctamente con la
pgina del banco. Puede que el alojador de nuestra pgina web conozca el funcionamiento de algn
TPV y nos ayude a instalarlo, o que se encarguen ellos de la instalacin directamente. El precio de esta
intervencin puede estar sobre los 350 500 euros. Al presupuestar un TPV hay que especificar que el
cliente es el responsable de gestionar el contrato con el banco, para que permita pagos con tarjeta en
su pgina web. Nosotros en teora slo deberamos recibir la documentacin del banco con las
instrucciones para integrar su pasarela de pagos en la web del cliente. Muchas veces la empresa que
ofrece el servicio de hosting de la pgina de nuestro cliente puede ofrecer soporte o instrucciones para
integrar algn TPV, o pueden realizar la instalacin por ellos mismos, lo que nos puede facilitar este
paso.
Protocolo https
Tambin puede que necesitemos incorporar una zona segura con protocolo https, para asegurar la
zona de administracin, compras, registro de usuarios o envo de informacin confidencial o sensible.
Estas zonas realizan una comunicacin encriptada (envan y reciben la informacin por parte del

usuario encriptada). Para disponer de una zona segura necesitamos instalar un certificado digital, que
tiene un precio a partir de 200 euros y se consigue a travs de una empresa como Verysign
http://www.verisign.com/ o Thawte http://www.thawte.com/. Generalmente conviene separar los
costes de obtencin del certificado de los derivados de la instalacin. Dicho sea de paso, la instalacin
de los certificados suele realizarla la empresa que ofrece el servicio de alojamiento de la web, as que
es posible que este concepto de instalacin sea gratuito para nosotros los desarrolladores.

Algunos ejemplos de presupuestos realizados en el pasado para


pginas de distintos tipos.
A continuacin voy a publicar alguno de los presupuestos que he presentado en el pasado para la
realizacin de trabajos, eliminando toda la informacin del cliente al que se le envi este presupuesto,
para guardar su privacidad.
Espero que estos ejemplos de presupuestos puedan servir de ayuda a alguien.
No obstante, hay que decir que estn poco actualizados, puesto que fueron confeccionados hace aos.
Muchas de los conceptos que se han presupuestado de una manera, podran haberse expresado de
otra forma. El precio tambin sera slo orientativo.
PRESUPUESTO: Creacin y promocin de una pgina web para un apartamento
Objetivo
Crear una pgina web para presentar un apartamento en alquiler, cuidando especialmente que la
pgina est bien construida para una correcta promocin en los buscadores. Registrar la pgina en los
buscadores de Internet y sugerir buscadores especficos de casas de alquiler para vacaciones.
Desarrollo del proyecto
Creacin de la pgina
Como primer paso se crear una pgina web que muestre las caractersticas del apartamento. Para
ello, el cliente proporcionar el texto que desee incluir en la pgina y las fotografas. En principio se
supone que toda la informacin se mostrar en una nica pgina.
La pgina se realizar prestando especial inters en optimizar la promocin en buscadores. Para ello el
cliente deber entregar una lista de palabras clave y descripciones con las que desee aparecer en los
buscadores.

Nota: Las palabras clave son aquellas que escriben los usuarios de los buscadores al realizar sus
bsquedas. Estn compuestas por una o varias palabras, por ejemplo "casa para vacaciones",
"apartamento en la playa", "apartamento costa brava", "apartamento alicante", "alquiler de casa", etc.
La descripcin es el texto, de 15 a 20 palabras, que acompaar al enlace en los buscadores para
describir la pgina web.
La pgina se podr realizar en varios idiomas y ser el cliente el que proporcione los textos traducidos.
Alojamiento
La pgina se alojar con dominio propio, para potenciar los resultados de la promocin en buscadores.
b) Alojamiento con dominio
La direccin de la pgina ser algo como www.suapartamento.com. Esta opcin es mucho ms
aconsejable por diversos motivos entre los que podemos apuntar:
- Transmitir una imagen de profesionalidad a los visitantes de la web.
- No depender de un dominio ajeno, gestionado por otra compaa.
- Contar con direcciones de correo electrnico con su propio dominio.
- Disponer de un servicio de estadsticas, para conocer los accesos a la pgina y todo tipo de datos
sobre ellos.
- Los buscadores favorecen la indexacin de webs con dominio propio. Especialmente Google, que
seguro adelantar algunas posiciones su pgina si est en la raz de su propio dominio.
Promocin en buscadores
Una vez terminada la pgina se debe realizar la promocin en buscadores. Para ello disponemos de un
servicio de altas en buscadores que incluye:
- Registro de la pgina en 20 buscadores espaoles. Este registro est garantizado: repetiremos las
altas hasta que su pgina aparezca en un 80% de los buscadores de la oferta.
- Registro de la pgina en cientos de buscadores internacionales. En este caso no podemos garantizar
que su web se incluya en todos los buscadores.
Nota: Ver al final del documento los buscadores espaoles y extranjeros de la oferta.
Registro de la web en los sitios de casas de alquiler
El registro de la web en los sitios que ofertan casas para alquiler es un proceso delicado donde se
deben introducir muchos datos que conoce nicamente el propietario del apartamento. Es por ello

preferible que nosotros nos limitemos a sugerir los sitios donde registrar el apartamento y sea el
cliente el que realice el proceso de registro propiamente dicho.
Estimacin econmica
Desarrollo de la pgina en castellano 36
Desarrollo de la pgina en ingls 24
Registro del nombre de dominio, pago anual 24
Alojamiento, pago anual 120
Promocin en 20 buscadores espaoles 185
Suplemento para promocin en buscadores extranjeros 42
Sugerir sitios de casas para alquiler 0
TOTAL 431
Tiempo de desarrollo
Creacin de la web
2 das, a contar a partir del momento de recepcin de toda la documentacin.
Promocin
La web se empieza a promocionar segn se haya terminado la realizacin de la pgina. El tiempo que
tarda despus en aparecer en los buscadores puede ser muy variable, aunque generalmente es de 1 a
3 meses.

Presupuesto enviado en 2002 para la realizacin de un sistema


donde los integrantes de una asociacin puedan enviar sus datos
y publicarlos en la web de la asociacin.
Objetivo principal

La Automatizacin del catlogo de asociados de la asociacin a travs de la su pgina web, para que:
- Los asociados puedan actualizar su informacin automticamente.
- La pgina web muestre la informacin actualizada de los asociados.

Diversas secciones y trabajos que implican

Vemos detalladamente cada uno de los trabajos que se realizarn para llevar a cabo los objetivos.

Planificacin y diseo

El proyecto a realizar ha quedado planificado y se llevar a cabo como se puede ver ms abajo en la
seccin "Desarrollo del sitio".

El diseo de la pgina web se mantendr tal y como se puede ver en la actualidad. En caso de crear
nuevas pginas se aplicar la misma lnea de diseo para mantener la identidad de la web.

En cuanto a aspectos tcnicos sobre plataformas de desarrollo y tecnologas a utilizar, por las
conversaciones con la asociacin, lo ms indicado sera trabajar con sistemas de Microsoft. Por ello, la
pgina ser programada en ASP, con base de datos SQL Server.

Desarrollo del sitio

Veamos a continuacin las pautas sobre las que se crear el catlogo, empezando por la base de datos
a utilizar y siguiendo por sus distintos mdulos de funcionalidades que se van a implementar.

Especificacin de la base de datos


La base de datos SQL Server tendr las siguientes tablas:

Pasamos a describir cada tabla con notas sobre los campos que pueden presentar alguna duda.

Tabla asociado

Contiene los campos principales del asociado, como su nombre, logotipo (una imagen), direccin, etc.
Las palabras clave servirn para definir palabras con las que encontrar el asociado en el buscador.

Tabla delegacin
Contendr una o varias delegaciones de cada asociado. Siempre habr por lo menos una delegacin
por cada asociado, que ser la delegacin principal. La delegacin principal es nica para cada
asociado y las otras sern secundarias.
El campo delegacin_principal ser un booleano que indique si la delegacin es la principal.

Tabla foto
Cada asociado puede dar de alta hasta tres fotografas con sus productos o soluciones. El campo
nombre_foto indica el nombre del archivo que contendr la foto. El campo orden indica el orden con el
que se presentar la foto en la ficha del asociado.

Tabla noticia
Para guardar las noticias de cada asociado. En esta tabla tambin se podrn introducir noticias que no
pertenezcan a ningn asociado, en este caso, las noticias las introducir la asociacin y podran ser
noticias como "Se inaugura tal congreso" o "La Comunidad Europea lanza tal normativa". Las noticias
que pertenezcan a un asociado contendrn el identificador del asociado que la ha introducido y las
noticias de la asociacin tendrn como identificador del asociado un valor nulo.

Tabla actividad_solucion
Esta tabla guarda todas las lneas de las descripciones de los campos del catlogo actividades y
soluciones de cada asociado. Estos campos -actividades y soluciones- presentan bsicamente el mismo
tipo de informacin (prrafos con estilo definido para cada uno), por eso se han reunido en una misma
tabla. Si en el futuro se piensa guardar informaciones distintas en estos campos puede que sea
interesante crear tablas independientes.
El campo estilo contiene el estilo que se tiene que aplicar a ese prrafo. El campo cuerpo es el texto
del prrafo. El campo actividad_solucion mantiene un booleano que si vale verdadero indica que es
una actividad y si es falso indica una solucin. El campo orden guarda el orden en el que tienen que
aparecer los distintos prrafos.

Mdulos con las distintas funcionalidades

En este proyecto se van a implementar varias secciones:

1) Actualizacin de los datos del asociado

2) Mostrar datos de asociados


3) Mostrar noticias
4) Opcionalmente, ayuda para actualizacin de administrador

Veamos detenidamente cada una de estas secciones.

1) Actualizacin de los datos del asociado

Cada asociado tendr un nombre de usuario y contrasea para acceder al rea de actualizacin de su
informacin. Por medio de formularios podr editar en cualquier momento sus datos de contacto,
actividades y soluciones.

El diagrama siguiente ilustra el funcionamiento de este mdulo.

Sistema de autentificacin
Por medio de un usuario y password, que sern asignados para cada asociado por la asociacin, se
podr acceder el rea de actualizacin de sus datos. Adems, en todas las pginas que permitan editar
los datos se comprobar que el usuario se ha autentificado correctamente, para evitar posibles accesos
no permitidos.
Al introducir los datos de autentificacin se acceder a un proceso que los verificar
- Si no son correctos devolver al visitante a la portada, donde debera volver a autentificarse.
- Si son correctos llevar al asociado a las pginas con las opciones de actualizacin de sus datos.
En caso de que el asociado se olvide de sus datos de acceso se podr poner en contacto con la

asociacin para que se los mande de nuevo. Para ello el asociado dispondr de una opcin para
mandar a la asociacin automticamente la solicitud con objetivo de recibir el nombre de usuario y la
clave.

Opciones de actualizacin
En esta pgina se mostrarn los datos principales de los asociados y las correspondientes opciones de
actualizacin. En algunos casos y en la medida de lo posible, los formularios de actualizacin de los
datos del asociado se mostrarn en esta pgina. Esta pgina tambin dar paso a otras pginas que
contendrn formularios para actualizar datos que presenten una complicacin especial. Los Datos
generales de los asociados se actualizarn en la propia pgina de opciones de asociados. Estos datos
generales se refieren al nombre de la empresa, el nombre comercial, las palabras clave, resumen y en
general la mayora de los campos de la tabla asociado.

Actualizar delegaciones
En la pgina de opciones de actualizacin se mostrarn las delegaciones que tenga el asociado dadas
de alta. Cada delegacin se acompaar de un enlace para editar sus datos y otro enlace para
borrarla. Tambin se incorporar un enlace para crear nuevas delegaciones. Todos estos enlaces se
mostrarn en pginas a parte.

Actualizar fotos
Cada asociado tiene derecho a colocar hasta tres fotografas sobre su empresa o sus productos. La
pgina web permitir subir las fotografas al servidor, seleccionndolas del disco duro del asociado.
Se podr crear una foto y tambin borrarla. As mismo, se podr cambiar el orden en el que aparezcan
las fotos en la ficha del asociado y editar sus propiedades, como pie de foto.

Actualizar noticias
Se crearn formularios para dar de alta noticias, editar una noticia ya introducida y borrar las noticias.

Actualizar soluciones
Se mostrarn una lista de prrafos con el estilo que se debe aplicar a cada uno. La aplicacin permitir
introducir un nmero ilimitado de prrafos y editar todos los prrafos que se hayan introducido
anteriormente.

Actualizar actividades
De la misma manera que las soluciones.

Comprobacin de los datos

Todos los datos que se enven se comprobarn, en la medida de lo posible, para asegurarnos de que
han sido rellenados y son vlidos antes de colocarlos en la base de datos. En el caso de las fotografas
se comprobar adems que se suben en un formato grfico permitido y que no sobrepasan unos
tamaos lgicos para su colocacin en una pgina web.

Envo de correo avisando de las modificaciones


Cuando un asociado haya actualizado su informacin se enviar un mensaje de correo electrnico a la
asociacin para informar de las modificaciones efectuadas. Aunque todas las actualizaciones se
comprobarn automticamente por el sistema para asegurar su correccin, este mensaje tiene como
objetivo que la asociacin compruebe manualmente que la informacin del asociado es correcta y no
falta ningn dato.

2) Mostrar datos de asociados

Las pginas web de la asociacin mostrarn la informacin de cada asociado. En este apartado del
desarrollo se crearn unas pginas que muestren los asociados extrayendo la informacin de la base
de datos de asociados. El diagrama de funcionamiento se puede estudiar a continuacin.

Lista de asociados
De la misma manera que ahora, cuando se acceda al catlogo de empresas asociadas, se mostrar la
lista de asociados. Dicha lista se extraer dinmicamente de la base de datos. Cada uno de los
nombres de los asociados ser un enlace que servir para acceder a su ficha.

Bsqueda de asociados
Permitir buscar asociados por palabras clave. Las palabras clave se indicarn en la tabla asociado en
un campo reservado para este fin. Sin embargo, la aplicacin deber buscar no slo en el campo de

palabras clave sino en todos los campos de texto de los asociados, como pueden ser el nombre de la
empresa, su descripcin, sus actividades o sus soluciones.

Resultados de la bsqueda de asociados


El buscador anterior ofrecer los resultados en una pgina web donde se podr encontrar el nombre
del asociado acompaado de una breve descripcin del mismo, que se extrae del campo presentacin
de la taba asociado.
Cada nombre de asociado ser pinchable para acceder a su ficha tcnica.

Muestra asociado
Cada asociado se podr visualizar en una pgina independiente, a la que se puede acceder a travs de
la lista de asociados o de la bsqueda por palabras clave. Cada asociado se podr ver manteniendo el
mismo diseo, tal y como aparece en la pgina actualmente.

3) Mostrar noticias

Se desarrollar un sistema para que la pgina muestre las noticias que vayan introduciendo los
asociados y la asociacin. El funcionamiento del mdulo se puede ver a continuacin.

Portada de la web
En la portada de la pgina web de la asociacin se podrn visualizar las ltimas noticias que hayan
introducido tanto la asociacin como los asociados. En la portada aparecer tan slo el ttulo de la
noticia y se podr ampliar pulsando sobre l. Las noticias de portada sern contabilizadas en un
nmero indicado por la asociacin. Cuando aparezcan nuevas noticias las ms viejas desaparecern de
la portada, aunque se podr consultar un histrico en la seccin de noticias.

Seccin de noticias
Se crear una nueva seccin de noticias, que introducen tanto la asociacin como los asociados. En
esta seccin se podrn ver las noticias junto con sus descripciones y un enlace para ampliar la

informacin. Igual que en la portada, se podr mostrar un nmero de noticias por definir -siempre las
ms nuevas-, aunque en este caso se podr acceder tambin a un histrico con las noticias anteriores.

Muestra noticia
Esta pgina mostrar la noticia con todos sus datos, una vez se seleccione en la portada o en la
seccin de noticias para ampliar su informacin.

4) Opcionalmente, ayuda para actualizacin de administrador

Para la actualizacin de datos de los asociados la asociacin podra acceder a su rea de


administracin introduciendo el usuario y contrasea del asociado que desea editar. Sin embargo, para
evitar que la asociacin deba introducir los datos de cada usuario por separado se podra construir un
mdulo que detecte que se ha introducido la clave de administrador y permita elegir un asociado y
acceder a su pgina de actualizacin sin necesidad de volver a autentificarse como ese usuario.

Este mdulo simplificara la utilizacin de la herramienta de administracin por parte de la asociacin,


sobre todo durante la primera carga de datos. Se puede ver un diagrama a continuacin.

Pgina de acceso
Es la misma pgina que utilizan los asociados para autentificarse, aunque ahora tambin detectara la
clave de administrador, que pertenecera a la asociacin. Una vez detectada la clave de administrador
se accede a las opciones de actualizacin para administrador.

Opciones de actualizacin
Estas opciones, en el caso del mdulo de administracin seran:
a) Lista de asociados a actualizar. Aparecera una lista de todos los asociados y un enlace para acceder

a cada una de sus opciones de actualizacin sin necesidad de volver a autentificarse con la clave de
cada asociado.
b) Actualizar las noticias de no asociados. Para que la asociacin pueda introducir cmodamente las
noticias que no pertenecen a ningn asociado en concreto.

Opciones de actualizacin
Una vez pulsado el asociado que se desea actualizar se accede al mdulo de administracin de los
asociados, descrito anteriormente.

Actualizar noticias de no asociados


Permite insertar las noticias que no pertenecen a ningn asociado. Tambin ser posible editar una
noticia antigua o borrarla.

Estimacin del tiempo necesario

El siguiente timing representa la marcha prevista para la realizacin, carga de datos y puesta en
marcha del sitio.

Notas para la definicin de la base de datos


Durante la primera semana se definir con el cliente la informacin que se pretende guardar en la base
de datos de los asociados.

Notas para el desarrollo del proyecto


El desarrollo se completar en cuatro semanas, contando desde la aprobacin del presupuesto. Con el
desarrollo acabado se podr proceder a la carga de datos.

Notas para la carga de datos


Dado que la base de datos se encontrara inicialmente vaca, la asociacin podr acceder a la

actualizacin de cada uno de los asociados e introducir sus datos. Otra opcin es delegar en los
asociados para introducir sus datos desde el principio. Hasta que a carga de datos no quede rellena por
completo no se puede acabar el proyecto. La carga de datos podr alargarse todo lo que la asociacin
necesite.

Testing e implementacin
En este caso la parte de implementacin ser que las pginas de la asociacin recojan la informacin
del catlogo de la base de datos. Mientras que no se haya realizado la carga de datos completa no se
puede extraer la informacin de la base de datos porque seguramente alguna pgina de los asociados
aparecera vaca, dado que la base de datos podra estar vaca.

Estimacin econmica

Inversin para la creacin y puesta en marcha del sitio.

Creacin de la base de datos SQL Server 220


Creacin de los mdulos de actualizacin y muestra de los datos 1560
TOTAL 1780
*IVA no incluido

Opcionalmente, se puede desarrollar el mdulo de ayuda a la actualizacin de los asociados por parte
de la asociacin con una nica clave de acceso de administrador.

Ampliar mdulo seguridad para hacer el nivel de administrador 120


Acciones de actualizacin centralizadas 40
TOTAL 160
*IVA no incluido
Nota: tener en cuenta que este presupuesto es de 2002. Han pasado varios aos desde que se
present este presupuesto, por lo que los precios tendran que ser bastante ms elevados si lo
presentsemos hoy.

Modo de pago
El pago se realizar en dos plazos:
1) En la cuarta semana se entregar el 70%. Una vez terminada la mayor parte del desarrollo, que
incluye los formularios de actualizacin de asociados completos y la posibilidad de ver la ficha de un
asociado.
2) Una vez terminada la carga de los datos e incluidas en la web todas las funcionalidades contratadas,
se proceder a la entrega del 30% restante.

Publicamos otro presupuesto que nos aceptaron en 2002, para


una empresa que slo deseaba estar en Internet, pero sin grandes
pretensiones.
Veamos otro ejemplo de presupuesto que hemos realizado en el pasado. Este presupuesto, como los
anteriores, fue aceptado y desarrollado por nosotros. Insisto que fue realizado durante 2002, por lo
que los precios y otros elementos podran haberse reflejado de otra forma.
Hemos quitado todas las referencias y ejemplos de diseo, para guardar la confidencialidad del cliente.
Como hemos sealado anteriormente, hay que presentar los presupuestos para solucionar las
necesidades del cliente. En este caso, el cliente no tena muy claro lo que deseaba, simplemente tener
una presencia en Internet, como su competencia. Claro que, si se poda, quera mejorar un poco la
pgina del rival. As que enfocamos el presupuesto presentando la web de la competencia y sugiriendo
unas mejoras para implementar en la web del cliente.
Sin ms tardar, veamos el presupuesto:
Construccin de Pgina web

Objetivo principal

Desarrollo de una pgina web para mostrar informacin de la empresa "cliente", sus productos,
comercializacin y aplicaciones, adems de una pgina de contacto para que los visitantes del web
puedan enviar sus notificaciones, pedidos, preguntas, etc.

La colocacin en Internet en un servidor, el registro de la direccin de la web en Internet y la


promocin del sitio web a travs de los buscadores, para que sea accesible por todos los internautas.

Diversas secciones y trabajos que implican

Vemos detalladamente cada una de los trabajos que se realizarn para llevar a cabo los objetivos.

Planificacin y diseo

Para la planificacin y diseo de esta pgina web se presenta este anlisis-presupuesto en el que se
propone una lnea de diseo y se ofrecen propuestas para organizar los contenidos.

Podr encontrar aqu:

- Anlisis del web de la competencia


- Propuesta de rbol de contenidos.
- Propuesta de la lnea de diseo.

La lnea de diseo consiste en un ejemplo sobre cmo ser la portada y una pgina interior cualquiera
del web. Se presenta adjunta a este presupuesto para que la apruebe el cliente. De este modo nos
aseguramos que el resultado final ser siempre satisfactorio.

Anlisis de la web de la competencia

Se trata de una web sencilla, aunque no tanto como aparentaba en las impresiones de las pginas
presentadas la semana pasada. Aqu se puede ver una lista de las pginas que tiene el sitio web y su
aspecto visual:

Animacin-portada
Una animacin da la bienvenida al web de la empresa. Una vez acaba la animacin se pueden pulsar
los enlaces para acceder a la versin inglesa o la espaola.
La empresa
Con informacin general de la compaa. Esta pgina tiene versin en castellano y en ingls.

Productos
Los tipos de materiales que reparan, con fotografas que se pueden ampliar al pulsar sobre ellas. Esta
pgina tiene versin en castellano y en ingls.

Comercializacin.
Con nuevas informaciones sobre la calidad del servicio, as como los productos y los diferentes
formatos de venta con que se presentan. Esta pgina tiene versin en castellano y en ingls.

Aplicaciones
Explicacin de los mbitos y propsitos donde se pueden utilizar los productos de la empresa. Esta
pgina tiene versin en castellano y en ingls.

Contacto.
Formulario para que los visitantes del web puedan ponerse en contacto con la empresa. Esta pgina
tiene versin en castellano y en ingls.

As pues, nuestra pgina de inspiracin contiene muchos ms elementos de los que, en un principio
caba suponer. Incluso posee el dinamismo de una barra de navegacin que cambia cuando el ratn se
posa en cada una de sus opciones.

Segn mi parecer, recomendara algunas tareas para que el desarrollo de la pgina del "cliente"
mejore, en la medida de lo posible, la pgina de "la competencia", sin que por ello deba aumentar el
presupuesto que podra estimarse para una pgina de este calibre.

- Hacer los diseos ms modernos y suavizarlos. Pues los que se encuentran en las pginas anteriores,
en mi opinin, son un poco rudos y demasiado clsicos.
- A ser posible, estructurar mejor el rbol de contenidos. Pienso que se mejorara si la pgina de
productos albergara tambin los contenidos de las pginas de comercializacin y aplicaciones, que son
muy relacionados. Adems, de esta manera parece menos que nos hemos inspirado en la pgina
anterior.
- Mejorar la animacin de bienvenida, con un logotipo animado o alguna idea similar.
- Colocar una pgina como ndice. La pgina anterior no tena.
- Ampliar el dinamismo de la pgina. Obligado contar con una barra de navegacin que cambie al
pasar el ratn.

El rbol de contenidos propuesto

A continuacin se puede observar el rbol de contenidos propuesto para la pgina web.

Descripcin de las pginas

Las pginas tendrn ms o menos los mismos contenidos que los descritos en la pgina de "la
competencia", los que siguen:

Animacin de bienvenida
Se pueden utilizar algunos motivos grficos de la empresa como sus instalaciones, los productos, el
logotipo, etc. Para hacer una animacin que sirva de entrada a la pgina de la empresa. Esta
animacin podra incorporar tambin sonidos o msica.

Portada
Con algunas fotografas de la empresa, una descripcin muy general, como la que se puede leer en las
tarjetas "texto de la tarjeta...". Adems, dar acceso a las distintas secciones de la pgina web.

Empresa
Con una descripcin de la empresa y fotografas.

Productos
Una breve descripcin y enlaces a sus pginas interiores, donde se muestran:
- Tipos de materiales: Con fotos de cada tipo de piedra y mrmol en tamao pequeo que, al
pulsarlas, se pueden ver a tamao grande.
- Comercializacin: Informacin sobre la calidad del servicio, as como los productos y los diferentes
formatos de venta con que se presentan.
- Aplicaciones: De los productos de la empresa.

Contacto
Pgina con un formulario para que los visitantes puedan mandar sus comunicaciones, con preguntas,
pedidos, etc. Al pulsar el botn de envo del formulario se comprobar que se han introducido los datos
ms importantes y si es as, los enviar. Una vez enviados el visitante obtendr un mensaje
agradecindole su comunicacin.

Propuesta de lnea de diseo

A continuacin puede encontrar unas pruebas de diseo propuesto para la construccin de la pgina
web.

-No mostramos las pruebas de diseo para guardar la confidencialidad-

Este ejemplo puede modificarse en el momento de la realizacin definitiva del sitio y mejorar un poco
todava. Sirva para que el cliente confirme si es esta, o no, la imagen que desea ofrecer en su pgina
web. Si no lo fuere, se puede realizar otra prueba siguiendo las directrices marcadas por el cliente.

Nota: Los datos de la pantalla de prueba, como el texto y las imgenes, son solamente provisionales.
No tienen por qu corresponder con los datos reales. Cuando se realice la pgina se utilizarn los datos
definitivos.

Estimacin del tiempo necesario

Para realizar la pgina web se utilizar un tiempo de un mes a partir de la aceptacin de este
presupuesto.

Aunque la pgina no est acabada, se puede registrar su direccin en un par de das, de manera que
se puedan ir encargando las tarjetas de visita u otros materiales donde figure la direccin definitiva de
la web y los correos electrnicos.

Cualquier retraso significativo en la entrega de documentacin por parte del cliente podra acarrear un
retraso en la realizacin de la pgina, con la consiguiente modificacin de tiempo necesario para la
entrega final de la pgina.

Estimacin econmica

Inversin para la creacin y puesta en marcha del sitio.

Planificacin y diseo 90
Creacin de la animacin de bienvenida 80
Programacin dinmica en los mens 70
Creacin de las distintas pginas web 420
Puesta en marcha 30
TOTAL (114.806 pesetas) 690
*IVA no incluido

Inversin para el desarrollo de la pgina en segundo idioma.

Creacin de las distintas pginas web 300


Puesta en marcha 30
TOTAL (54.907 pesetas) 330
*IVA no incluido

Esta oferta para la realizacin de la pgina en segundo idioma implica que se ha desarrollado antes la
pgina en castellano. Es ms econmico porque ya hay mucho trabajo realizado, como son la
animacin, los dinamismos de la barra de herramientas, etc.

Estimacin del tiempo necesario


El desarrollo de la pgina en segundo idioma se estima se realizar en un tiempo de dos semanas. Se
realizar una vez completado el desarrollo de la pgina en castellano.

Otros conceptos

Promocin de la pgina
Una vez que la pgina est colocada en la web, debemos hacerla popular para que obtenga el mayor
nmero de visitas. Para conseguirlo una de las tareas fundamentales es informar de su creacin a los
buscadores de Internet.

Incluimos la posibilidad de promocionar la pgina en base a los siguientes puntos:

- Se optimizar la portada y otras pginas del sitio para su mejor registro en los buscadores,
incluyendo palabras clave y descripciones adecuadas.
- Posteriormente se introducir manualmente la direccin en los 20 buscadores y directorios espaoles
e internacionales ms importantes.
- Adems se realizar el registro automtico en 3.000 sitios en Internet donde se puede promocionar
la pgina, como buscadores espaoles, e latino-americanos menos relevantes, cientos de buscadores
norteamericanos y europeos, listas de enlaces, directorios temticos, etc.

Promocin de la pgina web 90


TOTAL (14.975 pesetas) 90
*IVA no incluido

Dominios y alojamiento
Para que la pgina est visible en Internet se debe contar con un espacio en un servidor. Adems se
registrar un dominio propio con el nombre que la empresa desee, entre los posibles.

Dominios
Los dominios .com, .net, .org, .biz o .info tienen una tasa de registro de 24 anuales y el tiempo de
registro medio son 48 horas.

Ejemplos de dominios libres para esta pgina web:

cliente.net
cliente.org
cliente.biz cliente.info
cliente-xxx.com xxx.com
cliente.net

El dominio .es (territorial de Espaa) tiene una tasa de registro de... (El registro de los .es ha
cambiado de precio, equiparndose, por ejemplo, a los .com... el precio que se seala aqu es el que
tenan antes los .es) 220 el primer ao y 102 cada renovacin. Adems, slo se pueden registrar
dominios con el nombre de la empresa, un acrnimo o una marca registrada.

Alojamiento
Ser necesario contratar un alojamiento de altas prestaciones que nos proporcione espacio, suficiente
para colocar la pgina web, y otros recursos como correos electrnicos con el dominio de la web,
estadsticas, etc.

Mantenimiento
Para que la pgina se encuentre siempre actualizada y puedan introducir cada cierto tiempo las
modificaciones que resulten oportunas.

Inversiones con carcter peridico


Por los conceptos de alojamiento y mantenimiento de la pgina.
Registro de dominio, pago anual 24
Alojamiento, pago anual 143.88
Mantenimiento anual 12
TOTAL (29.930 pesetas) 179.88
*IVA no incluido

Tarifa por la realizacin de los sitios en distintos idiomas para la


pgina de un cliente. Las traducciones las entrega el propio
cliente, slo incluye el desarrollo y montaje en tres idiomas.

Otro trabajo que nos pueden solicitar consiste en realizar la traduccin de un sitio web. Generalmente
nosotros nos encargaremos de la parte tcnica relativa a la construccin de la web, entregando el
cliente los textos en los diferentes idiomas.
Aunque si el cliente nos lo solicita, podramos tambin presupuestar las traducciones. En ese caso
deberamos ponernos en contacto con una empresa de traduccin y pedirles presupuesto a ellos para
proporcionarnos los textos. De este tipo de trabajos subcontratados se puede cobrar una pequea
comisin, por la tarea de buscar el proveedor, comunicarle las necesidades del cliente y hacer de
interlocutor. La comisin la podemos ajustar dependiendo del precio que nos de la empresa que vamos
a subcontratar, si es razonablemente bajo podemos aplicar un mayor margen, como 10%, pero si
resulta muy caro puede ser incluso mala idea fijar una comisin.
Si no podemos aplicar nuestro margen, es buena idea que pongamos directamente en contacto al
cliente con la empresa de traduccin, para ahorrarnos todos el gasto de tiempo por hacer de
interlocutor entre ellos.
Podemos buscar traductores en Mercado Profesional.
En cualquier caso, como nosotros somos especialistas en el desarrollo de webs y no en la traduccin,
conviene que dejemos la parte que no sepamos a cargo de profesionales especializados.
Adaptacin y ampliacin de la web xyz a varios idiomas
Objetivo
Ampliar la pgina web existente para que se pueda visitar tambin en los idiomas: Francs, Ingls y
Alemn. Establecer una forma sencilla para la navegacin entre las distintas versiones de cada lengua.
Descripcin del proyecto
La idea es que la pgina del cliente xyz se pueda visitar en varios idiomas, a eleccin del visitante. En
ningn caso se pretende modificar el diseo de la pgina ni cambiar las fotografas.
El idioma en el que se desee visitar la pgina del cliente xyz se seleccionar a travs de iconos con las
banderas de cada uno de los pases cuyos idiomas se van a integrar. Los iconos se situarn en la
cabecera del sitio, visibles en todas las pginas.
El modo de funcionamiento de la web sera el siguiente:

La pgina principal del cliente ser como la actual, en espaol, salvo porque se aadirn las
banderas de cada pas en la parte de arriba. Si el cliente lo prefiere y si opina que las banderas
de la parte superior no destacan suficientemente, podemos colocarlas en la parte del centro de
la pgina, mucho ms a la vista.

Las pginas interiores incluirn los iconos de las banderas de los distintos idiomas y, pinchando
en cada una de esas banderas, se visualizar la traduccin correspondiente.

Trabajos a realizar
Para cada idioma, se crear un duplicado de la web, con el mismo diseo y fotografas. Se editarn los
textos para colocar los correspondientes al idioma al que se est traduciendo la pgina.
En cada una de las pginas se aadirn las banderitas correspondientes a cada uno de los idiomas.
Los textos los proporcionar el cliente y nosotros nos encargaremos de colocarlos en cada una de las
traducciones.
Estimacin econmica
Tenemos en cuenta que el trabajo de crear una web desde 0 es mucho mayor que el necesario en este
caso, que slo se tiene que traducir.
Tambin habr que contar con que se deben editar las pginas en castellano, para colocar un enlace
hacia las pginas en cada uno de los idiomas.
Traduccin a cada idioma... 150 euros x 3 idiomas 450
Edicin de las pginas en castellano 50
TOTAL 500
*IVA no incluido
Tiempo estimado para la realizacin del trabajo
Una vez aceptado el presupuesto y entregados los textos de la pgina en cada uno de los idiomas, se
utilizar un tiempo de dos semanas para completar el trabajo.
Nota del editor: Para que no lleve a confusin, no pensbamos que este trabajo pudiera ocupar dos
semanas de trabajo continuo. En realidad suponamos que nos iba a ocupar mucho menos tiempo, pero
siempre es buena idea darse ms tiempo del necesario, por si tenemos que hacer otras tareas durante
el desarrollo de esta.

Opcin de promocin de la pgina

Actualmente, la pgina est muy bien promocionada para los posibles usuarios espaoles. Es decir, un
visitante espaol la podr encontrar fcilmente. Sin embargo, si el visitante viene de otro pas, puede
que le resulte ms difcil encontrar la pgina del cliente. Esto es debido a que utilizar otros
buscadores para encontrar pginas web o bien porque utilizar otras palabras clave distintas en el
idioma de la traduccin.
Por esta razn y si se estima oportuno, se ofrece la posibilidad de promocionar las pginas en los
distintos idiomas, por lo menos en los buscadores ms utilizados para cada pas.
En este caso, nosotros nos encargaramos de seleccionar 5 buscadores para cada idioma y pas entre
los ms importantes. Realizaramos el registro de la pgina, en cada uno de sus idiomas, en los 5
buscadores ms importantes para cada uno de los pases a los que va enfocada.
Registro de la pgina en 5 buscadores ingleses 50
Registro de la pgina en 5 buscadores franceses 50
Registro de la pgina en 5 buscadores alemanes 50
TOTAL 150
*IVA no incluido

Propuesta para realizar la versin online de una revista en papel.


Se requera un cuidado especial, porque la revista estaba muy
bien trabajada estticamente y era un cliente fuerte.
Presentamos un presupuesto realizado en 2003 para una pgina de una revista que se edita en
Espaa. Haba que hacer la versin online de la revista, con una seleccin de contenidos que se
renuevan cada mes y ofrecer algn valor aadido.
Como se podr observar, este presupuesto tiene un estilo distinto al de otros publicados en el manual
de Tarifas y presupuestos para el desarrollo de webs. Esto es debido a que el autor principal de este
presupuesto es distinto que otros anteriores.
OBJETIVO
Disear y desarrollar la versin digital de la revista Simbad para Internet, aportando un enfoque
adaptado al medio, guardando algunos rasgos comunes con la versin en papel impreso, pero
incidiendo en algunas caractersticas propias que aporten un valor aadido.
Es fundamental la utilizacin de un estilo homogneo que facilite la navegacin y la claridad.

Ser asimismo un soporte ideal para captar suscriptores y anunciar promociones.


ESTRUCTURA PROPUESTA
El patrn bsico a seguir ha de ser la creacin de un esquema claro y sencillo, para facilitar as la
descarga gil de las imgenes y permitir que el visitante acceda lo antes posible a la informacin que
demanda.
Es muy importante que el diseo responda a un alto estndar de calidad, que equipare la versin online a la cuidada maquetacin de la revista original.
De este modo, y tras un estudio preliminar (aunque sujeto a posibles cambios), se sugiere la siguiente
jerarqua de enlaces, que ser la misma a lo largo de toda la web:

Portada: Introduccin, artculos destacados, botn de suscripcin.

Sobre Simbad: Informacin sobre las 16 secciones del contenido de la revista.

ltimo nmero: ndice de la edicin impresa, portada en formato PDF y acceso a algunos
artculos.

Suscripciones: Permite la suscripcin y el pago a travs de tarjeta de crdito.

Publicidad: Datos de contacto para anunciantes.

Club de "la revista": Pasaporte de "la revista", informacin y establecimientos asociados.

Contctanos (e-mail): Siempre visible, permitir a nuestros visitantes contactar con


nosotros para felicitarnos, aclarar dudas o sugerir mejoras.

Enlaces: Esta seccin nos servir de plataforma para el intercambio de enlaces con socios,
representantes, distribuidores, y por qu no, con algunos sitios relacionados con el mundo de
"La revista", que destaquen por su belleza o utilidad para nuestros visitantes. El objetivo
siempre es prestar un servicio y de paso generar ms trfico hacia nuestro sitio.

PROMOCIN ON-LINE
No basta con desarrollar una buena pgina web: en Internet, nuestra oferta ser opaca si no la
promocionamos debidamente en los distintos directorios y robots de bsqueda que coexisten en la red.
Un desconocimiento de los distintos buscadores puede ser nefasto, y relegar a nuestra web a la
ltimas e indeseadas posiciones.
Por ello es necesario dar de alta individualmente y escogiendo cuidadosamente la descripcin de
nuestra propuesta, las palabras clave, etc.

Actualmente, los diez o quince buscadores principales (nacionales - ej: Terra - o internacionales - ej:
Google -), van a generar el 95% del trfico a nuestra pgina, por lo que el objetivo primordial ser el
registro en sus bases de datos, as, cualquier persona podr acceder nuestra web desde cualquier
parte del mundo.
PROPUESTA ECONMICA
Se desglosan a continuacin las distintas fases del proceso, con algunas opciones alternativas.
- Diseo de la Homepage: X . Apariencia general de la pgina web. Se presentarn cuantos diseos
sean necesarios hasta la completa satisfaccin por parte de la direccin de la revista.
- Desarrollo: X . Incluye digitalizacin y optimizacin de todas las imgenes para publicarlas en
Internet, maquetacin y programacin (lenguajes HTML, CSS y JavaScript).
- Programacin: Concretamente, hay dos secciones que requieren de programacin avanzada, que son
"Suscripciones" y "Club Simbad": necesitamos crear bases de datos, proteger las contraseas de los
usuarios y enlazar con pasarelas de pago de algn banco para el cobro con tarjeta. El precio sera de X
pasarela de pago + X mdulo de suscripciones + X registro de usuarios.
- Otros idiomas adicionales: X cada uno. Incluye la creacin de directorios especiales para cada uno
de los idiomas alternativos (ingls, francs...)
- Publicacin de todos los contenidos: 0 . Transmisin remota mediante un programa (FTP) de los
contenidos a Internet.
- Alta en buscadores: X . Inclusin individualizada en los quince buscadores ms importantes de
Internet, y programacin de etiquetas especiales (Meta) para los robots de bsqueda.
- Mantenimiento: Al contrario que su homnima en papel, la flexibilidad e inmediatez del medio, le
permiten a la edicin digital la posibilidad de cambiar, suprimir, aadir o corregir cualquiera de los
contenidos. Adems, una revista siempre es un medio vivo, que precisa de actualizaciones regulares.
Por ello, el sistema ms adecuado para el mantenimiento es de una cuota mensual.
Contando con la recepcin de todo el material necesario, nos comprometemos a tener terminada la
pgina web en un mximo de un mes a partir de la aprobacin definitiva del diseo.
Los precios se han de incrementar con el IVA correspondiente.

Mostramos un presupuesto presentado en 2003, que nos


aceptaron, en el que se propona crear las versiones en varios
idiomas de una web ya existente.

Este presupuesto es muy sencillo porque la pgina ya estaba realizada y simplemente se deseaban
crear las versiones en tres nuevos idiomas. Como simplemente era duplicar las pginas y cambiar los
textos a otro idioma, el presupuesto o alcance del proyecto quedaba muy bien acotado.
La pgina no era muy grande, simplemente una portada y alrededor de 10 12 pginas interiores. A
continuacin se puede ver el presupuesto:
Objetivo
Ampliar la pgina web existente para que se pueda navegar tambin en los idiomas: Francs, Ingls y
Alemn.
Descripcin del proyecto
La idea es que la pgina de la empresa se pueda visitar en varios idiomas, a eleccin del visitante. En
ningn caso se pretende modificar el diseo de la pgina ni cambiar las fotografas.
El idioma en el que se desee visitar la pgina de la empresa se seleccionar a travs de iconos con las
banderas de cada uno de los pases cuyos idiomas se van a integrar.
El modo de funcionamiento de la web sera el siguiente:
- La pgina principal de la empresa ser como la actual, salvo porque se aadirn las banderas de
cada pas en la parte de arriba, junto con la actual bandera de Inglaterra. Si el cliente lo prefiere y si
opina que las banderas de la parte superior no destacan suficientemente, podemos colocarlas en la
parte del centro de la pgina, mucho ms a la vista. - Las pginas interiores incluirn los iconos de las
banderas de los distintos idiomas y, pinchando en cada una de esas banderas, se visualizar la
traduccin correspondiente.
Trabajos a realizar:
Para cada idioma, se crear un duplicado de la web, con el mismo diseo y fotografas. Se editarn los
textos para colocar los correspondientes al idioma al que se est traduciendo la pgina.
En cada una de las pginas se aadirn las banderitas correspondientes a cada uno de los idiomas.
Los textos los proporcionar el cliente y nosotros nos encargaremos de colocarlos en cada una de las
traducciones.
Estimacin econmica

Tenemos en cuenta que el trabajo de crear una web desde 0 es mucho mayor que el necesario en este
caso, que slo se tiene que traducir.
Tambin habr que contar con que se deben editar las pginas en castellano, para colocar un enlace
hacia las pginas en cada uno de los idiomas.
Traduccin a cada idioma... 150 euros x 3 idiomas 450
Edicin de las pginas en castellano 50
TOTAL 500
*IVA no incluido

Tiempo estimado para la realizacin del trabajo

Una vez aceptado el presupuesto y entregados los textos de la pgina en cada uno de los idiomas, se
utilizar un tiempo de dos semanas para completar el trabajo.
Opcin de promocin de la pgina

Actualmente, la pgina est muy bien promocionada para los posibles usuarios espaoles. Es decir, un
internauta espaol la podr encontrar fcilmente. Sin embargo, si el visitante viene de otro pas, puede
que le resulte ms difcil encontrar la pgina de la empresa. Esto es debido a que utilizar otros
buscadores para encontrar pginas web o bien porque utilizar otras palabras clave distintas a las
castellanas.
Por esta razn y si se estima oportuno, se ofrece la posibilidad de promocionar las pginas en los
distintos idiomas, por lo menos en los buscadores ms utilizados para cada pas.
En este caso, nosotros nos encargaramos de seleccionar 5 buscadores para cada idioma y pas entre
los ms importantes. Realizaramos el registro de la pgina, en cada uno de sus idiomas, en los 5
buscadores ms importantes para cada uno de los pases a los que va enfocada.
Registro de la pgina en 5 buscadores ingleses 30
Registro de la pgina en 5 buscadores franceses 30
Registro de la pgina en 5 buscadores alemanes 30
TOTAL 90
*IVA no incluido

Un presupuesto para hacer un diccionario enciclopdico que nos


pidieron en 2003. Aunque este presupuesto no fue aceptado,
puede ser una buena referencia de cotizacin.
Objetivo

Organizar una base de datos de informacin sobre temas diversos y construir unas pginas web que
permitan visualizar y administrar dicha informacin en Internet.

Desarrollo del proyecto

Para la realizacin de este proyecto ser necesaria la programacin de unas pginas web de libre
acceso que conecten con una base de datos para mostrar la informacin de la "enciclopedia
monogrfica", y una herramienta de administracin que permita al cliente actualizar la informacin de
la base de datos de una manera rpida y sencilla.

Base de datos
La base de datos, de manera genrica, estar organizada, bsicamente, en dos entidades: una para
las "entradas principales" y otra para las "entradas dependientes".

Nota: a la hora de organizar la informacin en la base de datos no vamos a tener en cuenta la inicial
de la entrada principal. Aunque tenemos en cuenta que a la hora de mostrar los datos en la pgina
web se deben colocar ordenados por iniciales.
Nota a los lectores de este presupuesto: el concepto de "entradas principales" y "entradas
dependientes" es algo que nos transmiti el cliente. Nosotros en el presupuesto simplemente nos
dedicamos a especificar con todo detalle cmo se desarrollara el proyecto, pero la concepcin es
responsabilidad del cliente. Hoy al releerlo me recuerda bastante a la Wikipedia.

Ejemplo:
Tendremos una entrada para "Abad, ngel" y dentro de esta podra haber "Biografa", "Entrevista",
"Links", "Publicaciones", etc.

En este caso la "entrada principal" sera "Abad, ngel" y debera haber una serie de "entradas
dependientes" como "Biografa", "Entrevista", "Links", "Publicaciones", etc.

La base de datos contar con estas caractersticas:

No habr lmite de entradas principales para colocar en cada inicial. Por ejemplo, para la letra
A podran haber 150 entradas principales y para la letra "Z" podran haber slo tres entradas.

No habr lmite de entradas dependientes para cada entrada principal. Una entrada principal
como "Abad, ngel" en el ejemplo anterior, podra tener 4 entradas dependientes y otras
entradas principales podran tener otro nmero de entradas dependientes. Es decir, no habra
problema para colocar otras entradas principales que tuvieran 100 entradas secundarias, 3, 4
o ninguna.

No podrn haber entradas dependientes que no tengan ninguna entrada principal.

Las entradas dependientes podran ser de cualquier tipo que se necesite. Podemos tener
biografas, entrevistas, links, publicaciones, marco histrico, parentescos, etc. En general todas
las informaciones que deseemos guardar.

Las entradas principales tendrn los siguientes campos: ttulo, descripcin, cuerpo.

Las entradas dependientes tendrn los siguientes campos: identificador de la entrada principal
a la que est asociada, ttulo (que se utilizar como tipo de la entrada secundaria), descripcin,
cuerpo.

Para que cualquiera de las entradas principales o dependientes pueda contener una o varias imgenes
se va a crear tambin en la base de datos una entidad de imgenes. Cada imagen contendr varios
campos, aunque bsicamente sern el archivo grfico y la descripcin de la imagen. Existir la
posibilidad de asociar una imagen a una o varias entradas principales y/o una o varias entradas
dependientes.
Pginas de visualizacin
Como segundo paso necesitamos unas pginas que muestren la informacin de la base de datos, a las
que tendr acceso cualquier internauta.
Las pginas se realizarn siguiendo el siguiente esquema:

En la portada se podrn visualizar las distintas iniciales, con un enlace para acceder a cada una de
ellas.
Se dedicar una pgina independiente para cada inicial. En la inicial se podrn visualizar una lista de
entradas principales. La lista de entradas principales podr estar dividida en varias pginas, por
ejemplo, se podran ver 10 entradas principales por pgina.
En cada entrada principal se podr encontrar informacin de esa entrada, las imgenes asociadas y
enlaces a cada una de las distintas entradas dependientes que tenga relacionadas.
En cada entrada dependiente se mostrar su informacin e imgenes asociadas y un enlace para
volver a la pgina de la entrada principal donde est englobada.
Tambin se desarrollar un buscador, que nos permita introducir palabras en un campo de texto y
hacer una bsqueda de entradas que incluyan dicha palabra. El formulario para el buscador por
palabras clave se podra incluir en todas las pginas para permitir un acceso ms rpido a las
funciones de bsqueda.
Pginas de administracin
Se debern crear unas pginas web que permitan que el administrador o los administradores de la
pgina realicen cambios en la base de datos.
Las acciones que deber permitir el administrador son:

Crear, editar o borrar una entrada principal.

Crear, editar o borrar una entrada dependiente.

Crear, editar o borrar una imagen. Asociar las imgenes a las entradas principales y
dependientes.

Las pginas de administracin se protegern con un nombre de usuario y una clave para asegurarnos
de que nadie pueda acceder a la herramienta de actualizacin de la pgina sin el debido permiso.
Estimacin econmica
A continuacin se puede encontrar la inversin necesaria para el desarrollo de la aplicacin:
Diseo de la base de datos 400
Creacin de las pginas de visualizacin 1220
Creacin de las pginas para la administracin 970
TOTAL 2590
*IVA no incluido

Tiempo de desarrollo

Se necesitarn 6 semanas para terminar el trabajo.


Se utilizarn dos semanas adicionales para realizar pruebas y ajustes en la aplicacin.

Modelo de presupuesto distinto que los que venimos presentando,


para la creacin de una pgina bsica, el registro de dominio y
alojamiento.
Para seguir con nuestro manual de tarifas y presupuestos para la creacin de webs, vamos a presentar
otro presupuesto que hemos realizado en el pasado, que fue aceptado.
Este presupuesto tiene una forma distinta que otros que hemos presentado en este manual, lo que es
positivo y permite tener varios modelos de presupuestos para la creacin de webs, que se pueden
utilizar en uno u otro caso. Hay que decir que este modelo de presupuesto es ms sencillo que otros
que hemos presentado aqu.
El presupuesto era para una web esttica y estrictamente presencial, aunque el cliente requera cierto
dinamismo. Nosotros presentamos este presupuesto en junio de 2002.
Presupuesto para la creacin de la pgina web de El cliente
Compra del dominio:

elcliente.com dominio disponible para la compra. Plazo aproximado de entrega 3 das.


Precio: 18.00 Euros durante el primer ao natural y 18.00 euros por las renovaciones en cada ao
consecutivo.
Alquiler del servidor:
Alquiler de un servidor web con direcciones de correo del tipo nombre@elcliente.com ilimitadas, con
opcin de ver el correo desde una pgina web en cualquier ordenador.
- 80 MB de espacio en disco para alojamiento de pginas web
- 1 lista de correo donde los visitantes se pueden suscribir para recibir noticias.
- Soporte para aadir Flash
- Soporte para base de datos.
- Monitorizacin 24/7
Precio: 250 Euros al ao ms 6 Euros de alta.
www.urldelempresaqueofreceelalojamiento.com
Pgina web:
El proyecto consistir en plasmar en pgina web el catlogo del que actualmente disponen.
Consistir en
- 1 pgina principal en la que aparecern 5 opciones con sus correspondientes grficos:
- " Integracin de sistemas
- " Cine en casa
- " Antenas y Plataformas Digitales
- " Mantenimiento de comunidades: Videos porteros y cmaras digitales
- " Telefona, Centralitas y Fax
Pgina de Integracin de sistemas audiovisuales:
En esta pgina aparecer la explicacin de las integraciones de los sistemas audiovisuales. Aparecer
una imagen, en la que al ponerse sobre los distintos elementos de los que consta la integracin,
mostrar una descripcin del mismo, esta descripcin ser mediante un pequeo cuadro texto que
aparezca en una esquina de la foto. Al quitar el ratn de encima del elemento, esta explicacin
desaparecer.

Pgina de cine en casa:


Dispondr de una explicacin de los sistemas de cine en casa en la que aparecern las dos opciones
posibles de instalacin, en cada una de estas opciones, se podr entrar para ver los elementos de los
que consta, as como su descripcin. Estarn descritos tanto los sistemas de audio como de video.
Aparecer una imagen, en la que al ponerse sobre los distintos elementos de los que consta la
integracin, mostrar una descripcin del mismo, esta descripcin ser mediante un pequeo cuadro
de texto que aparezca en una esquina de la foto. Al quitar el ratn de encima del elemento, esta
explicacin desaparecer.
Pgina de antenas y plataformas digitales:
Descripcin de los servicios que se ofrecen, con un grfico de las distintas plataformas que se
implantan, y una explicacin sobre las diferentes formas de implantacin.
Pgina Mantenimiento de comunidades: Videos porteros y cmaras digitales
Descripcin de los servicios que se ofrecen, con fotos de los distintos sistemas que se implantan.
Pgina Telefona, Centralitas y Fax:
Descripcin de los servicios que se ofrecen, con fotos de los distintos sistemas que se implantan.
Precio Creacin de la pgina con HTML, Capas y Javascript: 690 Euros
Forma de Pago:
Alojamiento y compra del dominio: 100% al comenzar el proyecto.
Pgina Web: 50% al comenzar el proyecto, 50% restante un mes despus de la publicacin de la
pgina.
Estos precios no incluyen I.V.A.
Plazo de Entrega:
Un mes despus de la aprobacin del presupuesto. Este plazo de entrega se retrasar en caso de que
el cliente demore la presentacin de la documentacin.

You might also like