La lista la encabeza la poderosa Walmart, seguida de Exxon y otras empresas relacionadas a la industria automotriz y energética. Encontramos también compañías tan disímiles como Hewlett Packard, Home Depot, Johnson & Johnson, Pfizer o Walt Disney. Cabe indicar también que, contra lo que muchos pueden pensar a raíz de la posición de Bill Gates en la lista Forbes, Microsoft está en el puesto 44.

Todas son webs muy bien logradas donde es evidente el trabajo en el diseño funcional y la arquitectura de información que hay detrás de ellas. La gráfica también es impecable y, a menos que me se me haya pasado, ninguna tiene a flash como principal soporte web, salvo banners, galerías o juegos.

El enlace: http://designm.ag/inspiration/websites-fortune-100/

Un fractal es un objeto semi geométrico cuya estructura básica, fragmentada o irregular, se repite a diferentes escalas. El término fue propuesto por el matemático Benoît Mandelbrot en 1975 y deriva del Latín fractus, que significa quebrado o fracturado. Muchas estructuras naturales son de tipo fractal.

Además, debe tener detalle a cualquier escala de observación, ya sea que lo mires de muy de cerca o de lejos, debe distinguirse su forma, la cual es tan irregular que no puede describirse con términos geométricos tradicionales, es decir, no es un cuadrado o un círculo o un dodecágono, por ejemplo.

En pocas palabras, es una imagen generada matemáticamente y muchas veces los resultados son francamente alucinantes:

En 1st Web Designer he encontrado esta recopilación de fractales creados con el programa Apophysis, un software libre que te permite crear fractales a partir de operaciones ya predefinidas que puedes modificar prácticamente hasta el infinito.

Puedes descargarlo gratuitamente desde http://www.apophysis.org/downloads.html

Al comienzo puede resultar un poco confuso pero probando un poco cada una de las opciones se pueden crear gráficos realmente alucinantes.

Siempre es bueno empezar con un tutorial y en DeviantArt he encontrado uno que puedes te explica algunas nociones básicas y te guía paso a paso desde Apophysis hasta Photoshop en la creación de un fractal.

El tutorial lo puedes descargar desde http://sya.deviantart.com/art/Apophysis-Tutorial-10781352.

De hecho el artículo donde encontré esta colección de imágenes en 1st Web Designer es el primero de 3 partes donde tocarán otros recursos para crear fractales y algunos tutoriales. Hay que estar pendientes de su publicación.

Si conoces algo más que valga la pena mencionar o quizás alguna gráfica que hayas creado pásame la voz.

El enlace: http://www.1stwebdesigner.com/inspiration/60-beautiful-fractals-created-with-apophysis-part-1/

Apophysis: http://www.apophysis.org

En Six Revisions han hecho una recopilación de 30 sitios web de excelente calidad visual donde predomina el papel como principal elemento gráfico:

Definitivamente son una valiosa fuente de inspiración a la hora de empezar a idear la línea gráfica de un nuevo proyecto, siempre y cuando el concepto lo permita.

El enlace:
http://sixrevisions.com/design-showcase-inspiration/30-creative-examples-of-using-paper-in-web-designs/

En Sixrevisions, un blog que se está convirtiendo en un referente para el diseño web, he encontrado una recopilación de 40 sitios web con ese look tan anacrónico, por ejemplo:

Una colección bastante buena a la hora de escoger el estilo gráfico de un proyecto nuevo y tomar referencias.

El enlace: http://sixrevisions.com/web_design/40-beautiful-examples-of-vintage-and-retro-in-web-design/

La mayoría son portafolios de diseñadores y algunas otras el diseño es sólo un pretexto para atraer la vista.

En Web Designer Depot hay 50 de estos ejemplos realmente inspiradores.

El enlace: http://www.webdesignerdepot.com/2009/04/50-beautiful-websites-with-illustrated-landscapes/

La lista es gigante y hay para todos los gustos. Como para perderse buen rato buscando inspiración.

El enlace: http://www.typographicposters.com

Algunos ejemplos:

http://oink.elrellano.com/

http://psyop.tv/main.php

http://heathersloane.com/

http://www.frankpr.it/

Éste último, además de tener una gráfica excelente, la idea de su portafolio me parece genial. Sobre todo el juego de memoria que tiene al último. ¡Excelente!

El resto de ejemplos los puedes ver en el enlace:

http://sixrevisions.com/design-showcase-inspiration/30-creative-examples-of-the-hand-drawn-style-in-web-designs/

 
http://www.rebaza-alcazar.com/

Por más que la tentación sea muy fuerte y tu diablo noventero te incite a animar la web con gráficos impactantes y música de fondo: ¡Olvídalo!

Encomiéndate a San Usabilidad, piensa en alternativas más eficaces, piensa en lo que quieren ver los clientes. Recuerda que el usuario de Internet tiene 10 ventanas del explorador abiertas, el MSN conectado (en sin conexión pero igual chateando), revisando el Facebook de sus amigos, se baja música y se cuida de que su jefe lo atrape hueveando. Entonces su concentración es la de un pollo. Tienes menos de 10 segundos para impactar. Para llamar la atención.

Olvídate de las animaciones.

Pero no te sientas mal ni te deprimas. La vida no termina con las intros animadas. Existe algo más. Puedes hacer encabezados bonitos, originales e ingeniosos y con un par de palabras bien dichas y aprovechando tus habilidades gráficas lograr llamar la atención de tus visitantes. Por ejemplo:

http://digitalmash.com/

http://waqasashraf.com/

 
http://travisjbeck.com/

http://fyates.com/

Creo que es una alternativa bastante efectiva que le da un toque de personalidad y acercamiento con el cliente. Y en el caso de portafolios, como son la mayoría, funciona bastante bien redactar un texto informal y que resalte las mejores virtudes de cada uno, que al final, es lo que al cliente le importa.

Y hablando de portafolios, olvídate también de colocar en qué colegio estudiaste.

Puedes encontrar una lista más completa de este tipo de presentaciones en
http://www.webdesignerdepot.com/2009/03/50-inspirational-website-introductions/

Muchos diseñadores de web le dan poca importancia o no saben siquiera que existen, qué significa o que se pueden personalizar. La idea del error 404 es indicarle al usuario visitante del sitio web que la página a la que ha tratado de acceder no existe, ya sea porque fue borrada o porque fue un error al tipear la dirección.

Sin embargo, el mensaje no debería quedar ahí sino que esta página se puede aprovechar para tratar el tema con un poco de humor y redirigir a los usuarios a otras páginas de relevancia, sugerir términos de búsqueda o monetizarla con sistemas de anuncios como AdSense.

En Smashing Magazine he encontrado un artículo con algunas páginas 404 altamente eficaces, con diseños creativos y buenas dosis de simpatía y humor… porque, al fin y al cabo, ¿a quién le gusta no encontrar lo que busca en la web?

El enlace: http://www.smashingmagazine.com/2009/01/29/404-error-pages-one-more-time/

La pequeña lista que publico cumple con lo mínimo que se puede esperar de estética y usabilidad, son webs bonitas y funcionales:

ColdWell Banker

http://www.coldwellbanker.com/ 

Bellingham Real Estate

http://www.bellingham-realestate.net/ 

Hartanov

 
http://www.hartanovteam.com/

Bonita Bay Group

http://www.bonitabaygroup.com/

MarinModern

http://www.marinmodern.com/

En general las 5 están bastante buenas y además de cumplir con su objetivo, son un descanso para la vista y prometen tácitamente que los lugares donde el cliente elija vivir serán igual de agradables.

Si conoces algún otro sitio que valga la pena mencionar por favor avísame.

Internet es igual, hay sitios como blogs, páginas en Facebook, tiendas virtuales, foros, sitios estáticos en html y “experiencias” en Flash (de las cuales hablaré en otro post), entre otras. La mayoría son sitios construidos con más de una página y donde el contenido cambia según la sección.

Estoy seguro que para muchos lo que acabo de escribir es obvio. Y justamente es por esto que siempre he dicho que lo obvio, por obvio, se obvia.

He encontrado en Dzineblog una referencia a 40 sitios realmente inspiradores que son solamente una página:

En el post original puedes encontrar 37 ejemplos más de este estilo de arquitectura de información que al parecer se está convirtiendo en una tendencia. Gracias a Dios ninguno tiene “experiencias en Flash”.

El enlace: http://dzineblog.com/2009/02/web-design-inspiration-40-impressive-single-page-websites.html

Eli Kim ya es un webstar. Nació en 1983 y se dedica a diseñar. Él no quiere “poner su agencia”. Está tan decidido a conquistar el mundo que se vale de internet para ser famoso y hacerse de un club de fans.

No tiene vergüenza, es muy inteligente, está muy lleno de sí mismo y su trabajo es bueno. Si nada de lo que lees tiene mucho sentido mira este video:

Eli Kim hizo este video que se convirtió en viral casi al instante y al buscar más información las personas encontraron el huachafísimo sitio web donde están sus trabajos:

Lo peor de todo es que ha funcionado. ¡Muy buen trabajo Eli!

El enlace: http://www.welikehim.com/

Visto en Feliz Indocumentado

Una buena alternativa para hacer mucho más “interesantes” esos números que a veces carecen de personalidad o mensaje.

El enlace: http://www.gridplane.com/#/projects/latest/data-vis

Visto en NiceFuckingGraphics

Es como una especie de Youtube donde puedes votar y comentar los logos. Interesante como para probar, tanto para ver como para participar.

El enlace: http://logofury.com/

Logo Instant te ofrece una enorme colección de logos estilo 2.0 para que puedas copiar inspirarte y romperle el ojo a tu cliente.

Y de verdad que no están tan mal. Se descargan en formato zip que incluyen los archivos en Photoshop o Illustrator según estén disponibles.

El enlace: http://www.logoinstant.com

En su sitio web, previo registro, puedes encontrar, sino los mismos logos del libro, cientos de logotipos muy buenos. La búsqueda se hace por categorías y palabras clave.

Y de nuevo, que sea sólo una referencia.

En enlace: http://www.logolounge.com

Se trata de The Book Cover Archive, un sitio donde tienen archivados cientos de portadas de libros de diferentes génereos, autores y fechas de publicación.

A pesar de que la variedad es muy amplia, me parece que sólo se centran en libros en inglés y bueno, algunos están como para tomarlos como referencia… de lo que no se debe hacer.

El enlace: http://www.bookcoverarchive.com

Visto en TuMenteCrea

No, acá hay contenido que escapa a cualquier mortal común de la blogósfera. O sea, blogs que no parecen blogs.

Por sólo citar algunos ejemplos. ¡Son la referencia definitiva a la hora de diseñar!

El enlace: http://welovewp.com/

El archivo es realmente vasto y amplio, vale la pena perderse entre el mar de publicidad y aprender un poquito de la genialidad de los grandes. Me gustó mucho este aviso de Renault, hace juego con los logos desafortunados que publiqué alguna vez.

El enlace: http://adsoftheworld.com

Para muestra un botón:

Y no, por más que busqué, no encontré logos pedófilos

El enlace: http://logopond.com/

Pues acabo de acordarme de un sitio básico que usaba como referente cuando dictaba clases de diseño web. Se trata de The Worst of the Web, una recopilación diaria de páginas que deberían ser quemadas, con diseños de los años 80s, midis en mp3, marquesinas y gifs animados.

Vale la pena revisarlos para sentir esa nostalgia de cuando chateábamos en CiudadFutura y usábamos correo Rocketmail. Y también es bueno verlos para saber qué no se debe hacer.

El enlace: http://www.worstoftheweb.com/

De hecho, es importante que esta información, quizás la que va a determinar el éxito o fracaso del negocio, sea lo más amigable y convicente posible, mostrando claramente que el beneficio es mayor que el costo.

Es por esto que Smashing Magazine ha publicado un interesante artículo sobre pricing y de cómo se publican actualmente los listados de precios en algunos sitios web. Básicamente te explican lo que debes hacer y lo que no de una forma muy didáctica. No es necesario saber mucho inglés porque se entiende muy fácil y los ejemplos que ponen hablan por sí solos.

El enlace: http://www.smashingmagazine.com/2008/11/10/50-must-have-photoshop-brushes/