2Advanced un sitio clásico de la web

www.2advanced 2011 : Eric Jordan
http://www.2advanced 2011 : Eric Jordan

http://www.2Advanced.com

Este hace 15 años era un sitio de los mas avanzados en cuanto a diseño y progamacion de sus animaciones se trataba, siempre estuvo a la vanguardia y con el tiempo se fue especializando en sitios web y publicidad online para el ramo de los video juegos. Ya hace algunos años hice una entrada en este blog sobre esta empresa norte americana la cual me influenció mucho en su momento.

Hoy dia siguen teniendo un diseño muy rico en cuanto al movimiento pero siento que se ha hecho mucho muy lento el sitio con tanta carga de imagenes, animaciones y efectos que una vez que abre la pagina son muy vistosos y bien hechos pero he ahi el dilema entre lo que abre rapido y lo que tard mucho pero se ve muy bien.

Aun asi vale la pena ver el portafolio de trabajos de esta empresa y su estilo gráfico. Visiten www.2advanced.com para ver que les parece.

++++++++++++++++++++++++++

Conoce como mejorar tu sitio y su posicionamiento

 http://www.sdgestudio.com/analisis-sitio-web-posicionamiento-seo.html

analisis de sitio web posiciona tu web en Google

¿Por qué debo analizar mi sitio?

Para corregir aquellas áreas que son necesarias para mejorar su posicionamiento.
El analizar tu sitio también te ayuda a generar ideas para crear nuevo contenido de acuerdo a lo que los buscadores buscan como contenido de calidad. Te sorprenderías de saber lo que la competencia está haciendo para subir en las listas, el que lo haga primero se beneficiará por más tiempo y más rápido.
 
.
Anuncios

PSD a HTML debe terminar! + Análisis de sitio web

PSD a HTML debe terminar!

Esta frase es repetida por un número creciente de diseñadores web, yo no estoy de acuerdo pero entiendo su punto. Ellos comentan que si el diseño va a vivir en la web se debe mostrar el boceto en web, no en photoshop de manera estática.

También discuten que se pueden hacer muchas cosas con los navegadores modernos y el CSS3, gradientes, bordes redondeados,  sombras, :hover y otros efectos que le dan un look muy profesional a un diseño. Sin embargo considero que el photoshop tiene su gracia y que no debe desaparecer como algunos diseñadores opinan.

Yo creo que debe haber una medida intermedia que nos permita mostrar en Photoshop y luego pasarlo a HTML ya que a veces un layout puede llevar mucho tiempo para que el cliente nos haga cambios y estariamos trabajando doble. Aún así dejo a tu criterio el trabajar un boceto directamente en HTML o en Photoshop (como yo prefiero)

He aqui un proceso ideal para el diseño web:

  • Notar las ideas y pantallas básicas del diseño
  • Hacer un boceto a lápiz en tu cuaderno y refinar
  • Maquetar (mock-up)en lineas con algún programa para definir el sitio
  • Hacer los cambios al “mock-up” y una vez aprobado pasar al diseño en photoshop
  • Diseño en photoshop que se muestra de manera estatica
  • Aprobacion  por parte del cliente
  • Transformación del diseño en PSD a HTML
  • Finalización en implementación del sitio web

Esto es a grosso modo mi punto de vista de un proceso ideal de diseño. Sin embargo te invito a que leas el articulo de por que debe terminar el usar el photoshop para presentar un diseño web.

 

++++++++++++++++++++++++++++++++++++++

Conoce como mejorar tu sitio y su posicionamiento

 http://www.sdgestudio.com/analisis-sitio-web-posicionamiento-seo.html

SDG Estudio Creativo te analiza tu sitio web con las frases claves que tu indiques para tener información valiosas para mejorarlo y sobresalir sobre tu competencia en los buscadores como Google.

  • Conozca por qué está más arriba la página de tu competencia
  • Defina las mejores palabras claves
  • Conoce los términos de búsqueda alternativos más frecuentes
  • Evalúa la calidad de tu sitio web
  • Conoce desde donde hacen link a tu competencia y a tu sitio
  • Conoce la estrategia de posicionamiento de tu competencia
  • Evalúa los documentos en tu web y que mejoras pueden tener
  • Conoce en que lugar está tu web con las frases claves que definas

analisis de sitio web posiciona tu web en Google

¿Por qué debo analizar mi sitio?

Para corregir aquellas áreas que son necesarias para mejorar su posicionamiento.
El analizar tu sitio también te ayuda a generar ideas para crear nuevo contenido de acuerdo a lo que los buscadores buscan como contenido de calidad. Te sorprenderías de saber lo que la competencia está haciendo para subir en las listas, el que lo haga primero se beneficiará por más tiempo y más rápido.
 

Estos son algunos de las beneficios de analizar tu sitio web

Una evaluación de la calidad de tu página, la cantidad de documentos indexados en Google, el nivel de optimización de los contenidos como textos, imágenes, títulos, etc.

Así mismo esta información será la pauta para que implementes esos cambios que de manera positiva ayudarán a tu página web a escalar lugares en los resultados de Google.

  • BENEFICIOS DEL ANÁLISIS
  • Que partes hay que mejorar en mi web
  • Cuántos documentos me tome en cuenta Google y como
  • Conoce en que áreas esta fuerte tu web y en cuales no
  • Recibe datos y estadistica de las frases clave que te interesan
.

Análisis de sitio web

Conoce como mejorar tu sitio y su posicionamiento

 http://www.sdgestudio.com/analisis-sitio-web-posicionamiento-seo.html

SDG Estudio Creativo te analiza tu sitio web con las frases claves que tu indiques para tener información valiosas para mejorarlo y sobresalir sobre tu competencia en los buscadores como Google.

  • Conozca por qué está más arriba la página de tu competencia
  • Defina las mejores palabras claves
  • Conoce los términos de búsqueda alternativos más frecuentes
  • Evalúa la calidad de tu sitio web
  • Conoce desde donde hacen link a tu competencia y a tu sitio
  • Conoce la estrategia de posicionamiento de tu competencia
  • Evalúa los documentos en tu web y que mejoras pueden tener
  • Conoce en que lugar está tu web con las frases claves que definas

analisis de sitio web posiciona tu web en Google

¿Por qué debo analizar mi sitio?

Para corregir aquellas áreas que son necesarias para mejorar su posicionamiento.
El analizar tu sitio también te ayuda a generar ideas para crear nuevo contenido de acuerdo a lo que los buscadores buscan como contenido de calidad. Te sorprenderías de saber lo que la competencia está haciendo para subir en las listas, el que lo haga primero se beneficiará por más tiempo y más rápido.
 

Estos son algunos de las beneficios de analizar tu sitio web

Una evaluación de la calidad de tu página, la cantidad de documentos indexados en Google, el nivel de optimización de los contenidos como textos, imágenes, títulos, etc.

Así mismo esta información será la pauta para que implementes esos cambios que de manera positiva ayudarán a tu página web a escalar lugares en los resultados de Google.

  • BENEFICIOS DEL ANÁLISIS
  • Que partes hay que mejorar en mi web
  • Cuántos documentos me tome en cuenta Google y como
  • Conoce en que áreas esta fuerte tu web y en cuales no
  • Recibe datos y estadistica de las frases clave que te interesan
.

Como introducirse al diseño web – Parte III

Como empieza una pagina web

Pues desde la idea ya sea del diseñador o del cliente. Sin embargo la pagina web debe de pasar por pasos basicos de estructuracion y aprobacion para que pueda terminarse como lo acordado entre el cliente y el diseñador.
Ciertamente algunos clientes abusan y creen que se pueden hacer cambios en cualquiern etapa del diseño y aun mejor para ellos: que esto no suba ni el costo de produccion ni los tiempos de entrega.

Hay que establecer pues unas etapas basicas que ayudaran a evitar esto y a llevar el negocio a mejores practicas.

1.- El sketch

El sketch es el que se hace cuando el cliente te esta platicando su idea de como debe ser o como cree el que debe ser. Es donde se anotan las caracteristicas deseadas de la paginas web. Donde se nota si el menu debe ir arriba o a la izquierda, si el logo aparece y en que parte, donde aparecen links o tros contenidos.

El sketch se hace varias veces, se hace uno con el cliente de manera rapida pero tambien al llegar a tu estudio y sentarte a pensar como resolver esa pagina web. Se hacen varios sketches ya que son rapidos y ayudan a visualizar no solo los acomodos sino tambien ayudan a preveer pasos tecnicos para la hora de programar el armado de la pagina web. Un diseñador web con experiencia ya puede visualizar como hara su codigo CSS y su estructura de DIVs con solo crear y ver como va el sketch.

Un paso muy importante seria refinarlo y mostrarselo al cliente. Pedirle su firma y autorizacion para ir al siguiente paso: El wireframe. (dejar en claro que retroceder o hacer cambios a lo previamente utorizado tiene un costo)

2.- Wireframe

El wireframe es el Sketch o boceto pasado en limpio y el cual se llena con los textos a usar en la pagina web. Es una manera formal de que el cliente vea al acomodo de la informacion real de su web pero que nos da la ventaja de que apruebe el acomodo de la informacion antes de meterle mano al diseño y apariencia del sitio web.

El cliente debe aprobar el acomodo o pedir los ajuses pertinentes y luego firma. De esta manera ya el diseñador se concentra en la apariencia del sitio ya que la informacion, acomodo de menus y objetos ya esta definido!

3.- Diseño FINAL

En las imagenes adjuntas podemos ver como el diseño se apego a lo especificado y autorizado en el wireframe. De esta manera evitaremos prensentar un diseño que luego el cliente nos diga los clasicos:

“Si me gusta pero ponle mi logo al otro lado” , “muy bien, pero cambialo todo de lugar…”

Ya si el cliente decide contradecirse sabra que el te ha firmado en la aprobacion del SKETCH y en la del WIREFRAME y estara bajo aviso que el costo es mayor y el tiempo de entrega mas largo.
paginas web, web sketching, web wireframe, web design
paginas web, web sketching, web wireframe, web design

Como introducirse al diseño web – Parte II