tips para hacer un buen sitio web

1- Hágalo todo más simple.
El poder de un buen diseño esta en su simplicidad. Defina la esencia

1.2-Hágalo todo más simple: parte 2.
¡Cuando su diseño final parece ser demasiado simple para la cantidad de tiempo que le dedicó, VOILA! Su trabajo ya esta listo.

2- Salga de su mundo interior: comuníquese.
Aprenda a comunicarse y colaborar con todos los miembros de las profesiones web claves: programación, marketing, comerciales.

3- Menos glamour y más orden.
No se vea seducido por la forma en detrimento del contenido. Un diseño web comprometido con el contenido contribuye en mayor medida que uno que hace prevalecer las formas

4- Diseñe para conexiones via módem.
La consideración estética más importante a tener en cuenta es LA VELOCIDAD DE TRANSMISIÓN. Si su trabajo tarda demasiado en bajar, deje todo de lado y vuelva al papel y al lápiz

5- Textos. ¿aburridos?
Cuando le toque diagramar textos, PRIMERO LÉALOS. Piense en como alguien, con menos interés que el suyo, podría echarles un vistazo. Otra cosa que es de gran ayuda es el ancho de los textos. A menudo se ven por ahí webs con sus textos corriendo de punta a punta de la página. ¿¿¿Cómo se puede leer eso??? Mejor trate de que sus textos se mantengan en un ancho de 400 píxeles, o, al menos, un tercio de su pantalla.

6- Más color y gráficos, menos imágenes y efectos.
El arte lineal, las formas vectoriales y el color plano se lleva de maravillas con la web. Para ser más claros, si sus diseños usan mas Freehand que Photoshop, es seguro de que su página cargara mucho mas rápido.

7- ¡Gráficos y textos: no!
Nunca, jamás, inserte texto en un gráfico. El texto es texto. Los gráficos son gráficos. No los confunda.

8- Atraiga.
Con las fluctuaciones en las conexiones a la web, su carácter de “lenta” y demás afectaciones, usted tiene 3 SEGUNDOS para convencer a un usuario de no usar el botón ATRÁS del navegador. TRES SEGUNDOS. Entonces, ponga todos sus esfuerzos para que aquello que desea mostrar en una página web aparezca inmediatamente, y de forma interesante.

9- Atraiga-simplifique-vaya a lo que importa.
Tiene 30 segundos para cargar TODA una página en el navegador del usuario. Quizás menos, 15 segs.
SEA RÁPIDO.

10- Enfóquese en lo que interesa.
A los usuarios no les interesa en absoluto como funciona y se navega dentro de su sitio web, sólo llegaron allí por el contenido. DÉSELOS en forma rápida y simple.

11- Infórmese-aprenda.
Manténgase al tanto de las nuevas tecnologías. La web jamás se queda quieta, así que dedique su tiempo libre a aquello que es nuevo. Ya ha pasado el tiempo en que el pez más grande se comía al más pequeño, ahora es el más RAPIDO el que se come al MAS LENTO.

12- Defina su problema.
El diseño trata sobre la resolución de problemas, sobre enfrentar una cuestión de comunicación con un objetivo. Defina cual es el suyo y ya tendrá la mitad del problema resuelto.

13- Apréndase los principios de navegación.
a-La gente odia esperar
b-La gente odia hacer scroll
c-La gente odia leer
d-La gente prefiere hacer scroll antes que esperar
e-La gente prefiere esperar a leer.
f-La gente no es necesariamente racional o coherente, pero a veces sí.

14- Busque inspiración.
Hable con gente que esta fuera de su campo de acción. Los arquitectos, por ejemplo, pueden darle una perspectiva completamente nueva del diseño web, quizá pueden cambiar su forma de imaginar como se conceptualiza un sitio, transformando las páginas web en “espacios web”

15- Escuche música.
Si, cuando la música acompaña a su trabajo este se hace más placentero y llevadero. Incluso llega a generar más inspiración.

Biografía

Pastor Lagos nació el 04 de julio de 1986, siendo el segundo de tres hermanos. Durante su infancia, disfrutaba mucho de los videojuegos, siendo esto su pasatiempo favorito en aquel entonces. A sus 7 años, Elsa –la madre de pastor- decidió inscribirlo en cursos de natación, e involucrarlo en otros deportes como ser el basketball y el karate, deportes que despertaron en pastor el gusto el ejercicio físico y la disciplina, demostrando gran interés y celo por el estudio y en otros deportes.
Durante su adolescencia, Pastor tuvo la oportunidad de inscribirse a un equipo de basketball juvenil que le permitió jugar en varios lugares del país e incluso concursar en Costa Rica en un campeonato. Por otro lado, Pastor se consolidaba como el mejor de su clase en el Instituto Salesiano San Miguel.

En el año 2005, Pastor ingreso a la universidad autónoma de Honduras, cursando la carrera de Informática. Este centro era tan vasto, que súbitamente, el círculo social de Pastor se fue expandiendo al mismo tiempo que conocía personas que tenían sus mismas aficiones.
Hoy en día, en 2010, Pastor Lagos cursa su práctica profesional de la carrera de diseño grafico en Televicentro, a la vez que invierte su tiempo de ocio practicando el skateboarding, viendo películas y creando diseños.

Panoramica 360 de Shalom

La panorámica 360° de Centro Shalom, fue uno de mis primeros proyectos en fotografía panorámica. Las fotos fueron captadas con una cámara Canon de 10 megapixeles.
Básicamente el objetivo del proyecto era crear un sitio web que le permitiera al usuario darse un paseo virtual por el centro. La panorámica de Shalom fue realizada para la clase “Comercio Electrónico”.

Este fue un trabajo bastante interesante ya que nunca había hecho una panorámica para la web, en el proceso de la elaboración de las fotos tuve algunas dificultades ya que el tiempo climático estaba bastante cambiante y tuve que ir al lugar 5 veces para tomar las fotos adecuadas.

Ya que para realizar este tipo de panorámicas 360 grados, como primer paso es tomar las fotos a las 12 del mediodía ya que el sol esta verticalmente encima y las sombras son iguales, segundo debe tomarse una secuencia de 12 fotos en diferentes ángulos para poder realizar la panorámica luego unirlas en Photoshop y arreglar algunos detalles, y como último paso utilizar el software Pano2VR que es el que se encarga de realizar el efecto 360 grados.





Pulsa el link para ver panoramica, si no te funciona al pulsar copia el url y abrelo en una pagina nueva en tu navegador:

http://img5.xooimage.com/files/1/a/2/panoramica_out-1d3f611.swf

Al hacer la pagina web de “Shalom” me pude dar cuenta que al lugar le hacía falta un manual de señalización, ya que al momento de cursar la clase de “Comercio Electrónico” también cursaba la clase de “Señaletica”. Y me pude dar cuenta que el lugar no contaba con la Señaletica adecuada, las personas tenían que estar preguntando donde quedaban los diferentes lugares, y se propuso desarrollar el manual a al centro de recreación Shalom para poder resolver ese problema, ya que como diseñador estoy obligado a resolver problemas y presentar soluciones.

Aquí les dejo el link de descarga para que puedan ver el Manual de Señaletica:

http://www.mediafire.com/?cmdrzvyamzn

IMPORTANCIA DE LA REDACCION EN LOS MEDIOS PUBLICITARIOS

Si bien es cierto que la frase: “ Lo que no se sabe decir no se sabe sentir” es muy certera, en este caso particular diríamos que: “lo que no se sabe escribir, no se sabe sentir”.
La redacción en los medios publicitarios es el esqueleto del mensaje que se trata de transmitir a un receptor. No se basa en el QUE comunicar, sino en el COMO.
Los medios publicitarios son los encargados de bombardear al mercado meta con un mensaje específico. La redacción es la herramienta que se utiliza para que este mensaje pueda ser decodificado por el público objetivo, es decir, que este pueda estar redactado en un lenguaje que sea congruente con las características del sector. Por ejemplo, una campaña de salud dirigida hacia un sector popular, no debe de contener términos meramente médicos, por el contrario, esta debe de ser expuesta con términos fáciles de comprender y con palabras comunes y representativas.
Las consecuencias de una mala redacción en los medios publicitarios pueden causar perdidas tangibles (disminución en las ventas, costos extra de corrección, etc), como intangibles (mala imagen de la empresa, poca comprensión del mensaje, etc.). Estas perdidas en muchos casos pueden ser fatales para una organización, ocasionando pérdidas irreversibles con respecto a su posicionamiento en el mercado, ya que si el mensaje no es claro o esta mal direccionado, son cantidades enormes de tiempo y dinero a la basura.

Empaques

big ben coffee

Los empaques para la marca “Big Ben Coffee”, constituyeron el proyecto final para la clase “Diseño de Empaques y etiquetas”. El trabajo consistía en crear una empresa, un producto, su logotipo, los empaques, etiquetas y embalaje del mismo. Big Ben Coffee es un lugar bohemio inspirado en los cafés europeos donde se reúnen los artistas independientes del lugar. Su isotipo esta basado en el monumento londinense el “big ben”, y en la antigua Inglaterra del siglo XIX.
Los empaques fueron hechos en congruencia con el isotipo, utilizando colores tradicionales y papelería rustica para posicionar el estilo gótico victoriano propio del lugar.
El fondo que utilice como de papel pergamino para darle a la marca una percepción de antigüedad.

Este proyecto en si me gusto mucho ya que me pude dar cuenta de que los empaques son una parte muy importante a la hora de segmentar un lugar, aparte las personas se identifican mejor con la marca.

El proceso de elaboración:

Primero realice una prueba de mercado, con personas que visitan cafés en Honduras y me pude dar cuenta de que ellos buscan un lugar que el cual los identifique.
Segundo realización de bocetos del isotipo y el logotipo.
Tercero aprobación del proyecto por parte del catedrático
Cuarto elaboración de los bocetos a digital.
Por último: presentación de propuestas al catedrático para luego realizar el proceso de impresión.

Web

My Now Mix

Esta página web fue desarrollada para la empresa Ville-ferr en donde realizo mi practica profesional, a continuación describo algunos de los pasos que realice al momento de desarrollar el sitio.

Se me encargo desarrollar un eslogan, línea gráfica y la diagramación de la página web ”My Now Mix”, una radio web que desea transmitir música y moda a su público; se desarrolló una breve investigación para conocer el público meta, el cual está dirigido a jóvenes adolecentes entre las edades de 10 a16 años.
El proyecto contaba con un logotipo y dominio ya elaboró con anterioridad partiendo de sus colores y tipografía, se me encargo crear un estilo gráfico que sea acorde a lo pedido.
Nombre: My Now Mix
Eslogan: The Online Glam Radio
Descripción: Página web de música y moda por internet.
Tipo de Música: Hip-Hop, Electrónica, Pop, Rock.
Conceptualización: Música y Moda.
Dentro de la página el usuario debe hallar juegos, moda, música, noticias, eventos, chat.
Publico Meta: Jóvenes adolecentes entre las edades de 10 a 16 años.
Nivel Socio-económico: Media, Media Alta, Alta y Alta Alta.
En la elaboración de este proyecto se realizo una prueba de mercado entrevistando adolecentes de 10 a 16 años.

Tambien se me pidio hacer la línea grafica en la que las personas pudieran ver y saber que es una radio por internet, el diseño se utilizo una gama de colores llamativos ya que va dirigido a un grupo de adolecentes y elementos que describieran lo que es “My Now Mix”.

Esta son algunas de las propuetas presentadas y la que fue aprobada fue la primera imagen.






Luego de crear la línea grafica se me asigno hacer el index de la marca comercial que contiene ciertos elementos New Art, simplificando el proceso de la línea gráfica directamente a la página web.


Primero se realizo un boceto del sitio antes de ser aprobado por el supervisor de producción.
Segundo luego de ser aprobado se diagramó en Photoshop.
Tercero: realización de bocetos de las demás paginas con su respectiva descripción de cada una de las imágenes y su reticulado.
Cuarto: diagramación de las paginas en Photoshop

Animacion 3d

La animación 3D es una de las áreas del diseño grafico que mas me apasiona. Desde pequeño, he soñado con llegar a ser un gran animador de efectos especiales, por lo que aun sigo luchando por este sueño. Actualmente estoy realizando mi práctica profesional en una prestigiosa agencia de publicidad en Honduras. En este lugar he adquirido muchos de los conocimientos básicos de esta vasta especialidad, sin embargo, aun espero poder aplicar a una beca en Maestría de animador 3D en el exterior. Entre los diseñadores que han resultado ser inspiradores para mi, podría nombrar a Jonatán Catalán, un reconocido animador español. Puedes chequear su portafolio en:

http:// www.jonatancatalan.com

A continuación les presento algunos trabajos de animación 3d realizados, aunque no están en su acabado final les pudo presentar un ej emplo de ellos ya que el blogger no permite subir archivos mayores a 25 MB.

Más adelante estaré subiendo más de mis proyectos, ya que al finalizar mi práctica profesional tengo planes de crear mi sitio web; los mantendré al tanto de ello.





Este es un previo de plataforma de trabajo de Cinema 4D