De Psd a Html: El negocio millonario de la Maquetacion Web

Hoy quiero hablarles no tanto de la parte técnica, sino de la parte comercial de esta actividad.
Al terminar de leer este artículo descubrirás porque la maquetacion web y el paso de Psd a Html, es un negocio MILLONARIO donde tú tambien puedes participar y ganar muchísimo dinero.

Aqui te explicaré varias formas en las que tú puedes ganar mucho dinero si sabes como pasar de Psd a Html de forma correcta.
Desde el primer artículo de este blog, comenté el gran negocio que hay detras de la maquetacion web y es justamente por eso, que los que están dentro de esta actividad, no comparten sus secretos.

Tienes 3 formas de ganar mucho dinero dentro de la maquetacion web:

1 – Creando Templates.
2 – Trabajando freelance como maquetador profesional.
3 – Realizando esta actividad dentro de un estudio diseño o agencia de publicidad.

Incluso, podrías combinar las 3 juntas.

Vamos a ver la primera:

1 – Creando Templates
La creación de templates es un excelente negocio que deja millones de dólares de ganancia al año.
¿Te pregutarás como?
Pues es muy simple: Hay muchisimos sitios web donde puedes poner a la venta los  templates que crees en formato html + CSS, y obtener ganancias por ellos.

Algunos sitios son:

http://www.templatemonster.com
http://www.templatesbox.com
http://themeforest.net/

Solo a modo de ejemplo voy a mostrarte la gran cantidad de dinero que puedes ganar creando templates.

Voy a tomar como ejemplo el ultimo sitio que nombre http://themeforest.net/
Al ingresar, e ir hacia abajo, encontrarás muchos cuadraditos donde se muestran los ultimos templates que pusieron a la venta los programadores.

Vamos a elegir uno de ejemplo; yo elegí este:
http://themeforest.net/item/eruption/150115

Si te fijas en la columna derecha, el precio de este template es de $15 (dolares), uno de los precios mas enconomicos, ya que se pueden vender tranquilamente al doble.
Mas abajo nos dice que hasta el dia de hoy (14/01/2011), se ha vendido una 64 veces (64 purchases).
Si multiplicamos $15 dolares por 64 veces, nos da un total de $960.
Pero………si vas mas abajo, vemos que la fecha de creacion es del 5/01/2011.
Es decir, este template le ha generado al programador, unos $960 dolares de ganancia, en solo 9 dias !!!!
Y quizas al programador, le llevó solo 1 dia de trabajo.
¿Nada mal no?

Espero que con esto, veas el potencial negocio que hay detrás de la creación de templates.
Como ves, tu tambien puedes hacer mucho dinero creando templates y subiendolos no solo a 1 sitio de estos, sino a los que quieras.
Pero estos sitios requieren que subas el template, perfectamente maquetado en HTML y CSS.
Y este es mi objetivo aqui: enseñarte la maquetacion web profesional.

2 – Trabajando freelance como maquetador profesional.
Puedes realizar trabajos de diseño y maquetacion web de forma freelance.
O tambien puedes dedicarte exclusivamente a trabajar con diseñadores, encargándote de la parte de transpaso de psd a html.
Por experiencia, te digo que el valor de la maquetacion web en HTML, es aproximadamente el 50% del valor total del sitio. (o un poco mas, dependiendo de la complejidad)

Y si eres bueno diseñando, puedes hacer las 2 cosas, obteniendo el 100% de las ganancias !

3 – Realizando esta actividad dentro de un estudio diseño o agencia de publicidad.
Sabiendo convertir un psd a html, puedes trabajar como maquetdor profesional para un estudio de diseño o agencia de publicidad.
Este trabajo está MUY BIEN pago en la mayoría de estos lugares, justamente porque no hay mucha gente que lo realice de forma profesional.

IMPORTANTE: demás está decir, que esta actividad es MUY SOLICITADA ya que en los ultimos años, es imprescindible que un sitio web aparezca en los buscadores,  lo haga lo mas rápido posible, y se mantenga el mayor tiempo.
Y aqui es donde la maquetacion web con HTML y CSS es un aliado indiscutible.

Este fue un resumen de como puedes ganar mucho dinero si sabes pasar de Psd a Html de forma correcta y compatible con todos los navegadores y dispositivos móviles.
Y yo te lo voy a enseñar personalmente. :)

About these ads

11 pensamientos en “De Psd a Html: El negocio millonario de la Maquetacion Web

  1. Horacio

    Estimado amigo, muy buena parece ser la web es la primer nota que leo, una consulta, hay algun sitio o forma de conseguir archivos .psd para maquetar para llevar a cabo este tipo de trabajos? ya que se maquetar pero no es mi virtud diseñar(.psd, etc).
    Espero tu respuesta.
    Saludos

    Responder
    1. Psd a Html Autor de la entrada

      Hola Horacio, gracias por tus comentarios.
      Con respecto a los archivos PSD, si solo los quieres para practicar los ejercicios de maquetacion web que aqui propongo, puedes ir a cualquier sitio que te guste y presionar la tecla “Impr. Pant” ó “Print Screen”, luego vas a Photoshop, creras un archivo nuevo con las medidas que ya te pone, y luego hacer Ctrl+V (pegar/paste) y te pegará la pantalla del sitio web.
      Luego alli, puedes practicar tranquilamente los ejercicios de maquetacion web.
      Por supuesto, no es lo mismo que tener un PSD con capas separadas, pero como para practicar viene bastante bien.

      Saludos!!!

      Responder
      1. Horacio

        No, no es para practicar, para practicar tengo varios descargados pero pagos, la idea es ver la forma de empezar a meterme en este negocio, pero tengo una falencia en el diseño(osea la creacion de los .psd .png etc), tengo conocimientos de maquetacion xhtml, css, seo, javascript, etc pero no de diseño es por ello que buscaba la forma de meterme en este negocio pero al no tener los archivos .psd se me complica.

  2. jhon

    hola como estas espero que muy bien.

    Unos de mis problemas es la compatibilidad con las diferentes resoluciones de pantalla
    me gustaria que mis diseños se vieran iguales.

    Me explico, que no haya que hacer scroll o que la pagina se vea expandida o pequeña u de otra forma..

    Cuando tenga otra inquietud que creo que van hacer muchas te escribo..
    Muchas Gracias
    Espero tu pronta respuesta
    Que estes muy bien

    Responder
    1. Psd a Html Autor de la entrada

      Hola
      Hay forma para q tus diseño se vean iguales.
      Obviamente, las imagenes que insertes tienen un tamaño fijo en pixeles, sin importar que resolucion uses.
      Pero lo que si se puede, es adaptar los tamaños de los DIV a los tamaños de las diferentes resoluciones.

      Obviamente, cada caso de diseño tiene una solucion especifica y hay que adaptar cada una.
      Por ejemplo:
      Como solucion simple puedes usar en tus DIVs, medidas de porcentajes (%) y no de pixeles.
      Entonces, si a un DIV en vez de ponerle 900 px de ancho, le pones 85%, siempre se adaptará al 85% de la medida que tenga la resolucion del monitor del usuario que esta viendo la pagina. Y si ese DIV tiene una imagen de fondop, la pones en modo “mosaico”, o sea, q se repita automaticamente, y asi tendras adaptada esa parte a los diferentes resoluciones.
      Este es el conpeto “principal” de adaptacion a medidas de diferentes resoluciones.

      Como tu no sabes que resolucion va a tener la persona que visite tu sitio, debes trabajar las medidas en porcentajes.

      Otra opcion mas compleja, es detectar con JavaScript la medida de la resolucion y luego manejarte con esta medida dentro del CSS.
      Pero no quiero entrar aqui en el tema de JavaScript. Lo dejo para posts futuros, jejeje.

      Saludos y espero haberte ayudado.

      Responder
  3. jhon

    Hola, muchas gracias por haberme colaborado con esa inquietud.
    Voy a probar lo que me dijistes y luego te comento como me fue..

    Muchas gracias por todos tus aportes que son buenisimos sigue asi amigo.

    Que estes muy bien

    Responder
  4. beel

    Muy interesante no sabia todo esto. Son realmente muy buenas todas tus publicaciones
    que nos precentas y nos muestras gracias…

    Responder
  5. elmer

    Hola Estimado,

    Mi consulta es sobre la plataforma para poder ver los videos tutoriales, habrá algún problema si lo veo en MAC ? están hechos solo para windows ? agradecería me puedas ayudar con esta interrogante, ah y otra cosa más, no podrías colocar o indicar donde podemos ver tus trabajos para poder tener referencia de lo que desarrollas ??

    saludos y gracias

    Responder
    1. Psd a Html Autor de la entrada

      Hola Elmer
      Te comento que la plataforma para ver los videos del Curso Completo, es exactamente la misma que cualquier pagina de internet.
      Los videos son 100% compatibles con PC y Mac, ya que estan creados en formato MP4, y alojados de forma online en nuestros servidores web.
      El acceso es por medio de la Zona de Miembros, donde estan alojados online todos los videos y el material complementario del curso.

      Saludos!
      Cristian

      Responder

Deja un comentario

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s