Decálogo de buenas prácticas para mantenerse inspirado

Lo curioso de trabajar en un área del conocimiento que requiera ingenio y visión, es que no hay una fórmula para permanecer en un estado de continua iluminación. Y si no hay una, es porque hay miles, los métodos son tan variados como personas en estas profesiones, porque al final del día cada quien define su propio proceso creativo y muchas veces lo que anima a uno crear, frustra a otro y viceversa.

Hice un listado ilustrado de algunas cosas que en lo personal me funcionan y en seguida les cuento un poco más.

  1. Contacto con la naturaleza. Procura llenar tus pulmones de aire limpio cada que tengas oportunidad, camina descalzo en el pasto, pisa hojas secas. Adopta una planta y si se puede, una mascota también.
  2. Haz listas de palabras que te gustan. No entiendo esta manía propia, pero es algo que me funciona a la hora de necesitar algún nombre para algo. La inicié por gusto y sin razón pero al final resultó útil.
  3. Escucha las inquietudes de los demás. Solía ser muy celosa de mis ideas, pero me he dado cuenta de que la mayoría de las veces las demás personas no alcanzan a visualizar lo que imaginas de la manera que tú y además al compartirlas obtienes buena retroalimentación.
  4. Busca nuevas perspectivas. Nuevos usos de algo, diferentes interpretaciones de una misma cosa, conectar dos cosas sin relación aparente o enseñar algo a través de un juego.
  5. Degusta algo nuevo. El cerebro es un músculo que hay que ejercitar a la menor provocación si queremos mantenerlo fresco. No soy neuróloga pero, me gusta pensar que funciona como cuando aprendes algo nuevo, se almacena nueva información en tu biblioteca de experiencias y estímulos sensoriales; y no solo gustativo porque al comer usamos varios sentidos.
  6. Presta atención a los detalles. A veces creo que las ideas están en todos lados, solo tenemos que desarrollar cierta sensibilidad para percibirlas y asociar las pistas que nos son dadas.
  7. Infórmate de noticias de otros lados. Una vez escuché de una profe que, entre más indiferentes seamos a nuestros entorno, menos ideas tendremos de cómo transformarlo.
  8. Haz algo ante las injusticias (aunque sea un meme). Y si puedes hacer algo más que un meme, mucho mejor. La creatividad no es solo tener ideas, la etimología de la palabra lo dice, es crear. Así que al final del día no es más creativo el que tiene más ideas, sino el que hace más con ellas.
  9. Lee biografías de personajes interesantes. Leer también sus libros o entrevistas, es sumamente inspirador, es como tomarte un té con ellas.
  10. No esperes encajar. Si Coco Chanel hubiera seguido las tendencias de su época, jamás se hubiera convertido en la diseñadora que fue.
  11. Aprecia el plus de los finales inesperados. Esto ya no iba a seguir, pero cuando das más de lo que se te solicitó, obtendrás mejores respuestas y eso te motivará.

Un lugar llamado Pacueco

“Al otro lado del puente de La Piedad Michoacán…” Muchos hemos escuchado la canción del Perro Negro, y la asociamos a La Piedad Michoacán y ¿Cómo no hacerlo? Si así empieza, pero en realidad, hace referencia al otro lado del puente, a Santa Ana Pacueco ¿PA’ QUÉ? PA-CUE-CO…

Un poco de historia, La Piedad Michoacán llegó a ser reconocida como la capital del cerdo, y es que, en algún momento de la historia, fue el mayor productor de cerdos en el país, la realidad es que Santa Ana Pacueco y La Piedad, siempre han ido juntos y en la producción de cerdos también fue lo mismo, había muchos cerdos en La Piedad, pero también, había muchos en Santa Ana, muchos de niños nos preguntábamos ¿Qué significa Pacueco? Y nuestra conculsión de niño era simple: Pacueco igual a pa’ Puercos; hoy en día las cosas han cambiado, ahora es tan fácil ir al Google y preguntarle ¿Qué significa Pacueco? Pacueco es una palabra purépecha y significa: donde corva (da vuelta) el río, el río Lerma, el río que separa y une a Michoacán y a Guanajuato, el río que separa y une a medio país (dato curioso, en La Piedad existen varios puentes que comunican a Santa Ana con La Piedad uno se llama: Michoacán y otro Guanajuato).

Cuando yo era un poco más joven, y estudiaba fuera me preguntaban ¿De dónde eres? Respondía de La Piedad, y cuándo me preguntaban ¿Dónde está eso? Decía, “Si ves un mapa con división política, La Piedad se encuentra donde se juntan Michoacán, Guanajuato y Jalisco”; a principios de este año, las oficinas de Girasolo se mudaron de La Piedad a Santa Ana, Santa Ana Pacueco, es una pequeña población que pertenece al municipio de Pénjamo Guanajuato, a principios de este año, también decidimos separar a Girasolo en dos divisiones: Girasolo todo lo relacionado a comunicación y BigPink todo lo relacionado a tecnologías de la información.

Captura de pantalla de la página http://www.brimalog.com (en producción).

Mientras hacíamos investigación para un proyecto nuevo, encontré que varias páginas y plataformas, en el footer decían “Made with love in NY” y surgió una idea ¿Por qué no poner un “Hecho con amor en Pacueco Mx” como firma a todos nuestros desarrollos?

Captura de pantalla de propuesta web para el proyecto de Safe-T

Pero ¿Por qué elegir Pacueco para firmar? Pues bien, más allá del significado literal  de Pacueco, Pacueco para mí significa esa unión (Guanajuato y Michoacán), pero representa también una palabra física, para darle nombre a ese espacio donde se unen diseño y programación, comunicación y funcionalidad, Pacueco, representa pues, un montón de sueños.

Y hablando de sueños, aprovechamos para desearte de parte del equipo de Girasolo y BigPink un grandísimo año, que sea el año para tus sueños. ¡Felicidades!

@ChenBrimac
chen@girasolo.com
www.girasolo.com
www.ThinkBigPink.com

Importancia de GIT

Dentro del desarrollo de software existen distintos tipos de herramientas que nos ayudan a solventar alguna necesidades específicas, las cuales facilitan la parte de desarrollo, implementación, despliegue, documentación, o testing. El día de hoy yo les hablaré de una herramienta para desarrollo de software profesional que nosotros internamente usamos en cada uno de nuestros proyectos, GIT.

Pero para poder hablar de git, primero tenemos que saber qué es, de dónde surge y cuál es su función.

Git es un sistema de control de versiones, el cual es distribuido, es decir, que bajo un mismo proyecto múltiples programadores pueden trabajar y desarrollar en conjunto. Es de código abierto así que es totalmente gratuito, se puede adaptar fácilmente a un proyecto pequeño así como a uno grande, cuenta con una gran documentación en la web y es muy usado por los programadores, es una herramienta muy útil a la hora de hacer correcciones a bugs y documentación de proyecto ya que cuenta con una línea del tiempo de desarrollo.

Git es un sistema multiplataforma, lo que quiere decir que podemos usarlo con Windows, Linux o Mac OS. Git también cuenta con plataformas de desarrollo colaborativo, o también llamadas red social de los desarrolladores, donde se alojan los repositorios, el código se almacena de forma pública pero se puede hacer privado con una cuenta de pago, algunos ejemplos de esto son github.com o gitlab.com.

En el caso de nuestra empresa, nosotros usamos git y lo combinamos con el uso de gitlab ya que este nos ayuda a hacer CI/CD (continuous integration / continuous delivery) que son terminos muy utilizados en el DevOps.

Para ponerlos un poco más en contexto CI es un proceso en donde cada cambio que realizamos en nuestro código debe ser testeado y verificado por las pruebas que hemos escrito con anterioridad.

CD es el mismo proceso anterior, solo que de una manera más automatizada y además nuestros tests de aceptación o acceptance tests deben ser de una gran calidad. Porque Continuous Delivery se asegura de que cada cambio realizado esté listo para ser lanzado a producción.

Para trabajar eficientemente con git es necesario tener un gitflow eficiente pero, ¿qué es un gitflow?, según la pagina oficial de Github https://github.com/doapps/software/wiki/Gitflow.

Gitflow es un flujo de trabajo de basado en git que fue publicado y popularizado por Vincent Driessen. El flujo de trabajo de Gitflow define un modelo de ramificación estricto, diseñado en torno a la versión del proyecto. Esto proporciona un marco robusto para la gestión de proyectos grandes.

¿Por qué usar Gitflow?

Por los siguientes motivos:

  1. Desarrollo Paralelo
  2. Colaboración
  3. Área de puesta en escena de la versión
  4. Soporte para reparaciones de emergencia

Nuestro gitflow es uno de los más estándares, comenzamos con dos ramas principales que son máster y develop, la rama máster está protegida y nunca se sube nada directamente a ninguna de estas cuando se va a realizar una nueva funcionalidad. Nunca se trabaja sobre ninguna de ellas lo que se hace es posicionarse en develop, actualizar con el repo remoto y después crear otra rama en la que se trabajará con el prefijo feature, una vez terminas la funcionalidad se sube esa nueva rama al repo remoto para ser revisada por medio de pipelines, y de ser aprobada, se integra con develop.

Cuando se va a corregir un bug el proceso es bastante parecido, solo que en lugar de feature se usa el prefijo Hot-fix, cuando el proyecto esté listo para mandarse a producción se hace un merge entre develop y máster para crear la primer versión o relace esto se repite conforme a los relace que son lanzados.

Como pueden ver, git es una herramienta muy útil para los desarrolladores que cuando es manejada debidamente, acorta tiempos de desarrollo y ayuda con la gestión de software, en el siguiente enlace les dejaré algunos de los comandos que son más usados en git por si les interesa.

https://github.com/miguel199529/Notas/blob/master/GIT.md

Miguel Ángel López
www.girasolo.com
www.ThinkBigPink.com

¿Qué es DevOps?

¿Alguna vez has escuchado hablar sobre DevOps? existen varios puntos de vista sobre el término DevOps ( Develop / Operations ), pero la gran mayoría coinciden en que es una cultura que promueve la comunicación entre el departamento de desarrollo (Development) y el departamento de Administración de sistemas (Operations). 

La cultura DevOps tiene como objetivo acelerar la entrega de software de manera ágil asegurando la calidad del software, todo esto, por medio de buenas prácticas, herramientas de integración de código, pruebas automatizadas, administración de infraestructura, etc.

Las prácticas más populares de la cultura DevOps son las siguientes:

Infraestructura como código: Infraestructura como código es un método de automatización que está basada en prácticas de desarrollo de software. Los cambios realizados a los sistemas y sus configuraciones específicas son bien definidas y capturadas en archivos de configuración (scripts, playbooks, manifests, módulos).

Integración continua ( CI ): La integración continua es una práctica de desarrollo de software mediante la cual los desarrolladores combinan los cambios en el código en un repositorio central de forma periódica, tras lo cual se ejecutan versiones y pruebas automáticas.

Entrega continua ( CD ): La entrega continua es una práctica de desarrollo de software mediante la cual se preparan automáticamente los cambios en el código y se entregan a la fase de producción.

Herramientas DevOps más populares: Red Hat Ansible, Jenkins,Terraform, Chef, Docker, GIt, GitLab, Kubernetes, Nagios, Puppet.

DevOps en BigPink

Nosotros en BigPink adoptamos una cultura DevOps que va desde la configuración de los proyectos, testing y pruebas de integración de código hasta entornos automatizados con despliegue continuo ( continuous delivery ), para ello, implementamos las siguientes practicas y herramientas:

Configuración de proyectos: Todos los proyectos son configurados con GIT como sistema de control de versiones de software, así como el uso estricto de linters para detectar errores de estilo y mantener el código limpio.

Infraestructura como código (IaC): Toda la infraestructura la manejamos como código por medio de configuración de plantillas cloud formation para Amazon Web Services. 

Integración continua (CI): Para la integración del código utilizamos GitLab como plataforma de repositorios privados en donde por medio de Pipelines ejecutamos varias pruebas (build, linters, testing, etc.) para asegurar la calidad antes de que el código sea integrado en el repositorio central.


Entrega continua (CD): Para lograr la entrega continua se automatiza el despliegue de nuestros proyectos por medio de Pipelines programadas en GitLab que se conectan a nuestra infraestructura previamente montada en Amazon Web Services, una vez pasadas las pruebas de integración del código.

Edgar Leyva
www.girasolo.com
www.ThinkBigPink.com

La paradoja de la creatividad

Cuando pensamos en alguien creativo, pensamos en alguien capaz de ir más allá, alguien que no tiene límites, alguien, incluso, que no tiene reglas, parece pues ilógico que, para generar ideas, sea necesario tener una frontera, marcarnos ciertos límites, para poder pensar fuera de la caja, necesitamos precisamente una caja.

Por segundo año consecutivo estamos realizando el Inktober en la oficina, como reto adicional, he decidido llevar uno paralelo en un blog personal de tiras cómicas que durante los últimos 3 años ha tenido solo 10 entradas, en otras palabras, ha estado abandonado  y es que, no he tenido la motivación, ni las ideas suficientes para poder actualizar más seguido, por lo tanto, tener 31 entradas durante un mes parece una misión imposible; la realidad, es que al día de hoy llevo más de 20 ideas, he podido tener ideas tanto para mi blog como para el blog de la oficina, ¿Cuál ha sido la diferencia entre este mes y los 3 años anteriores? Sencillo: tengo un tema, tengo una caja.

Cuando se está buscando una idea creativa para un proyecto, es común escuchar la frase: “Piensa fuera de la caja”, y ¿Qué es pensar fuera de la caja? ¿Lo que estoy pensando estará dentro de la caja o estará fuera de la caja? Resulta fascinante que, una vez teniendo una caja, el cerebro buscará examinar toda la caja, todas las posibilidades para ver que sus ideas realmente caigan fuera de la caja, pero ¿Qué es la caja? La caja son todos los antecedentes del proyecto a realizar, la caja, es también, una serie de reglas y compromisos.

Existe un experimento, donde llevaron a un grupo de niños a jugar en un parque grande, sin cercas ni barreras, los niños, únicamente jugaron en un área pequeña de todo el parque, no exploraron, después, ese mismo grupo de niños, fueron llevados a un parque de similar tamaño, los niños, esta ocasión, jugaron por todo el parque, exploraron cada rincón, se divirtieron más, incluso, generaron más ideas para jugar, ¿Cuál fue la diferencia? El segundo parque tenía cercas.

Parece ilógico, pero, las reglas o las barreras nos hacen en realidad más creativos, y esa es la paradoja de la creatividad, ¿Quieres tener un equipo más creativo? ¿Quieres generar más ideas? Entonces comienza definiendo la caja, las reglas.

@ChenBrimac
chen@girasolo.com
www.girasolo.com
www.ThinkBigPink.com

TED y TEDx el gemelo asesino.

Es verdad que a veces nos enamoramos de nuestras marcas, es natural, son nuestras creaciones, y si son exitosas queremos que todo, absolutamente todo lo que hagamos se les parezca, pero, en ocasiones, este amor no permite ver que podríamos estar creando un gemelo asesino, un gemelo, que terminará por matar todo lo construido con nuestra marca exitosa.

Las conferencias TED (Technology, Entertainment, Design) nacieron hace más de 30 años, sin embargo, fue hasta mediados de la década de los 2000 que muchos supimos de su existencia, de un momento a otro, TED había establecido una forma diferente y fresca de acercarnos a las grandes mentes de la actualidad, de inmediato, TED se volvió una referencia obligada para maestros, y personas dentro de movimientos de emprendimiento e innovación.

Logotipo TED

Poco a poco, comenzamos a ver muchos videos de TED, incluso, comenzamos a ver videos de conferencias en español, no nos habíamos dado cuenta, pero TED había iniciado un nuevo proyecto: TEDx.

TEDx son congresos independientes, realizados bajo una licencia de TED donde se obligan a seguir ciertos principios y lineamientos de la marca TED, es decir, es lo mismo, pero no es igual y aquí es donde inicia el problema.

TEDx ¿Alguien sabe la diferencia entre TED y TEDx?

La realidad es que TEDx tuvo un impulso rápido un “Quick-Win” que hubiera sido imposible alcanzar sin el cobijo de la marca TED, es verdad también, que muchas más personas conocimos a TED gracias a TEDx, (parece una decisión súper acertada), pero, aunque siguen los principios de TED, los congresos TEDx no tienen, en su mayoría, la misma calidad que las TED talks.

Hoy, poco más de 10 años después de aquella irrupción de TED, existen personas que no logran diferenciar entre TED y TEDx, hoy también, las TED talks, han dejado de ser una referencia, el gemelo malvado, ha matado al gemelo exitoso.

El Quick-Win es una tentación común entre casi todos los que poseen una empresa, a corto plazo, los beneficios que parecen aportar son mayores que todos perjuicios, además, casi todos los beneficios son tangibles (más vistas, ventas rápidas etc.), mientras los perjuicios son más abstractos; la gente me consume ¿Cómo es posible que estén confundidos?

Sé que crear una marca nueva lleva mucho tiempo, un nuevo nombre, un nuevo branding, registro, colores, establecer confianza, posicionarla, etc., etc., etc.; sin embargo, esta decisión, será clave para el futuro de tu compañía, en ocasiones, no solo habrás evitado la muerte de tu marca exitosa, habrás simplificado también el proceso de una separación en caso de requerirla (CASO LEICA).

Leica, son cuatro compañías que comparten una marca ¿Qué pasa si alguna quiere cambiar el logotipo?

Es posible que en tu organización estés criando a un gemelo malvado, debes detenerlo, antes de que comience a matar a su hermano exitoso.  

@ChenBrimac
chen@girasolo.com
www.girasolo.com
www.ThinkBigPink.com

Big Pink

Branding por Girasolo.

Hola soy Edith y hoy te voy a platicar de cómo fue crear la identidad visual de Big Pink, recuerdo que todo empezó cuando Chen nos habló de la nueva idea que tenía en mente y no pude evitar comenzar a bocetar el logo justo en ese momento, llegó repentinamente la idea, lo primero que me di cuenta era que necesitábamos algo muy fuerte, en cuanto a tipografía, pues el nombre conllevaba todo un reto: hacer que no luciera femenino, ya que Big Pink se podría asociar a eso, también que proyectará que se trataba de algo digital y de tecnología, sin quitar toda la parte formal que se necesitaba para que el futuro cliente sintiera esa confianza y seguridad de confiarnos su proyecto.

A partir del aquel primer boceto, comencé a trabajar mi idea, como ya he mencionado antes me gusta crear tipografías desde cero, Big Pink no podría ser la excepción, también tenía claro que tenía que evitar lo orgánico o lo delicado, ya que se necesitaba dar contraste a lo que podías llegar a pensar de primera impresión del nombre, mi inspiración fue a partir de líneas rectas, en concreto de los rectángulos, también quería que el logotipo fuera de fácil visualización en diferentes tamaños y que no se perdiera su legibilidad . Hice énfasis en la palabra Big fuera precisamente eso y la coloque de manera superior, por otra parte Pink estaría en la parte inferior con un tamaño más reducido y así al agruparse forman un rectángulo hecho de mayúsculas dando la sensación de fortaleza sin dejar de lado el toque jovial, algo también que quisiera mencionar son las i que lleva,  están formadas por dos cuadrados que a su vez puedes interpretar por “dos puntos” algo que es muy usado en el lenguaje de los desarrolladores.

A la hora de aplicar el color, ya tenía previsto la inspiración del CMYK, una idea que tuvo Chen y quise implementar, pues concuerdo con lo que él menciona antes, si bien Big Pink trabaja en lo digital nació a partir de una empresa de diseño, el protagonista principal sería el rosa o magenta y acompañándolo el amarillo como contraste, no sólo para hacer alusión a la parte de Pink, también porque quería que en un futuro Big Pink  se destacará de la competencia, ya que previo a esto, hice una investigación y note que había un gran número de empresas que se dedicaban a lo mismo y hacían mayor uso de tonos azules o grises, por lo que jugar con una paleta diferente a lo usual, se haría notar y aportaría una sensación fresca.

El logo y los complementos al ser tan versátiles se prestan para hacer diversas variaciones, según sea necesario, ahora sí, para hablar de lleno en los complementos de esta imagen, quería formas bastante sencillas, buscaba la limpieza y claridad en el diseño, usando rectángulos y cuadrados, como plastas de color sin ningún orden en específico, pero si buscando siempre un equilibrio visualmente, en la parte donde predominan imágenes o poco texto el uso de colores y formas se usa bastante, mientras que para documentos o presentaciones que implican más texto el diseño se hace más discreto, procurando el fondo blanco para descansar la vista y sólo dar un pop de color, en la tipografía o en algún un gráfico.

Usos, colores y formas para la imagen de Big Pink

Como tipografía complementaría, se decidió por una san serif, llamada Hack que fue creada para desarrolladores y su función principal es lucir bien siempre en pantalla, al implementarla nosotros en nuestros textos da la sensación de que estas escribiendo algún código,  esto también ayuda a la comunicación que estamos utilizando, que es el uso de algunos elementos propios del lenguaje de los desarrolladores en los textos, no sólo en el uso de algunos signos, como: las comillas, las diagonales, las llaves o paréntesis, también en el uso de los colores para destacar algunas palabras.

Una vez teniendo como base estos elementos , se empezó la creación de diferentes materiales de apoyo, como plantillas para presentaciones, tarjetas, hojas membretadas y la página web que ya esta vigente, también se hicieron algunas fotografías a cargo del equipo de multimedia donde se capturaron algunas escenas de un día laboral y como transcurr.

La imagen de Big Pink se sigue construyendo hasta la fecha, personalmente me ha gustado mucho el resultado que estamos teniendo, los invito a visitar la página web que próximamente se estarán subiendo proyectos  en los que han trabajado mis compañeros.

@edithcd9269f173
www.girasolo.com
www.ThinkBigPink.com