Rediseño de la web

Tenía planeado hacer un rediseño de mi web desde hace ya un tiempo y darle otro enfoque. Mi objetivo era crear un infoproducto para mejorar captación de suscriptores. Y claro hasta que no lo tuviera no podía hacer el rediseño.

Entre una y cosa y otra pues lo iba dejando. Este mes de Febrero me propuse terminar de crearlo para poder lanzar la nueva web a principios de Abril. Te voy a  contar algunos de los cambios que he hecho.

Cambio de plantilla a GeneratePress

Tenia ganas de cambiar de plantilla pero no terminaba de decidirme por cual. Conocí la plantilla de GeneratePress en el blog de Arturo Garcia. Después de probarla un tiempo opté por usarla en mi web.

Me decidí por esta plantilla porque tiene un diseño simple, bastante parecido  a las plantillas de Genesis Framework  y porque a diferencia de los temas de Genesis es más fácil de personalizar.

Cambiar la tipografía,colores, la posición del menú, cambiar de posición el sidebar, deshabilitar elementos, cambiar el ancho de la web… todo en tiempo real, viendo los cambios al instante.

El tema en sí es gratuito, lo que es de pago es el pack de addons que desbloquea todo su potencial.

También cuesta casi 3 veces menos (unos 36€) y encima la puedes usar en multiples webs con una sola licencia.

Como le quieria  darle ese toque a lo Material Desing necesitaba una plantilla con estas características y creo que he acertado.

Cambio de alojamiento web

Tenia la web alojada con Raiola Networks con un plan de hosting compartido, pero el rendimiento que me ofrecía su servidor no me convencía. La web tardaba más de lo que me gustaría en cargar, tardaba la vida en moverme por los menús del panel de control. Tengo otras webs alojadas con ellos y no he tenido ese problema.

Igual lo mio es un caso aislado no lo sé. Me gustaría que me contaras tu experiencia sobre Raiola Networks si tienes alguna.

¿A cúal?

Pues me he cambiado a Loading. Ya lo había usado en otros proyectos y me ha ido muy bien.

Me migraron la web en menos de 20 minutos. Ahora la web la noto más rápida y las pruebas que he hecho lo demuestran.

Haré un análisis completo de sobre este hosting más adelante.

El diseño

En lo que el diseño se refiere he querido dar un toque al estilo Material Design y dejar la web limpia de cosas innecesarias.

Para elegir los colores use la herramienta de material palette.  Me he basado en esta paleta de colores. De todos modos todavía me falta pulir muchos pequeños detalles de la web.

Material Design Color Palette Generator - Material Palette

Las entradas del le he dado un estilo parecido a Material Cards.

Material Design Cards

Algo que me gustaba de la antigua plantilla, era que me permitía mostrar entradas relacionadas al final de cada post. Cosa que esta no tiene, y no sé si implementar esa funcionalidad mediante algún plugin. De momento la voy  dejar como está.

Plugins nuevos

He aprovechado para quitar algunos plugins, en concreto he quité:

Codestyle Localization: este  lo utilice para traducir algunos textos de la antigua plantilla. Con este tema no tengo que traducir nada así que ya no lo necesito, además, es un plugin totalmente desfasado ya ni esta en el repositorio de WordPress.

Bloom: Este se ha quedado fuera también. Me he puesto en modo pro y he comprado ThriveLeads. Haré algún análisis sobre este plugin, aunque es probablemente te suene ya. Porque es de lo mejor que hay para el email marketing y hay mucha información sobre él ahí fuera.

Massive Addons for Visual ComposerHe utilizado Visual Composer para la maquetación de las páginas, pero necesitaba algunas funcionalidades extra. Por eso compré este addon para Visual Composer.

Tiene opciones y funcionalidades para aburrir, pero es fácil de configurar porque tiene un “modo fácil“. Además, es bastante intuitivo así que no tardé mucho en aprender a utilizarlo.

Incluye una gran cantidad de diseños listos para usar.

Contenido para suscriptores

He creado tres e-books para ayudar a personas que están empezado con WordPress. Cómo elegir bien un plan de hosting, una lista de más de 50 plugins y  ocho plantillas que ami me han funcionado bien. He tenido esta idea porque hay un gran abanico de posibilidades en los 3 y puede ser bastante complicado elegir bien. Por lo menos eso es lo que me pasó cuando empece a meterme en el mundillo del diseño web con WordPress.

El objetivo es que eviten tener que pasar por prueba y error, cosa que tuve que hacer yo. Así que si tú eres una de esas personas que quiere crear su web con wordpress o aprender más sobre el tema. Creo que te puede ser bastante útil.

Por último me gustaría saber tu opinión sobre mi nueva web. Déjame un comentario.

[Total:0    Promedio:0/5]

Kit de herramientas para crear un blog

Lo que uso para crear webs

Mi Kit de Herramientas con el que podrás empezar a crear tu web.

Sergio Kolomiychuk

Autodidacta, apasionado del WordPress, marketing y las nuevas tecnologías. Me encantan las webs limpias con buena usabilidad y es lo que ofrezco a mis clientes. Comparto lo aprendido en el blog para ayudar a otras personas a crear una web profesional.

  • Arturo Garcia

    Hola Sergio,

    Enhorabuena por el rediseño, me gusta mucho, te ha quedado una web muy limpia y bien rematada, es un buen ejemplo de cómo debe ser una web.

    Destacaría lo agradable que son a la vista todos los elementos, la selección de colores es fresca y suave, los tonos grises de fondo sutiles acompañando muy bien, las sombras también suaves, pero efectivas y aprecio una mejora en el uso de las imágenes.

    A nivel de estructura y composición chapó, fácil de navegar, intuitiva y minimalista. Está lo que tiene que estar, lo demás fuera. Ni un pero.

    Las herramientas que usas son de primera calidad y ayudan a mejorar el resultado final, has integrado muy bien los formularios y el Monarch te queda genial en las entradas.

    Me alegra además ver que has dado un salto importante en el tema de la captación de suscriptores con tus nuevas guías, por cierto, ya me he suscrito para cotillearte 😉

    Y no sé que más decirte, por ponerte un pero o algo que creo que podrías mejorar es el diseño de la cabecera en la home, me gusta la composición y lo limpia que es, pero al ser tan grande la veo un pelín vacía, quizá le sentaría bien algún patrón de fondo (con iconos de marketing online o un fondo poligonal), el skyline de Malaga, no sé ¿has probado algo en esa línea? Vamos, te digo esto por decirte algo, pero está genial.

    Muy buen trabajo Sergio, enhorabuena de nuevo 🙂

    • Muchas gracias por pasarte a echarle un vistazo y dejar tu valoración que cuenta mucho para mí.
      Todo una alegría de que te guste como ha quedado la verdad.

      La plantilla te lo pone fácil, salvo que te medio obliga a usar las secciones pero bueno.

      Me dio el lío hacer los ebooks con InDesign, me hice unos pocos de tutoriales antes de poder hacer nada jaja.

      Por lo que me comentas de la cabecera sí que tenia pensado colocar alguna imagen tipo “hero header” o fondo poligonal, pero no llegue a encontrar una imagen que me gustase. Eso lo voy a cambiar más adelante seguro.

      Yo lo que no sé es si cambiar el color/diseño de los enlaces.

      El Monarch lo quite en un principio pero al final lo volví a poner, es que queda muy bien y en los móviles va de mp.

      ¡Un saludo Arturo!

      • Arturo Garcia

        La plantilla es muy sencillita, a mí me fastidia no poder utilizar un maquetador visual en las secciones, pero bueno, ya me he acostumbrado.

        Mis ebooks los hago con Powerpoint, InDesign lo aprendí a manejar antaño, pero me da una pereza usarlo…

        Lo bueno de la nueva web es que el conjunto es redondo, la home la puedes ir cambiando sin tocar lo demás hasta que quede a tu gusto, yo la mía la he cambiado dos o tres veces desde que hice el rediseño.

        En cuanto a los enlaces te diré que tienes una paleta muy puñetera para ese tema, salvo que uses el rojo los demás no destacan nada y el azul actual pega un poco de cante. ¿Has probado a meterle un border-bottom: #FE5252 1px solid; a los enlaces y dejar el texto del mismo color que el resto del p? cada vez se vé este efecto y creo que te queda bien, si el rojo lo ves muy agresivo puedes usar cualquier otro de tu paleta, dependiendo de la relevancia que les quieras dar.

        Desde que te vi el Monarch me ha entrado el run run y al final hasta lo he puesto en mi web jejeje, es que queda chulo de narices.

        Un saludo fiera!

        • Ni se me había pasado por la cabeza hacerlos con Powerpoin, me hubiera ahorrado un montón de quebraderos de cabeza jaja.

          Ya he visto que has estado probando Monarch en tu web, probare eso que me has dicho de los enlaces, que la verdad es que se ve en muchas webs.

          Un arbazo!

¿Dónde te mando los accesos al Área Privada?

Cállate y coge mi dinero!!!

fry-coge-mi-dinero
convert-pro
logo-thrive-leads

¿Convert Pro o Thrive Leads?

La decisión es tuya

Convert Pro o

Thrive Leads

Pin It on Pinterest

Share This