Easy To Make

El 2°curso OFF

Todo el año 2020

DISEÑO WEB

Crear un Web Site | Parte I

   Autor: Equipo de redacción.  Tiempo de lectura: 15 min.   Nivel: Público en general


 

Un presentimiento es la creatividad que intenta decirte algo

DISEÑO WEB - Frank Capra

Producir buen cine es cosa de creativos. Nuevas ideas, nuevas técnicas, nuevas formas de trasmitir la vivencia. Y Frank Capra lo sabía. Creo su propio sistema en la producción de sus películas. Y no se puede escapar el mundo de los Sistemas de Información.


 

Proceso creativo de un sitio Web

Esta serie de artículos va dirigida a Gomosos que desean iniciarse en el diseño de un Web Site.

De acuerdo a mi experiencia, para el diseño de un sitio de tipo empresarial con unas 15 páginas (ver ejemplo aquí), te puede tomar aproximadamente unas 4 semanas con 8 horas de trabajo diarias, además del soporte post-producción.

De otra manera, existen una buena cantidad de empresas que ofrecen sus servicios de diseño.

Posmarket Pro, es una de ellas :  Diseño Web aquí…


LAS ETAPAS

Iniciemos con un sustancioso resumen, las etapas que un creativo debe considerar para lanzar su idea de negocio a través de un Web Site. Los he clasificado así:

  1. COMENZANDO A DISEÑAR TU WEB SITE : Fundamentos clave
  2. PROMOCIONAR TU SITIO
  3. SEO : CLAVES
  4. EMAIL MARKETING: PORQUÉ Y QUE DEBES EVITAR
  5. TENDENCIAS


ETAPA I

COMENZANDO A DISEÑAR TU WEB SITE : Fundamentos Clave


Hoy por hoy existen infinidades de herramientas para iniciar el diseño de tu Web Site. Lás más populares:

  • CMS : WordPress, Jomla, Drupal, DotNetNuke, Umbraco 

Las siglas CMS (Content Management System), hacen alusión a Plataformas para administración de contenidos y diseño de Sitios Web, con cientos de plantillas.

Con estos podrás inicarte haciendo uso de PLANTILLAS predifinidas gratuítas y de pago.  Además de generar tu Blog para contenidos y creación de relación con tus clientes.

  • DISEÑO GRÁFICO : CorelDraw, Atomic, Ceros, Picktorial, Gravit

Estas herrramientas te permiten crear desde cero tu logo, encabezados e imagenes de secciones

  • IMAGENES/ICONOS: Canvas, depositphotos, Pixabay, Flaticon

Miles de imágenes y fotos gratuítas para el diseño de tus encabezados y secciones

Además de los íconos necesarios y acordes a la imagen corporativa del negocio

 Te puede interesar:  Crear un Web Site : SEO

Elementos críticos para el diseño

Marca la diferencia!

A continuación, te resumo los elementos mínimos que debes respetar para iniciar con pie derecho


IMAGEN CORPORATIVA: 
Todo  Web Site que desarrolles, debe respetar la imagen corporativa de la organización, empresa, idea, e incluso de tu propia Imagen Profesional.

Respeta los colores y realiza las combinaciones acorde a

Un buen comienzo es analizar el logo, papelería, productos, uniforme de dotación, etc.

FUENTES:  Se reconocen más de 600 familias tipográficas.

Y que mejor que el recurso de GOOGLE FONT

Y recuerda : los sitios visualmente atractivos NO usan más de 2/3 tipos de Fuentes!

MINIMALISTA:  Estilo de diseño que busca lo sencillo, simple y balanceado

Este tipo de diseño se caracteriza por:

  • Fácil lectura. Lo mínimo. Las ideas claves. Espacios en blanco
  • Ubicación precisa de los elementos clave, llamativos, promocionales, informativos
  • Navegación elemental, amigable, intuituva
  • Mínima y estricta publicidad

CONTENIDO:  ¿Qué le aportas al lector, cliente o empresa que visita tu Web Site?

El diseño de Newsletters fomenta la relación con los clientes.

Esto es: Tu Blog debe ser interesante y concretro. Fresco y actualizado.

DOMINIO PROPIO:  Intenta adquirir tu propio Dominio y un Hosting que brinde garantías y sea de buena trayectoria.

Analiza por ejemplo, WEBEMPRESA.

LANDING PAGES:  Diseña tu página de inicio, la pimera experiencia del usuario, con las características cautivadoras propias:

  • Menú claro de navegación
  • Imagenes llamativas
  • Facilidad de Registro de Usuario
  • Sencilla caja de Suscripción
  • Call to Action, esto es, un botón que invite a una acción! «Inscribirse ahora!», «Registro gratuíto», «Descargar gratis!», etc

Algunos ejemplos:

DISEÑO WEB - CALL TO ACTION

 

CALL TO ACTION : BOTÓN GET STARTED

En la siguiente imagen, observe dos (2) Botones de llamado a la acción: “Aplica ahora”,  “Registrate”, “Practica viajando >> :

CALL TO ACTION

CALL TO ACTION

SECCIÓN DE PIE DE PÁGINA:  El estandar indica que allí irán tus visitantes a buscar orientación, información, contacto, mapa del sitio, ubicación de tu empresa, etc

Detalla este pie de página y los elementos que lo conforman:

CALL TO ACTION

 Te puede interesar:  Series desde Cero, Fácil! Gratis.

Observación final

Un bueno site es el reflejo de su propietario, en gusto por las formas, los colores y la armonía.

Como mínimo, un profesional debería tener un Blog personalizado y acorde a sus necesidades.

El FaceBook y en general, las redes sociales, no permiten hacer muchos cambios o diseños propios que respeten y dejen trasmitir una clara imagen corporativa, personalizada. Además de la autonomía que ofrecen las páginas Web.

Ánimo, tu puedes hacerlo!

Dejar un comentario