¿Qué se trabaja en web?

Eduardo Fierro
May 23 · 5 min read

¡Muy buenas Crucks! Si estáis comenzando o pensando en trabajar en web seguramente os preguntaréis qué tipos de páginas web nos podemos encontrar para trabajar en cualquier empresa a día de hoy (23 de Mayo 2019)

Vamos a hacer un pequeño resumen sobre tipos de páginas web que se trabajan y tecnologías que más suelen pedir algunas empresas para este tipo de proyectos.


Banners

¿Qué son los banners?
Son piezas publicitarias que se insertan en las páginas web.
Como se trabajan varios al mismo tiempo se suelen llamar “campaña de banners”.
La información sobre el peso, los formato y dónde apareceran suelen venir dadas en un “plan de medios” que nos entregan junto a la documentación.

¿Cada cuánto se trabajan?
Depende de las marcas pero por regla general suele haber una campaña de banners cada dos semanas.

¿Dónde se trabajan?
Generalmente en agencias de publicidad.

¿Cuánto tiempo se tarda en hacerlos?
Los banners deben de realizarse muy rápidos a nivel de maquetación, es decir normalmente son piezas que se trabajan como máximo en una semana(a veces en días)

¿Con qué tecnología se hacen los banners?
Se pueden trabajar de dos formas:
· Mediante aplicaciones como Google Web Designer o Adobe Animate
· Hechas a mano en HTML, CSS y JS (generalmente jQuery)


Newsletters

Las newsletter son los correos comerciales que nos llegan a la bandeja de correo cada de forma periódica.

¿Dónde se trabajan?
Se trabajan más en agencias de publicidad, pero cualquier empresa puede hacer sus propias newsletter.

¿Cada cuánto se trabajan?
Normalmente tendremos que hacer una cada dos semanas, igual que los banners ya que suelen ir de la mano con los planes de medios.

¿Cuánto se tarda en hacerlas?
Se suelen tardar menos de dos horas, ya que nos dedicaremos a cambiar textos de una plantilla ya predefinida. Si tenemos que crear una desde cero, depende de la tecnología que usemos.

¿Con qué tecnología se hacen las newsletter?
Se utilizan varias formas:
· Hechas a mano (poco recomendado) con XHTML 1.0 Transitional
· Algunas empresas usan Mailchimp / Campaign Monitor aunque existen muchas alternativas
· Pseudolenguajes como HEML.io / MJML


Landing Pages

Son páginas que se llegan a través un banner y buscan hacer un “lead”. Es decir convertir un usuario anónimo en un usuario registrado de la marca.

¿Dónde se trabajan?
Se trabajan en agencias de publicidad.

¿Cada cuánto se trabajan?
A día de hoy cada vez menos, pero se suelen trabajar al mismo tiempo que una campaña de banners y de la newsletter, es decir una cada dos semanas (ya que estas tres piezas se encuentran relacionadas).

Esta pieza cada vez se pide menos ya que los banners muchas veces redirigen a una parte de la web de la propia marca.

¿Cuánto se tarda en hacerlas?
Normalmente y dependiendo de su dificultad se tarda en unas 2/3 horas.

¿Con qué tecnología se hacen las LP?
Generalmente se usa HTML 5, CSS3 y jQuery, aunque a día de hoy hay muchas que se hacen con AngularJS.


Páginas web estáticas

¿Dónde se trabajan?
Estas se suelen trabajar en cualquier empresa.

¿Cada cuánto se trabajan?
No tienen un tiempo medio, es decir depende del número de cambios del cliente.
A día de hoy suele ser muy extraño crear páginas web estáticas desde cero.
Aunque sí se mantienen páginas web estáticas que un cliente ya tiene y no necesita cambiar su código porque le funciona.

¿Cuánto se tarda en hacerlas?
Se suele tardar entre 10/20 horas dependiendo de la habilidad del maquetador y los lenguajes que se use.

¿Con qué tecnología se hacen?
Casi siempre se hacen en HTML5, CSS3, jQuery y algo de PHP (para los formularios).
Si quieres agilizar tu flujo de trabajo te recomendaría utilizar algunas tecnología como PUG o SCSS junto a Koala, Prepros o Codekit.


Páginas web dinámicas (más conocidas como Wordpress)

¿Qué son?
Son páginas institucionales o corporativas donde el cliente tiene el control de las secciones y contenido de su página web.

¿Dónde se trabajan?
En cualquier empresa y los maquetadores/programadores freelances.

¿Cada cuánto se trabajan?
Se suelen hacer una o dos al mes aunque depende de la carga de trabajo de tu empresa.
En una consultora se pueden hacer bastante más que en una agencia de publicidad.

¿Cuánto se tarda en hacerlas?
Normalmente el tiempo suele rondar entre las 10/15 horas, si el diseño ya se encuentra “predefinido” por una plantilla “premium” de algunas tienda como Themeforest.

Si la plantilla la creáis vosotros depende de los automatizadores y herramientas que uséis, pero el tiempo suele rondar las 20 horas de media.

¿Con qué tecnología se hacen?
Generalmente están montadas en Wordpress y se usan lenguajes como HTML5, CSS3 y mucho jQuery.

Si la plantilla es “premium” lo más probable es que te toque modificar maquetación clásica. Si la creáis vosotros es posible que uséis Flex o Grid.

Si quieres agilizar tu flujo de trabajo te recomendaría utilizar algunas tecnología como PUG o SCSS junto a Koala, Prepros o Codekit.


Tiendas online (Woocommerce y Prestashop)

¿Qué son?
Son páginas web donde el cliente tiene el control de las ventas, pedidos y gestiona el stock de sus productos todo desde su gestor.

¿Dónde se trabajan?
En cualquier empresa y los maquetadores/programadores freelances.

¿Cada cuánto se trabajan?
En una empresa depende de la carga de trabajo, pero generalmente se suelen trabajar una cada dos meses. En una consultora se trabajan más que en una agencia de publicidad.

Como freelance depende de la capacidad de captación de clientes y de la habilidad del maquetador/programador.

¿Cuánto se tarda en hacerlas?
El tiempo ronda entre las 20/25 horas, si el diseño ya se encuentra “predefinido” por una plantilla “premium” de tiendas como Themeforest.

Si la plantilla la creáis vosotros depende de los automatizadores y herramientas que uséis, pero el tiempo suele rondar las 20 horas de media.

¿Con qué tecnología se hacen?
Se suelen trabajar dos grandes gestores:
· Wordpress junto a Woocommerce
· Prestashop


Aplicaciones Front

¿Qué son?
Son aplicaciones que se utilizan de forma interna de una empresa y también pueden ser usados a nivel personal por los clientes.

¿Dónde se trabajan?
Se trabajar en empresas, empresas de comunicaciones, bancos y consultorías.

¿Cada cuánto se trabajan? y ¿Cuánto se tarda en hacerlas?
Este tipo de proyecto es de larga duración, se va desarrollando de forma gradual en el tiempo.

Normalmente está asociado a métodologías de trabajo AGILE, es decir se definen fases de desarrollo que duran semanas y al acabar una fase se comienza otra. Por eso son proyectos graduales.

¿Con qué tecnología se hacen?
Depende de la empresa y del tipo de proyecto, pero predominan los Frameworks, PHP(usando Laravel) y .NET.
Algunos ejemplos:
· Vue se utiliza para algunas apps internas de BBVA.
· React, se utiliza para cualquier aplicación que lleve una app móvil: Netflix, Uber o Discord
· AngularJS y Angular se suelen utilizar para crear apps de forma interna para las empresas.
· PHP con Laravel para trabajar proyectos que se asientan sobre servidores Apache y no necesitan la rapidez de un Framework corriendo sobre Node.JS

Eduardo Fierro

Written by

Web designer & Fullstack Web Developer, Teacher on Trazos, Digital Senior on fishermadrid.com