Nueva Página Girasolo

Así es, actualizamos el sitio web de Girasolo te quiero platicar un poco sobre la tecnología, proceso y desarrollo de este proyecto.

Después de un par de años con nuestro sitio web, decidimos actualizar nuestro sitio web, entre las razones para hacerlo se encuentran: 1. Dar mayor frescura y facilidad de uso, esto debido a la incursión al mundo digital de la compañía (tenemos una división exclusiva para el desarrollo de productos digitales: BigPink). 2. Dar un énfasis a nuestro portafolio que se visible, fácil de identificar y de verificar. 3. Cambiamos parte de nuestra imagen (aunque no cambiamos el logotipo, sí cambiamos su forma de uso, y sus colores de acompañamiento).

Main de nuestro sitio web, se buscó un diseño sencillo pero llamativo y poderoso, crentrándonos en lo importante. visita: http://www.girasolo.mx

El diseño del sitio web corrió a cargo de mis compañeros, quienes me entregaron versiones desktop y mobile de la página, para poder traducir a web sus propuestas utilicé diferentes tecnologías y herramientas, a continuación te platico un poco al respecto.

Utilicé el sitema de regillas bootstrap un framework CSS y JavaScript diseñado (por Twitter) para la creación de interfaces con un diseño responsive es decir, un diseño que puede adaptarse a diferentes pantallas de manera más rápida e intuitiva.

Además, se utilizó JavaScript ya que permite realizar todo tipo de aplicaciones cliente/servidor, tambien es utilizado para crear efectos visuales que dan dinamismo a los sitios web y ofrece la psoibilidad de interactuar con este, para crear una sensación de comunicación entre el sitio web y el usuario.

Extracto de nuestro sitio web.

Debido a que somos una empresa de desarrollo utilizamos GitLab para llevar un control sobre el desarrollo, así, es posible versionar el sitio y mantener una mejor calidad entre cada actualización (este sistema, es utilizado para todos los desarrollos internos de Girasolo / BigPink), esto, nos da la posibilidad también de mantener respaldos de ellos.

Algunos aspectos a destacar de Gitlab son:

  • Alojar proyectos de forma gratuita.
  • Facilita la manera de compartir proyectos (dentro y fuera de la comunidad).
  • Reduce al máximo errores humanos que se pueden presentar durante el desarrollo, además, de que te permite detectar fallos más grandes de una manera rápida y sencilla.
  • Ofrece todos los beneficios de sistema controlador de versiones GIT, pero además cuenta con herramientas extras.

Para que un sitio web sea seguro, y funcione de manera óptima el hosting es crucial, nuestro sitio está alojado en AWS plataforma en la cuál somos expertos, algunas de las ventajas de AWS son:

  • Facilidad de uso: AWS está diseñado para permitir que los proveedores de aplicaciones, proveedores de software independientes y distribuidores, puedan hospedar de forma rápida y segura su aplicación.
  • Flexibilidad: Puedes seleccionar desde el sistema operativo, el lenguaje de programación, plataforma de aplicaciones web, hasta base de datos y otros servicios que llegues a necesitar.
  • Rentable: Pagas por lo que necesitas, sin plazos ni compromisos forzosos.
  • Seguro: aplica un enfoque integral para proteger y reforzar tu infraestructura, incluye: medidas físicas, operativas y software.

Desde el punto de vista comunicación nuestro sitio cuenta con herramientas avanzadas de google y facebook.

Desde diseño, se da un enfoque mayor al portafolio, además, es un sitio seguro (certificado SSL).

Te invito a concoer el nuevo sitio de Girasolo.

Milton Ventura – UX BigPink
milton@girasolo.com
www.girasolo.com
www.ThinkBigPink.com

Safe-T

Para quienes estamos inmersos en el mundo del diseño, el desarrollo de una nueva marca es un tema que resulta mucho, muy emocionante, pero al mismo tiempo, genera un poco de incertidumbre. Qué tipografías utilizar, qué colores son los que encajan mejor con la personalidad de la marca y cómo podemos lograr un “buen diseño”.

Lo cierto, es que no existe un mejor diseño. La idea de generar el “mejor diseño” resulta utópico, pues no existe una sola manera de resolver los problemas, menos aún, cuando nos encontramos dentro del contexto creativo. Todo lo contrario, existen infinidad de caminos que podemos tomar para resolver correctamente un problema. Y es precisamente esto lo que nos encanta, ese mar de posibilidades que se nos presentan ante el umbral del desarrollo de una nueva marca.

Es el caso de Safe-T. Una empresa dedicada a la instalación de sistemas de seguridad y redes contra incendios.

El nombre Safe-T deriva, por una parte, de una síntesis del anterior nombre (Safety Systems & Solutions) mientras que, por la otra, de la apreciación fonética de: Safe, en español seguridad; y la letra T, que en inglés se pronuncia como ti. Al combinarlas, obtenemos Safe-T, cuya pronunciación es similar a Safety, que hace referencia a la seguridad, siendo éste el principal campo de acción de la empresa.

Para la construcción del símbolo de la marca, debíamos generar un gráfico que, por sí solo, representase de manera concreta qué es Safe-T. No solamente desde el concepto de los sistemas contra incendios, sino también desde la seguridad y todo lo que esta implica.

Luego de elaborar diversos bocetos, logramos generar lo que sería el isotipo final.

En la parte central del símbolo, encontramos la silueta de una flama, rodeada por una serie de líneas que nos recuerdan, no sólo a las tuberías, sino también al cableado de los sistemas de seguridad. Así mismo, podemos apreciar que todos estos elementos se encuentran dentro de las curvas abstraídas que componen la letra S, inicial de la marca.

Como el símbolo generado resulta tan fuerte y rico en cuanto a su significado, optamos por utilizar una tipografía sans serif que lo complementase de manera sutil, centrando la atención en el isotipo.

En cuanto a las tonalidades de la marca, encontramos como color principal, un rojo con matices magenta, que nos remiten al color del equipo y material utilizado para combatir los incendios. Como color secundario, tenemos un negro enriquecido que cuenta con un matiz azul, para representar el mundo Life Safety, la seguridad y el profesionalismo.

Una vez definidos los puntos anteriores, pudimos dar paso a la creación de los elementos de papelería corporativa, como lo son las tarjetas de presentación, así como también, al diseño y desarrollo del sitio web de la marca.

Adrián López P.
www.girasolo.com
www.ThinkBigPink.com