INKTOBER GIRASOLO

¿Qué es #inktober?

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í.

01 Ring – Edith
02 Mindless – Ulises León.
03 Bait – Chenbrimac
04 Freeze – Edith
05 Build – Edith
06 Husky – Edith
07 Enchanted – Chenbrimac
08 Frail – Edith
09 Swing – Lalo
10 Pattern – Edith
11 Snow – Andrea
12 Dragon – Edith
13 Ash – eva_bold
14 Overgrown – Diego San
15 Legend – Lú
16 Wild – Chenbrimac
17 Ornament – Rodi
18 Misfit – Edith
19 Sling – Edith
20 Tread – Andrea
21 Treasure – Diana
22 Ghost – eva_bold
23 Ancient – Diego San
24 Dizzy – Lú
25 Tasty – Chenbrimac
26 Dark – Ulises
27 Coat – DiegoSan
28 Ride – Ulises León
29 Injured – eva_bold
30 Catch – Andrea
31 Ripe – Chenbrimac

No olvides seguir nuestro instagram, para ver las actualizaciones somos: @girasoloagencia.

Páginas con React.

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 Pink
Extracto 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.

Conoce nuestro sitio web: https://www.thinkbigpink.com/

Si quieres conocer por qué nos llamamos BigPink conoce la histora en nuestra entrada anterior.

Cecy Pérez
cecy@girasolo.com
www.girasolo.com
www.ThinkBigPink.com

Proyecto: Bon Visage

Proyecto: Bon Visage

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