Email RSS Twitter

delCASTILLO

Diseño Gráfico y Desarrollo Web de Javier Castillo
delcastillo v3.0 “Magazine”

Buenas Noticias! … en caso no lo hayan notado, rediseñe mi sitio web.

delcastillo-v3_1

Siempre me han gustado mis sitios web personales, la 1ra. versión incluso ganó un premio Exponet por mejor diseño gráfico en el 2008, sin embargo, cada uno ha tenido ciertas deficiencias que nunca me dejaron completamente satisfecho. la 1ra versión estaba trabajada solamente en html y css y la única sección generada por medio de wordpress era el blog. Esto complicaba mucho estar actualizando mi sitio con nuevos proyectos. Al año de tener la 1ra versión decidí que era tiempo de trabajarla toda para wordpress y así facilitar el proceso de actualización. Cambie completamente la imagen pero conserve mucho de su estructura original. El problema con la 2da versión, y lo que me lleva a realizar este re-diseño, era que tenía un estilo muy particular, que en su momento fue muy especial pero que rápidamente me aburrió, y es que en lo único que he sido constante a lo largo de mi vida, es en mi necesidad por estar siempre haciendo cosas nuevas y diferentes.

Es por eso que para no estar lanzando versión tras versión tras versión (como aquí mi estimado amigo que en 1 año ya va por su 5ta.) decidí tomarme el tiempo de  pensar bien que es lo que quería lograr y como podía llegar a lograrlo.

El Objetivo

El objetivo principal de mi sitio web siempre ha sido expresar al mundo mi trabajo y mis ideas, cosas que encuentro interesantes y también noticias y acontecimientos importantes que ocurren en mi vida.

Como mencione anteriormente, me aburro rápidamente de las cosas, nunca he mantenido un solo estilo en mis diseños y siempre estoy probando cosas nuevas por lo que otro objetivo que debía cumplir mi sitio web era que no me aburriera. ¿y como hacer que algo no te aburra?… cambiándolo constantemente.

delcastillo-v3_2

La Idea

No recuerdo donde leí que una buena forma de hacer algo diferente era buscando inspiración en todo menos en lo que uno va a trabajar, por ejemplo: si vas a hacer un sitio web, busca inspiración en todo, menos en otros sitios web. Esto puede ser revistas, libros, películas, hasta en la calle. Decidí entonces desarrollar mi sitio como que si fuera una revista. Leyendo encontré que existe todo un trend de sitios web hechos como si fueran revistas, En el que cada post es un diseño nuevo, adaptado a al contenido.

Esta era la solución perfecta, con un blogazine, puedo presentar cada uno de mis proyectos de una forma única y especial, puedo renovar mi sitio con cada proyecto, dándole una imagen nueva y diferente, sin la necesidad de estar cambiando de versión cada 3 meses.

Sin embargo, hacer un blogazine no es cosa fácil.

Los Retos

  1. Esta clase de blogs, lejos de facilitar el trabajo al momento de publicar contenidos, lo complicaban muchisimo, muchos pasaban horas de horas trabajando en el diseño de un solo post.
  2. Pocos CMS estan diseñados para esta clase de sitios, muchos sitios web que vi de esta clase, estaban incluso trabajados en html y css. lo que lejos de ser un paso hacia adelante, sería un paso hacia atrás.
  3. En algunos casos, se carecía completamente de una identidad entre artículos, lo que hacia parecer que uno estaba en un sitio web diferente, al momento de navegar.

La Solución

Decidí afrontar los retos y solucionarlos de la forma más inteligente, creando un sitio web que mantuviera cierta identidad a lo largo de las diferentes páginas que lo componen, y una estructura estable. y trabajarlo no solo como si fuera el interior de una revista, si no también incluyendo el resto de partes que conforman una publicación.

Estructura

El sitio web, al igual que una revista, fue fue diseñado y trabajado utilizando de base la diagramación de 12 columnas del 960 grid, lo que le brinda una estructura estable a lo largo de los contenidos.

El encabezado y la portada

La página de inicio no presenta el ultimo artículo, (como en la mayoría de casos) si no es mas bien la portada, la cual presenta un prominente encabezado, con mi logo y el nombre que me ha identificado todo este tiempo, el menu, el twitter y una pequeña descripción del sitio, este encabezado sin embargo, cambia a una versión mas ligera dentro de las páginas internas, lo que le brinda mas importancia a los contenidos en si. De fondo, el ultimo proyecto realizado con un ancho del 100%, de esta forma , en la columna izquierda, los últimos proyectos, y en la derecha, las ultimas noticias, por ultimo un pequeño extracto acerca del sitio web y de mi, y el footer, con información referente al sitio.

Los indices de contenidos

El indice de contenidos, del portafolio y las noticias, presentan los ultimos 10 post, así como también una imagen (en el caso del portafolio) o un resumen, (en el caso de las noticias) así como también las categorías, etiquetas y los meses, en los que existen publicados contenidos así como también cuantos en cada caso. (en las etiquetas, no hay un template_tag en wordpress que brinde el numero de post que existen pero aquí encontré una solución.)

Los contenidos

En cuanto a los contenidos en si, utilice una gran cantidad de campos personalizados para no tener la necesidad de volver a tocar un solo código de nuevo. Estos me permiten ubicar bloques de contenido donde mejor me parezca (siempre usando el 960 grid de base), cambiar las imágenes de fondo y los colores del contenido a blanco o negro (lo que depende de la imagen de fondo), lo que facilita muchísimo la publicación de nuevos contenidos.

y… Eso es todo!

delcastillo “Magazine” es hasta ahora el mejor y más complejo sitio web que haya hecho, aprendí mucho en su desarrollo y me siento muy orgulloso del resultado, espero que lo disfruten.

Si te gusto ¡compartelo!

Archivado en:

Noticias

Etiquetas:,

« Anterior

Nuevo delCASTILLO V2.0

Siguiente »

3 Commentarios

  1. Jepser dijo:

    hahah pizadooo haha :D no importa, te quedo virgo chato, pilas!

  2. jajajajaja el ultimo siempre es el mejor! esperate a los proximos!! he estado buscando posibles clientes y solo terminamos npixels, y le entramos con todo!!! que estan fieroos! jajaja

  3. Evelyn dijo:

    Al fin lo termino, espero que lo siga actualizando, me gusto mucho la nueva presentación, el Acerca de: que buena foto donde está reguapo.

Deja tus Comentarios

los campos marcados con * son requeridos. Tu correo jamas sera compartido.