¿Cómo se hace una Página Web? Aprenda acerca del Diseño Web
Cuando se trata de tener una organización y planificación, para implementar un diseño que pueda ser adecuado para una mejor navegabilidad, el diseño web, es todo lo que necesitaras para que tu negocio o marca.
En estos se debe mencionar que para su progreso es necesario desarrollar diversas estrategias que conjunto a las herramientas que vienen de la mano a este tipo de oficio, se podrá tener un trabajo solidó, el cual le dará una arquitectura, siendo una de las partes importantes de una página web en general. Ya que el diseño es uno de los pilares en el que se fundamenta todo la estructura de que envuelve de comienzo a fin de un proyecto.
Un poco mas acerca del diseño web
El diseño web comprende una base de datos que esta constituido por una serie de documentos en formato de “hipertexto”, con la intención de poder lograr una visualización a través de las distintas herramientas que puedan lograr que todos los dispositivos y presentaciones, puedan tener diferentes adaptaciones por medio de códigos técnicos que se manejan tanto en programación y diseño web general.
En el diseño web, hay que destacar que muchos de las herramientas que son formalmente utilizadas para tener una buena estructura elaborada, tienen que ver con la modalidad HTML, Javascript, Python, los cuales son muy desarrollados en la actualidad para tener una mejor estructura base, que lograra que la pagina web, tenga un diseño profesional y limpio.
Etapas del diseño de una página web
Para todo trabajo y oficio se tendrá crear etapas, dándole una mejor organización, a través de fases en las que se deben desarrollar. Ya que con esto se podrá lograr cada objetivo de forma clara y concreta, ayudándote a obtener solidez en el desarrollo.
Diseño audiovisual para una página web
El diseño audiovisual comprende el contenido multimedia, el cual va a presentar en una página web. Para esto es necesario armar un bosquejo o prediseño, de todo lo que va añadir, para que se pueda tener una mejor visión del todo el trabajo.
Para esto es importante, crear desde cero un bosquejo, en el que se logre tener un pre diseño, de todo el trabajo audiovisual, en el cual se tenga las ideas, y se puedan ordenar a través de esta etapa, que conjunto a herramientas de diseño podrás tener un concepto limpio y solidó.
Estructura y relación de jerarquía del Diseño Web
En esta etapa es necesario trabajar con el lenguaje de marcación “hipertexto” o mejor denominado como HTML, cual ayudara a tener un mejor alcance a los usuarios para que puedan encontrar la respuesta a lo que necesitan de una forma rápida en el navegador.
Posicionamiento en los buscadores
El posicionamiento en buscadores o mejor dicho SEO, es la herramienta que ayudara a impulsar la web en genera, el cual consiste en tener a concretar y darle un mejor diseño estructural de contenido que pueda tener una pagina web, logrando un alcance a través de herramientas de posicionamiento, que darán un mayor alcance para su proyecto. En las herramientas relevantes que se pueden mencionar de importancia, son las palabras claves o Keywords, las cuales ayudaran a tener un mejor alcance a base de un sistema de algoritmo, que detecta el buscador.
Fundamentos del Diseño Web
Dentro del diseño Web es necesario un balance interno de cada etapa y elemento, ya que es indispensable obtener una web semántica, que pueda tener todo lo fundamental para algunos navegadores en la Web. Por lo que se debe trabajar un lenguaje HTML, dándole calidad y buena presentación que pueda ser bien vista en la red, ya que es necesario crear una mejor visibilidad y códigos limpios.
Accesibilidad en el Diseño de Páginas Web
Dentro de las pautas de la W3C, se deben cumplir ciertos requerimientos para que su proyecto pueda tener mejor visibilidad, por lo que seguir cada una de las pautas, te harán poder tener mas alcance, para generar mas consumidores en tu proyecto que pueda ser visitado por un mayor numero de personas.
- Publicado en Agencias, Diseño y creatividad
Diseño Web en Medellín: Blue Design nos cuenta cómo lo hacen
En el mercado existen numerosas herramientas para la creación de sitios web o páginas web con la promesa de hacerlo de una manera fácil, cómoda y sin conocimientos en programación. Se convirtió en una moda para estas plataformas, ofrecer planes de diseño sin bases de código o asesoría alguna. En la hora final, termina representando para el cliente una pérdida de dinero que, a pesar de que puede ser poco, no se compara con las innumerables horas de tiempo que conlleva invertir construirla desde 0 por él mismo.
El Diseño de una Página Web de una empresa debe expresar el día a día de la organización, su propósito, sus alcances, sus metas y el servicio que ofrece a sus clientes. Un sitio web bien hecho y bien diseñado, genera excelentes percepciones ante los clientes de quién la posee y, por ende, otorga confianza al producto que comercializa. Es en este punto donde empiezan a llegar los clientes.
Existen varios tipos de Diseño Web:
-Páginas Web informativas: son Diseño de Páginas Web que se ajustan a brindar información necesaria para el conocimiento de una empresa o negocio. Es usada por organizaciones cuyo propósito es atender a su cliente de manera física y no digital.
-Páginas Web Transaccionales: este tipo de Páginas Web están desarrolladas con Frameworks, CMS (administradores de contenido) o programación manual de acuerdo a las necesidades del cliente. Este tipo de diseño permite realizar pagos en línea, consultar información en tiempo real, transar datos e interactuar con máquinas virtuales, entre otros. Cabe menciona en esta categoría, páginas web de Bancos, Tiendas Virtuales, Consulta de Seguros, etc.
-Páginas Web captadoras de prospectos comerciales: este tipo de Diseño Web está enfocado en captar clientes con diversos formularios. Generalmente están acompañados de una información básica y posteriormente tiene llamados a la acción para que los clientes cumplan un objetivo: Contactar.
-Páginas Web para el entretenimiento: este tipo de Diseño Web en Medellín es utilizado por compañías productoras de video, audio, entretenimiento, videojuegos, entre otros. También cabe en esta categoría las páginas o sitios web de descargas por su alto contenido de archivos y se caracteriza porque utilizan espacios de alta capacidad.
-Páginas Web Interactivas o de Servicio al Cliente: Este tipo de Sitio Web permite interactuar entre usuarios o entre dos máquinas mediante chats, solicitudes de atención y pqrs, subida y descarga básica de archivos, entre otros. Es comúnmente utilizada por Contact Centers, Empresas de telefonía, Servicios varios, Servicios Digitales, Redes Sociales, entre otros.
Metodología de Diseño de la Agencia de Marketing Digital en Medellín Blue Design:
Design Thinking: Es un enfoque para la innovación centrado en las personas. Utiliza herramientas de diseño para integrar necesidades y las posibilidades de la tecnología y los requerimientos para el éxito de un negocio. Este es un proceso interactivo y se parece mucho al empleado en empresas de core tecnológico a nivel internacional conocido como “lean start up” (construir, medir, aprender) y son los que definen más el proceso previo a la generación de ideas de un negocio (es algo disruptivo). Busca solucionar las necesidades, problemas y deseos de los usuarios.
Flat Design: El “Flat Design” o “Diseño Plano” consiste en eliminar o reducir todo tipo de decoración en un diseño de interfaz o web para simplificar el mensaje y facilitar la funcionalidad. Se eliminan texturas, degradados, biselados, sombreados. En definitiva, todo lo que no aporte valor al mensaje o información que se quiere transmitir al usuario que interactúa con la interfaz.
Colores: Se aconseja utilizar colores vivos en paletas flat con pocas variaciones de cada color respetando la marca. Utilizaremos esquemas de color que ayuden al usuario a “comprender” el diseño de forma visual y así facilitar la interacción.
Tipografías: La tendencia es utilizar fuentes Sans Serif para cuerpos. Para títulos sirve casi cualquier fuente de fácil lectura, incluso las creativas. Utilizaremos grandes tamaños, al mismo tiempo que se reduciremos las longitudes de los títulos y subtítulos.
Mensajes: “Si puedes decir algo en 4 palabras no lo digas con 10”. Aconsejamos ser directos y utilizaremos claros llamadas a la acción (Call2Action).
Responsive Web Design: “Diseño Web Adaptable”. Normalmente se distinguen 4 tipos de resolución (Smartphone, Smartphone tipo retina, tabletas y monitores).
Cómo es el proceso de Diseño de Páginas Web en Medellín de la Agencia Blue Design Worldwide:
El diseño web utilizado por la Agencia Digital en Medellín Blue Design es caracterizado por lo meticuloso del proceso en su paso a paso:
- Sesión creativa: En este primer paso se involucran los entes responsables de Innovación de la Agencia de Diseño Web de Blue Design: Director de Marketing encargado de enmarcar el diseño del sitio bajo resultados de ventas o persuabilidad, Director de cuentas encargado de direccionar las necesidades del cliente con respecto al requerimiento pactado, Director de Arte y/o Creativo responsable de investigar las tendencias gráficas que debería seguir el sitio web del cliente para marcar la diferencia en el mercado. En esta sesión creativa se juntas estos 3 conceptos para crear un producto único.
- Arquitectura de la información: Define punto a punto cuáles serán las páginas internas del sitio web del cliente, las secciones principales, encargado de recolectar la información de cada cuadro. Realizado principalmente por el director de cuentas.
- Diseño de wireframes o experiencia de usuario: Al igual que en la realización de una construcción de una casa o edificio, primero se debe iniciar por el diseño del plano o mapa funcional. De igual manera ocurre con el Diseño de una Página Web. Esta etapa es generalmente realizada por el responsable de la arquitectura web. Se encarga de la ubicación de los elementos en el espacio gráfico del sitio tanto en móvil (responsive web design) como en su versión de PC.
- Diseño gráfico del sitio: En este punto se involucran el Diseñador Gráfico y el Director Creativo o de Arte para “vestir de color” e imagen los wireframes o planos realizados por el arquitecto web. Es la etapa más importante de la construcción de la página ya que el punto de vista gráfico es quién seduce a nuestros clientes para la realización de una acción.
- Corte y maquetación del sitio: Una vez diseñado gráficamente el sitio web y aprobado por parte del cliente, se entrega a un creativo encargado de cortar en Photoshop o Illustrator cada banner, botón, texto de la página y lo convierte a código fuente HTML de acuerdo a la necesidad del cliente. Este insumo se arma en una maqueta funcional que es entregada al director de programación.
- Adaptación del cortado al CMS o administrador: La maqueta funcional se entrega al director de programación para que la adapte a las etiquetas del CMS a trabajar: Diseño Web en WordPress, Joomla, PrestaShop, Magento, OpenCMS, entre otros. Este depende de las necesidades del cliente. Una manera de optimizar los tiempos de programación es trabajar sobre un template funcional ya existente y adaptarlo al diseño gráfico de la etapa 4.
- Desarrollo sobre el administrador: Algunos sitios web requieren el diseño de plugins o módulos desarrollados a medida para completar las funciones del sitio web. Este punto complementa el diseño de la página web de nuestro cliente.
- A (Quality Assurance o Test de Calidad): Una vez finalizado el proceso de programación, las páginas web son testeadas o verificadas previo al lanzamiento para identificar errores o incompatibilidades con navegadores.
- Lanzamiento: Una vez aprobado el sitio se trasladan o migran los archivos al Hosting Web o Servidor de nuestro cliente.
- Optimización de SEO: A través de un Keyword Research básico se procede a la optimización SEO para el posicionamiento en motores de búsqueda de las páginas internas, títulos del sitio, inclusión de keywords y open graph para las redes sociales. Posteriormente se registra manualmente el sitio web en Google Webmaster Tools.
Agradecimiento,
Equipo de Marketing y Comunicaciones
Agencia Blue Design Worldwide Colombia.
- Publicado en Marketing Digital, Negocios y Empresas, SEO y Posicionamiento, Tecnología
Ranking de Agencias de Publicidad 2018: Blue Design Colombia se destaca en América Latina
En 2018 la creatividad y el talento colombiano se destacan dentro de los principales rankings internacionales de posicionamiento en agencias de marketing, publicidad, medios, diseño web, investigación y relaciones públicas.
En más de una ocasión se ha hecho referencia a los desafíos que este año enfrentarán las marcas y las agencias dentro del mercado latino. Situaciones macro como las elecciones presidenciales, así como la renegociación del Tratado de Libre Comercio deben de ser entendidos como oportunidades para las empresas. Entrar en este escenario ideal depende en buena medida de un correcto, profundo y oportuno conocimiento del mercado, aspecto que de manera particular ofrece a las agencias de investigación una ruta para revalorizar su oferta dentro del mercado.
Dar solución a este problema, es un aspecto en que el si bien las adquisiciones de infraestructura y recursos tecnológicos tienen un gran peso, no son el elemento definitivo. El verdadero desafío es ir más allá de las estadísticas duras y prestar a los clientes un servicio completo antes que sólo un producto materializado en datos.
Para las empresas el tema es visto como una forma de potenciar su crecimiento ante escenarios de desarrollo que podrían entenderse como adversos. Gustavo Durán, director senior para el desarrollo de marca de Gomas y Dulces para América Latina de Mondelêz Internacional, afirma que este tipo de acciones permiten “establecer un marketing uno a uno en el que puedes tener una micro segmentación para no hablar de targets generales, al tener la capacidad de hablarle de una manera directa a los consumidores de establecer un diálogo con una persona con nombre y apellido tomando en cuenta las necesidades, intereses y elementos puntuales que tenga cada una de estas personas y que permita establecer una relación cercana con las marcas”.
Alimentos y bebidas, Automotriz y Gobierno son las tres categorías que mayor demanda representan para el sector de agencias en el país.
Las perspectivas:
El crecimiento del sector está en hacer crecer las inversiones de manera constante y salir del estado de estancamiento que prevalece en el segmento, meta que sólo podrá cumplirse al atender las demandas de los clientes más generales en términos de consultoría, rapidez y adopción de nuevas tecnologías para hacer más ágil el estudio de las audiencias. La industria está obligada a revalorizar su oferta para no sólo funcionar como eje estratégico en las elecciones, sino más importante posicionarse como socio real para las empresas en términos generales.
Desde la perspectiva de Mariana Sanz, directora general de Edelman, “el tema de relaciones públicas y de comunicación estratégica, si no lo ves desde fuera, lo puedes perder. Lo que les pasa muchas veces a nuestros clientes es que están enfrascados en su día a día y dejan de ver lo fundamental. Tener unos ojos que tienen una visión más amplia y menos enfrascados, les ayuda. Tu asesor de PR tiene que ser un advisor o un asesor verdaderamente cercano a donde se toman las decisiones, cerquita del CEO para que podamos tener relevancia y profundidad”.
Las redes sociales han transformado la forma en que se maneja a las marcas y para muestra existe una infinidad de casos de crisis de marca en las plataformas. “Estamos en un contexto en donde la comunicación ha adquirido tal velocidad, debido a las redes sociales que la comunicación como la entendíamos de manera tradicional está totalmente superada y eso implica un reto en términos de siempre estar entendiendo a la audiencia y a través de las redes sociales es un buen mecanismo para estarla analizando”, explicó Daniel Karam, presidente y director general de Hill+Knowlton.
El perfil de las marcas en las distintas plataformas está sumergido en un riesgo latente de cometer un error que derive en una crisis de marca y es ahí donde las agencias de RP se vuelven tan importantes en la actualidad, aun cuando muchas marcas no lo han notado. La inversión de los clientes en la prevención y/o manejo de crisis de marca por medio de una agencia de relaciones públicas sólo alcanza el 4 por ciento. Esto hace sentido con que grandes empresas hayan pasado por crisis de marca en las plataformas, con un mal manejo de esta.
Cómo elegir la mejor agencia:
Para lograrlo, los expertos consideran puntos clave. Para Carlos Herrero, de Extrategia, “el aspecto indispensable es pensar qué podemos aportar y superar los logros y resultados al cliente. Las relaciones públicas y la comunicación se miden en términos cuantitativos y en términos cualitativos, es muy importante que se den resultados específicos a las empresas, que valoremos la reputación, la credibilidad que han logrado; la empatía que tienen con sus clientes y finalmente que la agencia nunca se separe del mismo plan de la empresa o de la marca para que realmente todo contribuya al crecimiento integral del negocio”.
Hay que considerar que como en todas las industrias, las marcas y agencias deben compaginar y hacer clic no sólo con sus valores, sino con una química que va más allá, haciendo sinergia de sus objetivos.
Aunque la tendencia global indica que la inversión en relaciones públicas proyecta ingresos al alza, por 19 mil 300 millones de dólares durante 2020, según Statista, lo cierto es que el mercado latino aún tiene un camino largo por recorrer en cuanto a estar al día sobre la relevancia que tienen estas en una estrategia de mercadeo y publicidad.
Colombia en el mundo:
Blue Design Worldwide, agencia colombiana, pionera en expandir su metodología de negocio digital en América Latina, fue la única agencia de latam en conseguir 3 rankings consecutivos este año. Y es que su estrategia no se basa en el poder de las relaciones públicas, su brazo fuerte se enfoca en el servicio al cliente. “Dejar que nuestros clientes y socios se sorprendan con los pequeños detalles, con el servicio del día a día y estrategias basadas en percepciones es nuestra mejor carta de presentación.” expresa Juan González, CEO de la compañía.
Jorge Gil, CMO de Blue Design opina que: “Más allá de saber entender las necesidades de nuestros clientes y aliados, el negocio se trata de comprender que detrás de un escritorio, hay un ser humano en continua búsqueda de la felicidad y ese es el mejor insight para lograr que un mensaje impacte en el público. Cuando logras identificar un insight dentro del segmento, eres capaz de mover las fibras y de mover las ventas.”
Por su lado, Juan Arango, CPO de la agencia, replicó: “Desde una Valla Publicitaria, el Diseño de una Página Web, una Estrategia BTL, un Volante, hasta un Spot Comercial para TV, debe expresar una emoción que identifique a tu cliente; por ello es importante plantear una estrategia de comunicación en el branding de toda empresa. Es allí donde Blue marca la diferencia.”
Los Ranking Merca2.0 en los que destacó la mencionada compañía fueron:
Ranking de Agencias de Relaciones Públicas Colombia – Argentina:
Puesto en el Ranking: 49
Agencias evaluadas: 150
Ranking de Agencias de Investigación Colombia – México:
Puesto en el Ranking: 60
Agencias evaluadas: 157
Ranking de Agencias de Publicidad Colombia – América Latina:
Puesto en el Ranking: 122
Agencias evaluadas: 670
Para más información sobre Blue Design Worldwide visite el link: www.bluecolombia.co
- Publicado en Agencias, Marketing, Negocios y Empresas, Publicidad