Bienvenidos a Sebascelis.com 3.0
Cambio… Adoro el cambio
Es posible que al llegar de nuevo a mi sitio te hayas encontrado con la gran sorpresa de que todo el estilo como tal ha cambiado, el aspecto visual y la distribución de contenidos.
Hoy quiero presentar un gran cambio, sabiendo de antemano que no todos estarán de acuerdo con él, pero como verás a continuación pensado en el beneficio colectivo.
Se trata de la nueva versión de mi sitio web, principalmente basada en un rediseño y reestructuración gráfica (como me imagino, has podido notar).
A partir de ahora, no sólo te será mucho más fácil leer aquí en mi blog, sino que el sitio cargará sustancialmente más rápido como veremos a continuación.
Los principios básicos con los cuales planeé mi rediseño fueron:
- Minimalismo: Dejar lugar sólo a lo esencial
- Eficiencia: Mejorar el consumo de recursos
- Amigabilidad: Facilitar la navegación amigable
- Funcionalidad: Preservar lo indispensable
Desde hace mucho tiempo y dado el acelerado crecimiento de mi blog en los últimos meses, se hacía cada vez más indispensable pensar en cambiar un poco la estructura para hacerla más eficiente y más veloz. Llegando a finales de enero de 2012 ya son más de 350 artículos los que se han publicado en más de 16 categorías, los cuales han recibido más de 3.200 comentarios en total.
Con la versión anterior de mi blog quise dar un poco de rienda suelta a mi creatividad en diseño gráfico y es eso lo que ahora quizás brille por su ausencia. Mi enfoque con esta nueva versión, es a los usuarios que quieren leer mis artículos.
Me he dado cuenta de que muchos sitios web que publican artículos no son amigables para la lectura, así que me lo he propuesto y esto que ves ahora es el resultado (más adelante me puedes contar qué te parece
). Con más de 2.000 visitantes diarios es inevitable pensar en querer lo mejor para todos en el sentido de que puedan consumir los contenidos aquí publicados de la forma más amena posible.
Y por otra parte, está el servidor, que cuando mi sitio tenía pocos visitantes, no era mucho problema que fuese pesado. Ahora, cualquier mejora en consumo de recursos es bien vista por el proveedor de Hosting y me libera de la preocupación de pensar en que el sitio pudiera caerse por saturación.
Finalmente, me di cuenta de que el sitio aunque tenía muchas opciones y alternativas para los usuarios una vez llegaran a leer un artículo, que justamente tal cantidad de opciones confundía y hacía la navegación un poco más confusa.
Para esto, me he propuesto hacer de Sebascelis.com un sitio completamente minimalista al máximo nivel posible sin perder las funciones necesarias e indispensables que lo hacen ser lo que hoy es
Pasé varios días investigando sobre Diseño Web Minimalista e incluso estuve estudiando los principios minimalistas para la vida (escribiré sobre el tema pronto) y con base en ello plasmé en un conjunto de elementos básicos todo lo que iba a componer la nueva estructura de mi blog.
Ahora si, voy a detallar cada uno de los cambios para que no te pierdas en la nueva versión, así como mencionar un poco la razón de ser de cada uno.
Diseño General
Lo primero que hay que notar, es que ya no tengo un color de fondo, ni de encabezado, ni de pie de página. Antes todos eran azules, excepto el fondo del texto. Cada uno de esos colores era como tal una imagen, que aunque pequeña sumaba al peso total del sitio. Y ahora multipliquen un pequeño peso adicional en la página, por miles de cargas de página diarias. (Esta fue la razón técnica para prescindir de dichos colores).
Por otra parte, comprendo que en diferentes monitores el color se renderiza levemente diferente, por lo que alguien en un monitor LCD no vería lo mismo que en uno CRT o LED y es complejo seleccionar colores que de alguna manera u otra sean universalmente agradables.
Dos colores que se ven iguales en todos los monitores son el blanco y el gris oscuro, razón por la cual ahora predominan en el sitio, esto hará mucho más uniforme la experiencia como tal en mi blog.
El tipo de letra se ha dejado igual al anterior pues es uno que facilita la lectura masiva sin agotar la vista (esto estuvo bien seleccionado desde un principio).
La manera de separar los contenidos antes era a través de líneas, ahora mediante la distribución misma de los textos y contenidos las líneas se han hecho innecesarias liberan también un peso adicional en contenidos visuales y de máquina innecesarios.
Página Principal
El cambio más drástico se puede notar en la página principal www.sebascelis.com. He quitado prácticamente todo, excepto lo que considero indispensable.
Todo lo que he dejado y lo que he quitado, no ha sido escogido al azar, llevaba ya casi un mes midiendo estadísticas de efectividad de diferentes elementos de la página principal. Por ejemplo, había un formulario que generaba 1 suscriptor cada 10 días, cuando los demás generaban alrededor de 20 a 30 diarios, por lo que es posible quitarlo sin perder prácticamente nada.
Los extractos de los artículos en la parte inferior hacían engorrosa la navegación y su objetivo final era que la gente pudiera acceder a uno de ellos, para tal fin sólo se han dejado los títulos de los más recientes artículos y para ver la lista completa, es posible acceder a la sección: Artículos o Archivos.
En otras palabras, para efectos prácticos, se ha mantenido la misma funcionalidad, eliminando toneladas de contenido innecesario. Los enlaces a los sitios amigos ahora no son visibles desde la página principal, pero sí están en los artículos individuales en la barra lateral derecha.
Encabezado
El logo ahora está más pequeño, más liviano y más diciente. Como dice dicho, bueno y simple, dos veces bueno.
A la derecha tengo un espacio para comunicar un pequeño mensaje que podrá ir cambiando según la época, o para anunciar cuestiones importantes.
En cuanto a las redes sociales, he retirado de la barra lateral derecha los bloques (widgets) de Facebook y Twitter dado que la función que estaban desempeñando era mínima y no valía la pena que permanecieran. Ahora para acceder a las redes sociales de Sebascelis.com simplemente basta con echar un vistazo a la parte derecha del encabezado para encontrar los íconos con acceso a cada una de ellas. Las suscripciones a cada una deberán hacerse una vez dentro.
Finalmente, una función que estaba relegada en mi blog y que considero de vital importancia: Las Búsquedas. En ocasiones es fácil perderse entre tanta información, por lo que un buscador puede brindar rápido acceso a los contenidos que se necesiten, además que si dichos contenidos no son encontrados, yo puedo analizar el registro de búsquedas y así saber lo que la gente necesita para posiblemente proveerlo en el futuro.
Artículos Inidividuales
Los artículos individuales han tenido grandes cambios también. Empezando por el principio, el color del título ahora es gris y no distrae tanto la vista cuando se inicia la lectura. La publicidad permanece dado que es una de las maneras de sostener mi blog (pronto, algunas alternativas).
El color de la letra anteriormente era negro, ahora es gris oscuro, esto facilita la lectura de textos largos evitando el agotamiento. En la parte inferior, se encuentra un nuevo formulario de suscripción mucho más ahorrativo en espacio e igual de efectivo en términos prácticos.
Una de las características de las que estoy orgulloso de presentar (principalmente porque no tenía ni idea de cómo hacerlo hace poco) es la de los artículos relacionados en imágenes.
Al final de cada artículo podrás ver 5 miniaturas con el título enlazando a artículos relacionados. El sistema de relación contextual ha mejorado y ya no sólo se basa en el título sino también en el contenido, por lo que con esto es posible brindar mejores recomendaciones de lectura al final de cada una de las publicaciones.
Comentarios
Los comentarios aparte de ser visualmente más simples, ahora permiten algo bien interesante: Responder a comentarios en un segundo nivel.
Esto quiere decir que cada que alguien comente en mi blog, cualquiera puede responderle y el sistema mostrará dicho comentario anidado (un poco movido hacia la derecha) esto facilitará un poco más las discusiones y el entendimiento de las mismas para quienes lleguen por primera vez al blog.
Otras Páginas
Algunas otras páginas del sitio permanecen en esencia intactas, éstas podrían ser:
Y finalmente la de Artículos, que aunque ha cambiado totalmente en su estilo y diseño, preserva las mismas características de la anterior, por lo que no hay mucho que comentar aquí.
Versión Móvil
En esta parte aún me queda pendiente organizar la redirección automática que permite que el mismo blog detecte la plataforma y muestre la versión correcta según el modelo de celular o dispositivo móvil que acceda. Planeo tener todo listo en esta sección para móviles esta misma semana. En todo caso, lo avisaré a través de un artículo completo
¡Bonus!
Sea esta de paso la oportunidad para mencionar que en un par de días estaré publicando la que he denominado: LA MINIGUÍA INFALIBLE PARA LOGRAR LAS METAS.
Un pequeño curso en Audio y PDF en logro de metas, con técnicas infalibles para llegar al éxito. Básicamente me encargo de definir un proceso, que si sigues al pie de la letra con tu propósito, inevitablemente lo conseguirás
¿Suena interesante? ¡Pues atento a la publicación!
¿Qué Te Pareció?
Me gustaría que me contaras qué te pareció el nuevo diseño y si te gusta o se ajusta a tus expectativas con mi blog, para ello puedes dejar tu comentario más abajo luego de llenar la encuesta a continuación.
¡Muchas gracias por tu participación en mi blog! Espero poder seguir brindando lo mejor de mi cada día
¡Suscríbete!
(Ya somos 2106)
Etiquetas: sebascelis.com


Buena primo, Keep it up!
¡Gracias Bro!
Hola Sebas!!! Sinceramente hablando no sé mucho del tecnicismo de la informática, pero lo que mis ojos pueden detectar a simple vista es que sin duda has utilizado el minimalismo jeje te has desprendido de todo menos de lo esencial, y pues a mi particularmente me gusta el nuevo diseño aunque te confieso cuando entre dije uy que pasó aquí? luego entendí, jeje es que a los cambios uno debe adaptarse también,te felicito y gracias por pensar siempre en nosotros tus lectores!!! estaré pendiente de tus próximas publicaciones!
Muchas gracias a ti Moni por tu comentario
Es un poco drástico el cambio pero a largo plazo se verán las mejoras
¡Saludos!
En apariencia puede ser que no sea tan buena como la anterior por no tener tantos colores e imágenes como antes pero se agradece que cargue al instante y sea así de simple para navegar por tu web con el teléfono. Yo tengo contratado 500 MB de descarga en red móvil por mes, de esta manera al meterme en tu web utilizare menos MB y podré alargar la vida y velocidad de mi red cada mes.
¿Y por qué SebasCelis 3.0? ¿Antes que era 2.0? ¿Eso le da un toque moderno y tecnológico no? Jejeje…
Sin duda creo que ya estoy delante a una de las mejores páginas por las diversas ventajas ahorrativas que tiene y el perfecto diseño que le has añadido. Si dices que has estado un mes estudiando al milímetro cada diseño y estructuración es que has debido hacer un muy buen trabajo de diseño web. Se agradece enormemente estos diseños y formas agradables de leer en internet que similen incluso a las hojas de un libro. En otras páginas nada más entrar no sabes ni donde esta el texto, otras veces está cortado por publicidad, suenan audios que tu ni quieres que suenen y son molestos teniendo que darle a pausar música, contenidos contaminados de publicidad molesta y diversos enlaces de quinientas páginas, enlaces de interés…
Cuando alguien se mete a Internet quiere encontrar la información, leerla y asimilarla de una forma rápida, económica y agradable y tu has conseguido en tu web reunir todos esos parámetros a la perfección. !!! Eres muy bueno en esto hermano !!! ¡¡¡ Sigue adelante !!!
PD: ¡¡¡Estoy ansioso por el curso de los PDFs y audios sobre conseguir las metas de una manera infalible!!!
Guillermo, ¡Muchas gracias por tu comentario!
Claro, la versión inicial podría considerarse una beta, el color de hecho era café y el fondo tenía estilo de madera.
La primera versión oficial la diseñé con un software para creación automática de plantillas, dicha versión no tuvo anuncio oficial, pues en ese tiempo me leían 2 o 3
La segunda versión fue lanzada hace casi un año, el 31 de enero de 2011, que es la que todo este tiempo has conocido
Y finalmente esta versión es la más eficiente hasta el momento, todas las anteriores han contado con elementos visuales creativos, pero finalmente el objetivo del blog no es maravillar a la gente con gráficos, sino educar en Desarrollo Personal, quien quiera aprender se encontrará con un sitio dispuesto a enseñarle sin distracciones
De verdad te agradezco muchísimo por tu apoyo y por lo que dices de mi blog, sé que a muchos no les gustará el cambio, pero como tal es una necesidad de todos, tanto de los usuarios por consumir mejores contenidos, como del servidor por servir páginas más rápidamente, y finalmente es una necesidad mía para llevar a cabo mi misión de una mejor manera y comunicar al mundo mis mensajes con más efectividad.
¡Saludos!
Hola Sebas, particularmente me gusta más ahora, lo veo mas limpio, más ordenado y sin tantas interferencias visuales! menos es más, verdad?
Gio
Ciertamente Gio, te agradezco mucho por tu comentario
Me alegra mucho que te haya gustado y espero poder contribuir positivamente con tu vida
¡Saludos!
Felicitaciones Juan Sebastián, creo que la gran mayoría estará satisfecho con el cambio, ya que como mencionas tiene mayor efectividad.
Muchas gracias Fanny
Me alegra mucho tu comentario ¡Saludos!
Me gusta el echo de que estás pensando en que tus mensajes lleguen de la manera mas simple y práctica a nosotros.
Cuando yo entro a una página que de seguro tiene información que me interesa y me encuentro con un fondo negro y letras amarillas aparte de una cantidad de ” chécheres” alrededor,prefiero salir huyendo de ahí.
Puedes estar seguro que tu trabajo y preocupación pensando en los demás dará buenos frutos.
Muchas gracias German, es justamente la idea
Conozco la sensación que mencionas al entrar a un sitio en donde podría haber buena información pero que ahuyenta a sus usuarios con una mezcla de objetivos y falta de organización.
¡Saludos!
Te felicito por el nuevo diseño sencillo y simple…creo que al final no importa tanto la apariencia si no la calidad de contenido q nos brindes…
no es tanto alimentar nuestra vista sino retroalimentar nuestra MENTE..
!saludos!
¡Muchas gracias por tu comentario Carlos!
Saludos
Sé que es difícil de cambiar y que quizás sea sólo un pequeño detalle pero a mí personalmente el color blanco me molesta la vista al leer, y teniendo un fondo blanco con letras negras (alto contraste) no me deja leer más allá de 3 ó 4 articulos quizás.
Una opinión personal. De resto está todo excelente, muy buen cambio
(google reader por ejemplo tras 10 mins de lectura hace que me duela la cabeza y los ojos.
Tal vez una versión alternativa con un fondo que que no genera tanto contraste con el texto (un blanco más gris)
¡Gracias Cristián!
Realmente los más grandes y estudiados sitios web tienen fondo blanco con letras de color más claro que el negro, de hecho justo por eso lectores como Google Reader cuentan con esta configuración, porque son sistemas de lectura masificados, es lo que funciona con la mayoría de personas.
Desafortunadamente, no puedo cambiar esta característica particular, pero si encuentro alguna alternativa para ti, te cuento
¡Saludos! Muchas gracias por tu comentario.
Sebas, es inevitable sentir que la felicidad y la emoción se apodera de todo mi ser al visitar Sebascelis.com!
Estoy orgullosa de hacer parte de esta comunidad, estoy orgullosa de conocer este Blog, estoy orgullosa de llevar tantos años guiada por tus enseñanzas, por tus palabras… Estoy orgullosa de ti Sebas!
El re-diseño de Sebacelis está mucho más que Increíble; es Fenomenal, Estupendo, Incomparable, Hermoso, Fantástico… ¡¡Me Encanta!!
Gracias por hacer esto por y para nosotros, gracias por pensar en nuestra comodidad, en nuestro beneficio, en la armonía y en la paz que esta página web trasmite a nuestras vidas… Gracias por entregar tanto de tu tiempo, de tu esfuerzo, de tu pasión, de tu dedicación, de tu compromiso y de tu vida a nuestro crecimiento y a la mejora de este, nuestro espacio…
¡Felicitaciones Sebas! Felicitaciones por haber creado un Excelente Diseño, por haber hecho un Excelente Trabajo
Te mando un super abrazo!
¡Wow Katheee!
Creo que hasta ahora es el comentario más efusivo que he recibido, de verdad me alegra sobremanera que te haya gustado mi nuevo diseño y que pueda amenizar tu presencia en mi blog
Gracias por tu participación y asiduidad, sin personas como tú, este proyecto no sería posible. Gracias, de verdad.
Te mando un fuerte abrazo a ti también, y mis mejores deseos
Bueno la verdad Juan me parece super elegante, cabe destacar que el diseño anterior también era bastante agradable, pero en lo personal me gusta mas el actual esta genial, resaltando también el toque moderno con lo cual tus lectores nos podemos sentir a gusto al leer cada uno de los artículos saludos Juan y felicidades por el cambio….
De verdad me alegra muchísimo que te haya gustado. ¡Saludos!