Es un reto creado por Jake Parker en 2009 como un reto a sí mismo para implementar sus habilidades en materia de ilustración. El reto consiste en publicar en tu blog o redes sociales un dibujo a tinta (o lápiz) diferente cada día durante el mes de Octubre y etiquetarlo con el hashtag #inktober.
El equipo de Girasolo se unió al reto y todos los días, verás una imagen nueva hecha por alguien de nuestros compañeros, puedes ver la lista oficial del inktober 2019 aquí.
Construye
páginas, más rápidas y con mejor experiencia de usuario gracias a
React y
su virtual dom.
React
es una biblioteca de JavaScript
para construir interfaces de usuario basada en la creación de
componentes;
su principal característica es el Virtual
DOM
que es una copia en memoria del DOM real, este Virtual DOM se encarga
de hacer actualizaciones hacia el DOM real (La interfaz gráfica que
ve el usuario) de manera atómica gracias a su librería diferencial
capaz de detectar los cambios que existen en ambos DOM y poder
renderizar solo los elementos que han cambiado.
Funcionamiento del Virtual DOM de Reactjs
Con
este render atómico react proporciona una UX superior a cualquier
Framework o librería para front, asi como un mejor performance al
solo renderizar los cambios y no el componente entero dando una
sensación de fluidez en tiempo real de la aplicación web.
En
Girasolo
buscamos
la innovación en la tecnología para ofrecer mejores resultados en
todos nuestros proyectos, por ello esta vez decidimos implementar
react en uno de los nuevos proyectos del área: la página oficial de
BigPink(nuestro spin
off).
Inicio Página Big PinkExtracto de la página en su versión Inglés.
Obteniendo como resultado un sitio web ligero para el usuario, que renderiza al instante la información además de ofrecer otras características atractivas para el cliente como: el intercambio de props con lo cual se puede reducir considerablemente el código ya que los componentes son reutilizables, el multilenguaje en la aplicación con lo cual tu sitio web esta un escalón más arriba en los estándares de Ux, además, react es isomorfico lo que significa que: con el mismo código, somos capaces de renderizar tanto en el cliente como el servidor. Por tanto, cuando llega un buscador como Google, con la misma base de código se le puede entregar el HTML con el contenido ya renderizado, lo que lleva a que una aplicación React sea capaz de posicionarse tan bien como una aplicación web tradicional que renderice del lado del servidor, como es el caso de un desarrollo tradicional o un desarrollo basado en un CMS como WordPress, todo esto gracias a Nodejs.
Extracto de la página en su versión Español.
En
conclusion React nos permite un desarrollo ágil, ordenado y con una
arquitectura mantenible, focalizada en componentes y que nos ofrece
un gran performance.
A
continuación, se muestra un poco de lo que se logró realizar con
ente framework.
Hace unas semanas nos tocó asesorar a un cliente que estaba por poner su spa y salón de belleza. Su solicitud incluía también el naming y después de un largo proceso de investigación y charlas, dimos con el indicado: Bon Visage. Estas dos palabras francesas quieren decir en español buena cara o buen rostro, que definen esta parte del cuidado y la belleza porque como dicen, “la buena vida o la mala vida, a la cara salen”.
A pesar de que las primeras propuestas fueron en español y algunos otros idiomas, llegamos a la conclusión de que sí o sí tendría que ser francés pues su concepto está basado en un modelo europeo de peluquería y salones de belleza con raíces francesas. Nicolás Beinet, propietario de Orange Beauté, fue el primero en abrir un salón así en la ciudad de México en 2002, entonces había que crear una marca que transmitiera la elegancia de los salones de beauté.
Decidí realizar una tipografía nueva, con trazos geométricos y ligeras modulaciones, y otra especial para el tag line “Spa & beauty salon”, con un trazo estilo mano libre que contrastara con la marca. El resultado fue el siguiente:
Y más que paleta de colores para este proyecto, les comparto lo que fue la paleta de texturas, mismas que el cliente comentó, serían usadas en la ambientación del espacio. Nos tocó diseñar varias aplicaciones, les muestro algunas en los siguientes mockups:
Dar a luz una marca funcional y acertada conlleva un trabajo en equipo entre el cliente y el diseñador, una excelente comunicación y una sólida investigación previa.
Eva Gomgar Directora Diseño Girasolo eva@girasolo.com www.girasolo.mx