Rediseñando mi marca personal online

Cuaderno de bitácora, hoy quiero rediseñar mi marca online... ¿Qué debo hacer?

¿Por qué voy a rediseñar mi marca online?

Me encuentro ante la tesitura de rediseñar mi marca personal online. Tengo varios blogs en los que escribo sobre mis conocimientos en diferentes ámbitos, sin embargo, aunque hice un pequeño intento por reorganizarlo y crear una imagen de marca, no ha sido fructífero, ni yo mismo asocio los blogs o recuerdo cuales son.

Un logo antiguo de mi marca online (Boky1)

Rediseñando mi marca, primeros pasos ¿Quién soy?

Lo más importante en las relaciones comerciales es la confianza generada por ambas partes, por eso, lo más importante es mostrar una imagen transparente a nuestros clientes como vendedor e incluso como comprador.

Voy a intentar rediseñar mi marca personal online pensando en varios factores, el primero y muy conciso es, ¿quién soy? es muy importante vender buena imagen, de eso trata nuestra marca online.  De varios blogs que escribo, necesito adaptar (o crear) uno para enlazar a todos los blogs de mi red. Este blog cluster o blog portada será donde inicie nuestra imagen de marca. En todos los blogs de la red incluiremos un banner o logotipo, incluso podría ser un pequeño botón o link que nos lleve a página clúster.

Diseñando la identidad corporativa

Lo primero antes de nada, es diseñar la identidad corporativa. Para ello necesitamos varias cosas

• Texto o anagrama
• Favicon
• Color corporativo
•  Por qué? 
• Color y sentimientos
• Creatividad, pasión y fuerza.
• Banners y avatares
• Facebook
• Twitter
• Instagram
• Header para el blog (blogger)
• Marcos para publicaciones en RRSS

Elección de la tipografía

Deberemos elegir una tipografía de uso comercial libre y trabajar con ella en el software de dibujo Adobe Illustrator para modificar los trazos a nuestro gusto y dejar una marca personal en el anagrama.

Con una pequeña búsqueda en internet encontramos decenas de páginas que nos permiten descargar tipografías para uso comercial libre y gratuito.

Yo he utilizado una tipografía de aquí.

Chuleta para un diseñador gráfico trabajando como "community manager"

En el boom del marketing a través de las redes sociales, un community manager podía gestionar los perfiles sociales de varias marcas, a veces incluso, de marcas de diferentes compañías sin entrar en conflicto. En la segunda década del 2000, esta tarea se vuelve más compleja, debido a las vicisitudes de cada red social y las complicaciones que conlleva gestionar la imagen de una marca online.

Aquí trataré de mantener actualizada una lista con los tamaños en pixeles de cada red social. Entre ellas, facebook, youtube, twitter, instagram.

Facebook fanpage
- imagen de perfil 180x180
- imagen de cabecera 851x315
- (biografia texto plano)

Twitter
- imagen de perfil 400x400
- imagen de fondo de twitter
- imagen de cabecera 1500x500
- slogan (texto plano)

Youtube
- imagen de prefil 800x800 y 98x98
- imagen de cabecera 2560x1440 max 4mb variable desktop es= 1546x423
- Tamaño de los videos: 1080

Instagram
- imagen de perfil 110x110


Otras características:
1. Dependiendo de nuestro público objetivo o nuestra preferencia personal, podremos evitar alguna de las redes sociales mencionadas. 2. Las redes sociales nos permiten enlazarlas nuestros canales entre sí con diferentes formas, con links, auto-publicación, etc 3. No encuentro mucho uso a "Google+" aunque si que la herramienta Blogger, Analytics, Adsense y otras, son muy potentes.

Framework de diseño Bootstrap

Bootstrap es un framework de diseño web. Contiene hojas de estilo CSS prediseñadas con los diseños adaptados a los nuevos dispositivos y standares del w3c. Es infinitamente adaptable sin embargo su diseño por defecto permite comenzar proyectos web sin tener que preocuparte por el "responsive design"

Puede descargarse de la página oficial, además de funcionar con plataformas como Composer, Girhub, etc. Es software con licencia libre y puedes incluirlo en tus proyectos de forma stándar.

Logotipo oficial de Bootstrap

Estructura y responsive design

Ya hemos visto en otras entradas que un sitio web requiere una estructura general en vertical. Los datos incluidos dentro del sitio web deben estar correctamente jerarquizados. Muchas veces es engorroso adaptar todo este diseño, de una manera formal, a todos los dispositivos que pueden conectarse a internet. Bootstrap ofrece estas ventajas principalmente.

Cargar el framework de Bootstrap en tu proyecto web te hará avanzar muy rápidamente en cuanto a diseñar la estructura de la web ya que no tendrás que preocuparte por el "responsive design". Bootstrap adapta toda la jerarquía de etiquetas para todos los dispositivos (o casi).

Primera página de un proyecto con Bootstrap

Componentes de Bootstrap

Librerías JavaScript:

Una de las principales utilidades de Bootstrap es su interacción con librerías de JavaScript como jQuery. Esta librería nos permite insertar componentes de diseño dinámico en nuestro sitio web. Entre otros componentes, el framework trae por defecto un carrusel, pestañas, botones, formularios mejorados y un largo etc.

Librerías de iconos:

Otra de las funciones que todavía estoy probando y que no he llegado a utilizar todavía en un proyecto, son los iconos y las librerías. La verdad que estas librerías de iconos aportarán a tu proyecto una gran calidad. El diseño de estos iconos "libres" está pensado para el diseño de interface avanzado aunque también su sencillez permite integrarlos sin problema en un proyecto de landing page.

Ejemplos y códigos para aprender

Bootsnipp.com. Ejemplos con código incluido de páginas con bootstrap.



Página oficial de Bootstrap:
http://getbootstrap.com/

Aplicaciones online para jugar ajedrez

Voy a empezar mi ranking personal de las mejores páginas web y aplicaciones para jugar al ajedrez online. Estamos en verano de 2017 y es de sobra conocido por todos que las aplicaciones para jugar al ajedrez online evolucionan tan rápido como evolucionan las tecnologías web.

Esto no pretende ser una guía al estilo de http://www.chess-links.org/ que se encarga de linkar las 100 páginas web sobre ajedrez más importantes en Alexa rank.

Hay aplicaciones premium o con membresía de pago. ¿Cómo elijo la mejor aplicación web para entrenar y jugar al ajedrez pagando?

Índice

1. chess24.com
2. chess.com
3. lichess.org
4. playchess.com
5. freechess y chessclub

1. chess24.com

La mejor aplicación moderna que he probado. Chess24 se lo han tomado en serio y han desarrollado una aplicación pionera a la hora de implementar el juego de ajedrez online. No por el tablero y salas de juego sino más bien por las clases online, las cuales se pueden probar gratis y se puede observar las innovaciones técnicas. En otro artículo trataré de hablar de estas innovaciones para que podamos comprobar su calidad.

En la página principal de juego podemos encontrar los diferentes robots que ofrece chess24 ordenados por fuerza. Además, podemos apuntarnos a diferentes torneos que se organizan automáticamente cada cierto tiempo.


Puntos a favor:

• Innovaciones técnicas en la web y app
• Clases de grandes maestros en varios idiomas (con previews gratuitas)
• Comunidad moderada y videos comentados diarios de grandes torneos.

Puntos en contra

• Membresía de pago.
• No es open-source.
• No hay feedback de usuarios
• No hay fotos ni salas de chat

2. chess.com

Puntos a favor:

• Gran comunidad de jugadores. Más de 40.000 en el momento de escribir esto.
• Nombre fácil de recordar y eso la coloca en el top 1 del ranking alexa en webs de ajedrez

Puntos en contra

• Comunidad de jugadores poco técnica, mayormente extraída de redes sociales
• Demasiados foros pocos estructurados, una gran comunidad requiere de más organización
• No es opensource, no hay posibilidad de implementar nuevas ideas

3. lichess.org

Puntos a favor:

• Es open source, gratis y sin publicidad (forever)
• Varias modalidades de juego como chess960 o 3-check
• Permite seguir a amigos y retarlos desde el smartphone
• Gran cantidad de tutoriales y videos colgados en la web
• Analisis por ordenador gratuito

Puntos en contra

• Comunidad desordenada y descentralizada.
• En ciertas ocasiones hay mucho lag.
• No tiene buenas fuentes de financiación.
• Aunque sea opensource, no permite conectarse con aplicación propia.

4. playchess.com (chessbase)

Puntos a favor

• La mayor base de datos de partidas. Más de 7 millones de acceso gratuíto.
• Muchos años de experiencia desarrollando software (Chessbase y fritz)
• interface muy bien cuidada e integrada en software nativo además de navegador.
• Gran fuente de financiación a través de su software privado.

Puntos en contra

• Sin aplicación para OSX (aunque si tiene para ipad e iphone)
• Membresía de pago mal estructurada y con poca información.

5. Freechess y Chessclub

La forma antigua de jugar al ajedrez. Necesitas una interface para jugar en estos servidores, sin embargo, los geeks también pueden jugar conectándose directamente por Telnet. Hace poco veíamos una versión similar, integrada dentro del "messenger" de facebook. Conectarse por telnet a estos servidores es similar, la única diferencia entre ellos es que freechess es evidentemente gratuito frente a chessclub que tiene su membresía de pago.

WinBoard en Windows XP conectado al ICS de freechess en 2017

Chessclub tiene su interface propia desarrollada mientras que freechess, al basarse en la gratuidad, requiere que descargues una interface válida para los ICS. En la imagen puede observarse la interface WinBoard 4.1 (2011) funcionando en Windows XP conectado al ICS de freechess. 

Un ICS es un Internet Chess Server o traducido al español por Servidor de ajedrez en internet.

Puntos a favor de ICS:

• Software adaptado a tus necesidades. 
• Uso libre y permisividad para usar motores de ajedrez.

Puntos en contra:

• Tecnología anticuada
• Membresía de pago en chessclub
• Pocos jugadores y comunidad reducida

Links:

• chess24.es ajedrez premium
• chess.com ajedrez premium
• lichess.org ajedrez gratis
• playchess.com ajedrez premium
• -
• arena.fide.com ajedrez premium
• freechess.org ajedrez gratis
• chessclub.com ajedrez premium
• chesstempo.com ajedrez gratis
• chessbomb.com análisis de ajedrez
• chesscube.com ajedrez gratis
• gameknot.com ajedrez premium
• -
• chess-links.com lista de webs de ajedrez
• chess-results.com resultados en torneos de ajedrez
• info64.org resultados en torneos españoles de ajedrez
• -
• fide.com oficial de la fide
• feda.org oficial de la feda
• fegaxa.org oficial de la fegaxa

Serie de partidas de ajedrez online

Una de las miniaturas para el primer video de Youtube

En esta primera serie he publicados varios videos que he jugado y que analizaré más adelante con anagramas y el software stockfish.

Las plataformas en las que he jugado son http://www.chess24.es y http://www.chess.com. En el artículo de la historia del ajedrez online, incluyo un breve analisis (quizás ahora anticuado) de la aplicación para jugar al ajedrez online de chess24 además de chess.com